@charset "utf-8";
@import url('../css/listing.css');
/* CSS Document */

*{
	margin: 0;
	padding: 0;
}
body{
	background-color: #000;
	font-family: Arial, Tahoma;
	font-size:100%; /* equal to 16px default */ 
	line-height:1.125em; /* 16 / 18 = 1.125 */
	text-align: center;
}

/*common style*/
h1,h2,h3,h4,h5,h6{ padding: 10px 0 10px 0; line-height: normal; }
ul,ol,blockquote{ padding-left: 45px; margin: 10px 0 10px 0; }
a img{ border: none; }
a.hide-text{ outline-style: none; -moz-outline-style: none }
.clear{clear: both;}
.hide-text{text-indent: -9999px;}
.uppercase{ text-transform: uppercase }
.font-10{ font-size: 0.625em } /* 10 / 16 = 0.625 */
.font-12{ font-size: 0.75em }
.font-14{ font-size: 0.875em }
.font-bold{ font-weight: bold; color: #B8854E; }
.color-white{ color: #fff }
.margin-left-10{ margin-left: 10px }
.margin-right-15{ margin-right: 15px }
.margin-bottom-10{ margin-bottom: 10px }
.margin-bottom-5{ margin-bottom: 5px }
.padding-right-15{ padding-right: 15px }
.padding-left-25{ padding-left: 25px }
.border-1{ border-bottom: 1px solid #000 }
.font-italic{ font-style: italic; }
.float-left{ float: left; }
.float-right{ float: right; }
.text-center{ text-align: center; }
.title-font{ font-family: "Myriad Pro", Arial } 
.text-right{ text-align: right; }
.text-left{ text-align: left; }
.text-center{ text-align: center; }
img.float-left,object.float-left{ float: left; margin: 0px 10px 0px 0; border: 1px solid #767676;} 
img.float-right,object.float-right{ float: right; margin: 0px 0 0px 10px; border: 1px solid #767676;}
/*common style end*/  

#wrapper{ margin: 0 auto; width: 980px; text-align:left }

#address-bar{ background: url(../imgs/address-bar-2.png) no-repeat top left; height: 27px }
	#address-bar p{ color: #fff; font-size: 11px; text-align: right; padding-right: 20px }
		#address-bar p a{ color: #fff; text-decoration: none; }
			#address-bar p a:hover{ text-decoration: underline }

#banner{ 
    background: url(../imgs/banner.jpg) no-repeat top left; 
    height: 200px;
    padding: 3px 30px 0 0; 
}

ul#nav{ background: url(../imgs/nav-2.png) no-repeat top left; height: 84px; margin: 0; padding: 0 }
 ul#nav li{ list-style-type: none; float: left; text-align: center }
 	ul#nav li a{ 
		display: block; 
		height: 38px; 
		padding-top: 20px;
		text-transform: uppercase; 
		font-size: 0.75em; 
		color: #fff; 
		text-decoration: none 
	}
	ul#nav li a:hover,ul#nav li a.active{ text-decoration: underline }
        a#cfa{ width: 96px }
        a#sw{ width: 168px }
		a#home{ width: 60px }
		a#isaacson{ width: 83px }
		a#services{ width: 80px }
		a#projects{ width: 82px }
		a#gallery{ width: 78px }
		a#vendors{ width: 70px }
		a#news{ width: 54px }
		a#contact{ width: 69px }
        a#hb{ width: 132px }

#content-top{ background: url(../imgs/content-bg-top.jpg) no-repeat top left; height: 29px }

#doc-body-inner{ background: url(../imgs/content-bg-rpt.jpg) repeat-y top left; }
	#doc-body-outer{ 
		background: url(../imgs/content-bg.jpg) no-repeat bottom left;
		min-height: 600px; height: auto!important; height: 600px; 
		padding: 0 62px 0 65px;
	}
		ul#sidebar{ width: 301px; float: left; margin: 0; padding: 0 }
			ul#sidebar li{ list-style-type: none }
			
		#right{ float: right; width: 545px }
			h2#title{ color: #5c010f; text-transform: uppercase; font-size: 24px; padding-top: 0 }
				h2#title span{ font-size: 16px }
		
			#text-holder{ padding: 0 0 0 10px; font-size: 0.875em }
			#right img{ border: none }
			
			ul#bottom-bar{ margin: 0; padding: 30px 0 0 0; }
				ul#bottom-bar li{ 
					list-style-type: none; 
					float: left; 
					padding: 5px 0 5px 0; 
					height: 145px;
					overflow: hidden;  
				}
					ul#bottom-bar li h2{ text-transform: none }
					
					li#box-1{ 
						background: url(../imgs/stay-up2date-bg.png) no-repeat top left; 
						width: 280px; border-right: 1px solid #515354 
					}
						li#box-1 h2{ padding: 0 0 0 58px; }
						li#box-1 p{ color: #fff; font-size: 14px; font-weight: bold; margin-bottom: 5px }
						li#box-1 p#newsletter{ padding: 0 0 0 58px; }
						li#box-1 p#submit{ padding: 0 0 0 10px; }
						li#box-1 label{ padding: 0 0 0 10px; color: #fff; font-size: 14px; font-weight: bold; margin-bottom: 5px }
						li#box-1 input.textbox{ border: none; width: 190px; height: 20px; background-color: #d9d9da }
						
					ul#bottom-bar li#box-2{ width: 320px; border-right: 1px solid #515354; overflow: hidden; }
						ul#bottom-bar li#box-2 h2{ padding-left: 10px }
						ul#bottom-bar li#box-2 ul{ margin: 0; padding: 0 0 0 25px; width: 280px; }
							ul#bottom-bar li#box-2 ul li{ 
								padding: 0 10px 0 0; 
								font-size: 14px; 
								height: 16px; 
							}
							ul#bottom-bar li#box-2 ul li a{ color: #5c010f }
                            ul#bottom-bar li#box-2 ul li span{ font-size: 12px; }
					
					ul#bottom-bar li#box-3{ width: 229px; padding: 0 0 0 15px }
	
#footer{ background: url(../imgs/footer-bg-2.jpg) no-repeat top left; height: 115px; background-color:#000; position:relative; }
	p#copyright{ font-size: 10px; color: #fff; padding: 30px 0 0 10px }
	#footer h1 a {
		position:absolute;
		display:block;
		background-image:url(../imgs/cybernautic-logo.jpg);
		width:335px;
		height:55px;
		text-indent:-9999px;
		top:46px;
		left:630px;
	}
	
/*form validation*/            
div#form label.error, label.error { color:red; display:block; font-size:10px; }
div#result{ position: relative; }