@charset "utf-8";

html, body {
	height: 100%;
}

body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	margin: 0;
	padding: 0;
	color: #000;
	background-image:url(images/bg.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

#empty {min-height:22%; width:600px; margin:0 auto;}

#toppanel {
	position:absolute;
	width:600px;
	z-index:200;
    margin-left: auto;  
    margin-right: auto;
	text-align:center;
}

#panel {
	width:502px;
	position:relative;
	z-index:150;
	overflow:hidden;
    margin-left: auto;  
    margin-right: auto;
	text-align:left;
	background-image:url(images/contact_bg.png);
	background-position:center bottom;
	background-repeat:no-repeat;	
}

#panel_contents {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#666;
	padding:38px 0 0 35px;
    height: 100%;
    width: 502px;
    position: absolute;
    z-index: -1;
}

.panel_button {width:110px; 
	height:10px; 
	background-image:url(images/send_message.png); 
	z-index:250; 
	margin-left: auto;  
    margin-right: auto;
	cursor:pointer;
	margin-top:2px;
}
.panel_button span {display:none; text-indent:-9000px;}
.panel_button img {margin-top:12px}

input, textarea { color:#666; font-family:Tahoma, Geneva, sans-serif; font-size:14px;}

#name { float:left; margin-right:48px;}
#name p {float:left; margin-right:10px;}
#name-blend {background-image:url(images/contact_bg_sprite.png); background-position:-60px -20px; border:solid 1px #333;}
#name-blend:hover, #name-blend.hover {background-position:-60px -152px; border:solid 1px #666;}

#email {float:left;}
#email p {float:left; margin-right:10px;}
#email input {background-image:url(images/contact_bg.png); background-position:-270px -20px; background-repeat:no-repeat; border:solid 1px #333;}
#email input.hover, #email input:hover {background-image:url(images/contact_bg_active.jpg); background-position:-270px -20px; background-repeat:no-repeat; border:solid 1px #666;}

#message-area { clear:both; float:left;}
#message-area p { margin-top:10px;}
#message-area textarea { width:365px; height:60px; background-image:url(images/contact_bg.png); background-position:-40px -50px; background-repeat:no-repeat; border:solid 1px #333;}
#message-area textarea:active, #message-area textarea:hover { width:365px; height:60px; background-image:url(images/contact_bg_active.jpg); background-position:-40px -50px; background-repeat:no-repeat; border:solid 1px #666;}

#submit {float:left; margin:14px 0 0 5px;}
#submit input {width:65px; height:65px; font-size:11px;}

#container {
	width: 600px;
	margin: 0 auto;
	min-height: 75%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -20px;
}

#header {
	width:560px;
	height:175px;
	background-image:url(images/content_bg.png);
	background-repeat:repeat;
	margin:0 0 20px 0;
	padding:20px;
	text-align:center;
}

h1#title {margin:0 auto; width:533px; height:29px; background-image:url(images/title.png); background-position:0 0;}
h1#title span {display:none; text-indent:-9000px;}
h1#title:hover, h1#title.hover {background-position:0 -29px; cursor:pointer;}

#header-image {width:520px; padding: 20px 20px; height:85px; text-align:justify; line-height:18px; letter-spacing:0.1em; color:#666;}

h2#subtitle {margin:0 auto; width:534px; height:20px; background-image:url(images/subtitle.png); background-position:0 0;}
h2#subtitle span {display:none; text-indent:-9000px;}
h2#subtitle:hover, h2#subtitle.hover {background-position:0 -20px;}

#content {
	width:600px;
}

#mainContent {
	float:left;
	width:600px;
	height:276px;
	background-image:url(images/content_bg.png);
	background-repeat:repeat;
}

.kwicks {
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
	z-index:100;
}
 .kwicks li{  
     float: left;  
     width: 120px;  
     height: 276px;    
 }  
 #kwick1 {   
     background-image:url(images/1.png);
	 background-position:left;	 
	 background-repeat:no-repeat;
 }  
 #kwick2 {  
     background-image:url(images/2.png);
	 background-repeat:no-repeat;
 	 background-position:left;
 }  
 #kwick3 {  
     background-image:url(images/3.png);
	 background-position:center;
	 background-repeat:no-repeat;
 }  
 #kwick4 {   
     background-image:url(images/4.png);
 	 background-position:right;
	 background-repeat:no-repeat;
 }  
 #kwick5 {   
     background-image:url(images/5.png);
	 background-repeat:no-repeat;
	 background-position:right;	 
 }  
 
 #message {display:none;}
 
 .footer, .push {
	height: 20px;}
