@charset "utf-8";
/* CSS Document */

body { margin: 0pt auto;
	   background-image: url(images/bg.jpg);
	   background-repeat: repeat-x;
	   background-color: #022323;
	   }
	   
#wrapper { margin: 0pt auto;
		  width: 800px;
		  height: auto;
		  display: table;
		  background-color: #eef0ef;
		   }
		   
#logo { margin: 0pt auto;
		background-image: url(images/logo.jpg);
		width: 800px;
		height: 56px;
		}
		
#banner { margin: 0pt auto;
		  background-image: url(images/banner.jpg);
		  padding-left: 9px;
		  width: 791px;
		  height: 267px;
		  }
		  
/*	navagation line ------------------------------------------------------------------------------------------------------------- */ 
            
			#navigation {width: 800px; height: 49px; margin: 0pt auto;}
	        #navigation ul { list-style-type:none; padding:0; margin:0}
			#navigation li  { float:left; padding:0; margin:0} 
			#navigation li a { text-indent:-2000%; outline:none; display: block; background-position:top}
			#navigation li a:hover { background-position:bottom left;}
					
					#navigation .nav1   {width: 142px; height: 49px; background-image: url(images/nav_01.jpg)}
					#navigation .nav2 a {width: 178px; height: 49px; background-image: url(images/nav_02.jpg)}
					#navigation .nav3 a {width: 177px; height: 49px; background-image: url(images/nav_03.jpg)}
					#navigation .nav4 a {width: 178px; height: 49px; background-image: url(images/nav_04.jpg)}
					#navigation .nav5   {width: 125px; height: 49px; background-image: url(images/nav_05.jpg)}

/*---------------------------------------------------------------------------------------------------------------------------*/

#left_cont { width: 231px;
			 height: auto;
			 float: left;
			 }
			 
#left_cont img { padding: 0 0 0 15px;}
			 
#right_cont { width: 569px;
			  height: auto;
			  float: left;
			  }
			  
.content {  padding: 0 30px 0 0;
		    color: #333;
			font-family: Helvetica, Arial, sans-serif;
			font-size: 14px;
			font-style: normal;
			font-weight: normal;
			text-transform: uppercase;
			letter-spacing: normal;
			line-height: 1.5em;
			}
			
.sub_content {  
			padding: 0 30px 0 0;
		    color: #333;
			font-family: Helvetica, Arial, sans-serif;
			font-size: 12px;
			font-style: italic;
			font-weight: normal;
			text-transform: normal;
			letter-spacing: normal;
			line-height: 1.6em;
			}
			  
#rounded_corner { clear: both;
				  width: 800px;
				  height: 15px;
				  background-image: url(images/footer_bg.png);
				  }
				  
#footer {  margin: 0pt auto;
		   width: 800px;
		   height: auto;
		   display: table;
		   margin-top: 3px;
		   }
		 
#footer p {  text-align: center;
			 color: #669c9c;
			 padding: 10px 0 10px 0;
			 font-family: Arial, Helvetica, sans-serif;
			 font-size: 12px;
			 line-height: 18px;}  

a.footer:link {color: #669c9c; font-family: Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; outline:none}
a.footer:visited {color: #669c9c; font-family: Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none;outline:none}
a.footer:hover {color: #00ffff; font-family: Arial, Helvetica, sans-serif; font-size:11px; text-decoration: none;outline:none}


/*-----------------------------------form-------------------------------------*/


.clear { clear: both; }
fieldset { border: solid 1px #fff;
		   width: 400px;
		   height: auto; }
input, textarea, a { outline: none; }


#page-wrap {
	width: 800px;
	margin: 0 auto;
	min-height: 600px;
}
form {
	padding: 10px 0 0 0;
}

#formLeft {
	width: 500px;
	}
	#formLeft input {
		width: 497px;
		height: 44px;
		color: #fff;
		border: none;
		text-align: left;
		background: none;
		margin: 5px 0 0 15px;
		font-size: 14px;
	}
	#formLeft .input-bg {
		background: url(images/form-sm-bg.jpg) bottom left no-repeat transparent;
		height: 44px;
		margin-bottom: 10px;
		position: relative;
	}
	#formLeft .active {
		background: url(images/form-sm-bg.jpg) top left no-repeat transparent;
	}
#formRight {
	width: 500px;
	}
	#formRight textarea {
		width: 497px;
		height: 391px;
		display: block;
		color: #fff;
		border: none;
		background: none;
		margin: 5px 0 0 15px;
		padding: 15px 0 15px 0;
		font-family: Helvetica, sans-serif;
		font-size: 12px;
		overflow: auto;
	}
	#formRight .message-bg {
		background: url(images/message-bg.jpg) bottom left no-repeat transparent;
		height: 391px;
	}
	#formRight .active {
		background: url(images/message-bg.jpg) top left no-repeat transparent;
	}
label {
	display: block;
	color: #333;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: normal;
	line-height: 1.5em;
}
label.error {
	position: absolute;
	top: -16px;
	right: 49px;
	padding: 3px;
	color: #da3939;
	font-size: 1.0em;
	text-align: right;
	font-style: italic;
	font-weight: normal;
}
input.submit-button {
	padding-right: 31px;
}