/*@import url(home.css);
@import url(type.css);
@import url(znav.css);
@import url(forms.css);
@import url(errors.css);

@import url( h_style.css );
@import url( h_tabs.css );
@import url( h_base.css );
@import url( h_rating.css );*/

/*<STYLE type=text/css>
@import url( http://www.ultimatetailgateinc.com/styles/h_style.css );
@import url( http://www.ultimatetailgateinc.com/styles/h_tabs.css );
@import url( http://www.ultimatetailgateinc.com/styles/h_base.css );
@import url( http://www.ultimatetailgateinc.com/styles/h_rating.css );
</STYLE>*/

/*
-----------------------------------------------
Title: cyteworks base styles
Author: Brian Merckens
Version: 	27 March 2006
----------------------------------------------- */

		* {
			margin: 0;
			padding: 0;
		}
		html {
		  	 height: 100%; 
			 background: #000 url(../images/zahner.bg.jpg) no-repeat  top center;
		     /*background: #333333 url(../content/image/zahner_2009 deyoung_bg.jpg)  no-repeat top center;*/
			 }
		body { 		
			height: 100%; 
			text-align: center; 
			margin: 0px auto 0px auto;
			padding: 0;
			}
		img {border:none;
			
		}
		
		hr, .hide {
			display: none;

		}

/* =Structure
----------------------------------------------- */
		#container {
			/*background: #FFF url(../images/bg_fade.jpg) repeat-x  top center;*/
			/*background: #4c4c4c url(../content/image/grad1.png) 0 0 no-repeat top center;*/
			/*background: url(../images/30.black.png);*/
			padding: 1px 1px 1px 1px;
			margin: -20px auto 15px auto;
			display: block;
			width: 990px;
			
			
		}

/* =Head
----------------------------------------------- */
		
	#head {
			margin: 0px auto 0px auto;
			padding: 0;
			height:100px;
			width: 990px;
			text-align:center;
			background: url(../images/30.black.png);
		}
		#head_region_1 {position:relative; top:-10px; left:-348px; z-index:100;}
			
		#head_region_2 {z-index:100; position:relative; left:360px; top:2px;}
		
/* =Navigation
----------------------------------------------- */

		#znav {
			background:  url(../images/zahner_znav.jpg) no-repeat center top;
			width: 988px;
			height: 26px;
			text-align: center;
			margin-top: 0;
			margin-right: auto;
			margin-bottom: 0px;
			margin-left: auto;
			position:relative;
			z-index: 200;
		}


/* =Content
----------------------------------------------- */
		#content { 
			background: url(../images/30.black.across.png) repeat-y;
			width: 990px;
			min-height: 700px;
			margin: 0;
			padding: 0;
			display: block;
			position:relative;
			z-index: 1;
		}
		#content_center {
			border: 0px;
			width: 640px;
			float: right;
			min-height: 400px;
			
			padding: 0 40px 10px 40px;
			margin:  0 0 10px 0;
			text-align:left;
			z-index:11;
		}
		#content_center_photo_database {
			
			width: 956px;
			display: block;
			text-align:center;
			min-height:700px;			
			padding: 0 0 20px 32px;
			margin-left: 0;
			z-index:11;
			margin-bottom:-20px;
			background: url(/images/bgbg.jpg) top center;
			
			}
		
		#content_right {
			width: 250px;
			height: auto;
			display: block;
			text-align:center;
			float: right;
			padding: 0 10px 30px 10px;
			margin: 200px 0 0 0;
			/*background: url(../images/30.black.png) repeat scroll 0 0;*/
		}
		
		#footbg {background:#}
		#foot {
			background: #000; /*url('../images/26.black.png')*/
			height: 120px;
			width: 990px;
			display: block;
			clear: both;
			margin: 20px 0 0 0;
			padding: 0;
			border:0px;
			z-index:3;
	}
		
		#middle {width: 0px; margin: 0 auto; position:relative; z-index:200;}
		#goog {position: relative; top:304px; left: 240px; width:250px; height:30px; z-index:100}
		
		
		
		/* type.css */


p, dt, dd, li, th, td, label, address {

}	
		
h1, h2, h3, h4, h5, h6, h7, ul, li { 
	margin: 0; 
	padding: 0;
}

body {color: #D7DEE3; font-family:arial, verdana, sans-serif; }



/* =Formatting
----------------------------------------------- */
		#content_nav a {
			display: block;
			font-family: 'Lucida Grande', arial, sans-serif;
			font-size: 11px;
			color: #ffffff;
			padding: 0px 0px 0px 5px;
			margin: 0px 0px 0px 0px;
			text-align: left;
			vertical-align:bottom;
			text-decoration: none;
			background: #427191;
		}
		#content_nav a:hover
		{
			background: #2b5572;
		}


/* =Anchors
----------------------------------------------- */
		a {
			color: #5eb9df;
			text-decoration:none;
			outline:none;
		}
		a:visited {
			color: #5eb9df;
			text-decoration: none;
		}
		a:hover {
			color: #119be2;
			text-decoration: none;
		}
		#content_left a {
			font-weight: bold;
			color: #000;
			text-decoration: underline;
		}
		#content_left a:hover {
			color: #25576C;
		}
		#content_left #prlink a  {
			font-weight: normal;
			color: #000;
			text-decoration: underline;
		}
		#content_left #prlink a:hover {
			color: #25576C;
		}

		
		#current_projects a {
			font-weight: bold;
			color: #ccc;
			text-decoration: underline;
		}
		
		#current_projects_left a {
			font-weight: bold;
			color: #ccc;
			text-decoration: underline;
		}
		#mini_nav td a {
			font-weight:bold;
			text-decoration:none;
			font-size:7pt;
		}
		#mini_nav td a.hover {
			color:#330000;
		}
		#mini_nav td a.active, #mini_nav td a.selected {
			color:#330000;
		}

		#foot a {
			color: #fffbed;
			text-decoration:none;
		}
		#foot_copyright a {
			color:#fff;
		}

/* =Headings
----------------------------------------------- */
		#content_left h1 {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-weight: bold;
			text-transform: uppercase;
			margin: 20px 0 0 10px;
			color: #294765;
		}
		#current_projects_left  h3 {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 16px;
			font-weight: bold;
			color: #333333;
			padding: 0px 0px 0px 5px;
			margin: 0;
		}	
		#content_bottom h1 {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-weight: bold;
			text-transform: uppercase;
			margin: 20px 0 0 10px;
			color: #294765;
		}
		#content_home h2 {
			font-family: Geneva, Arial, Helvetica, sans-serif;
			font-size: 24px;
			font-weight: 300;
			color: #fff;
			padding: 5px 10px 5px 39px;
			margin: 15px 0 15px -40px;
			background: url('../images/headerbar.png') repeat-y;
			
		}		
		#content_home h3 {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 16px;
			font-weight: bold;
			color: #333333;
			padding: 0px 0px 0px 5px;
			margin: 0;
		}	
	
		
		#content_center h1 {
			position: relative;
			top:-71px;
			left:-2px;
			font-family: Geneva, Arial, Helvetica, sans-serif;
			font-size: 38px;
			font-weight: 200;
			color: #fff;
			padding: 0;
			margin-bottom:-60px;
			z-index:100;

		}		
		#content_center h2 {
			font-family: Geneva, Arial, Helvetica, sans-serif;
			font-size: 24px;
			font-weight: 300;
			color: #fff;
			padding: 5px 10px 5px 40px;
			margin: 15px 0 15px -40px;
			background: url('../images/headerbar.png') repeat-y;

		}		
		#content_center h3 {
			font-family: Geneva, Arial, Helvetica, sans-serif;
			font-size: 16px;
			font-weight: 300;
			color: #fff;
			padding: 5px 10px 5px 40px;
			margin: 15px 0 15px -40px;
			background: url('../images/headerbar.png') repeat-y;
		}
		#content_center h4 {
			font-family: Arial, Helvetica, verdana, sans-serif;
			font-size: 14px;
			font-weight: normal;
			float:left;
			width:450px;
			color: #D7DEE3;
			padding: 0;
			margin: 3px 0 5px 0;
		}
		#content_center h4 img {margin: 0 7px -1px 0;}
		#content_center h4 a {color:#ccc;}
		#content_center h4 a:hover {text-decoration:none; color:#0099cc;}

		#content_center h5 {
			position: relative;
			top:-50px;
			left:-2px;
			font-family: Geneva, Arial, Helvetica, sans-serif;
			font-size: 18px;
			font-weight: 100;
			color: #fff;
			padding: 0;
			margin-bottom:-35px;
			z-index:100;
		}
		
		#content_center h6 {
			font-family: Geneva, Arial, Helvetica, sans-serif;
			font-size: 20px;
			font-weight: 300;
			color: #fff;
			padding: 5px 10px 5px 40px;
			margin: 15px 0 15px -40px;
			background: url('../images/headerbar.png') repeat-y;
		}
		
		#current_projects  h3 {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 16px;
			font-weight: bold;
			color: #333333;
			padding: 0px 0px 0px 5px;
			margin: 0;
		}	
		
		#content_right h3 {
			font-family: Geneva, Helvetica-Neue, Arial, sans-serif;
			font-size: 19px;
			text-align:left;
			font-weight: normal;
			color: #fff;
			padding: 0px 0px 0px 5px;
			margin: 0;
		}	
		
		#content_right h2 {
			font-family: Geneva, Arial, Helvetica, sans-serif;
			font-size: 16px;
			font-weight: 300;
			color: #fff;
			padding: 5px 10px 5px 15px;
			text-align: left;
			margin: 18px -10px 15px -10px;
			background: url('../images/rightbar.png') repeat-y;
			
		}	


/* =Paragraphs
----------------------------------------------- */

		#content_home p {
		font-family: Geneva, Verdana, Helvetica, Arial, sans-serif;
		font-size: 13px;
		font-weight: 200;
		color: #ccc;
		padding: 25px 0px 5px 0;
		width: 640px;
		margin: 0 0 0 0;
		line-height: 18px;
		}
		
		#content_left p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: normal;
		color: #000;
		line-height: 14px;
		margin-top: 0px;
		margin-right: 0;
		margin-bottom: 0;
		margin-left: 10px;
		}
		#current_projects_left p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: normal;
		color: #FFF;
		line-height: 12px;
		margin-top: 2px;
		margin-right: 2px;
		margin-bottom: 2px;
		margin-left: 2px;
		}
		
		#content_center p {
		font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-weight: normal;
		color: #d7dee3;
		padding: 10px 0 5px 0;
		margin: 0 0 0 0;
		line-height: 1.4em;
		}
		
		#content_center p img {
		padding: 0 0 0 0;
		margin: -10px 0 0 0;
		z-index: 10;
		}
		
		#content_bottom p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: normal;
		color: #000;
		line-height: 12px;
		margin-top: 0px;
		margin-right: 0;
		margin-bottom: 0;
		margin-left: 4px;
		width: 100%;
		padding: 5px;
		}
		
		#current_projects p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-weight: normal;
		color: #D7DEE3;
		line-height: 16px;
		margin-top: 2px;
		margin-right: 2px;
		margin-bottom: 2px;
		margin-left: 2px;
		}
				
		#content_right p {
		font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
		width: 240px;
		font-size: 11px;
		font-weight: normal;
		color: #D7DEE3;
		line-height: 18px;
		text-align:left;
		margin: -5px 0 0 2px;
		}
		
		#content_right img {
		border:1px solid #293b44;
		margin: 2px 0 0 -2px;
		}

/* =Lists
----------------------------------------------- */
		#content_center ul {
			list-style-image: url(/images/plus.no.box.gif);
			list-style-type:square;
			font-family: Geneva, Arial, Helvetica, sans-serif;
			font-size: 12px;
			line-height: 1.4em;
			font-weight: normal;
			color: #D7DEE3;
			margin: 0 0 0 5px;
			padding-top:2px;
		}
		#content_center li {
			padding: 0;
			margin: 1px 10px 1px 18px;
			
		}
		#tabs ul {
			float:left;
			position:relative;
		}
		
		#tabs1 li {
			padding: 0;
			margin: 0 1px 1px;
			list-style-type: none;
		}
		#project_content_center ul {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			line-height: 15px;
			font-weight: normal;
			color: #aaa;
			margin: 0 0 0 5px;
			padding: 0;
		}
		#project_content_center li {
			padding: 0;
			margin: 10px 10px 10px 18px;
			list-style-type: square;
		}
		#project_feature_center ul {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			line-height: 15px;
			font-weight: normal;
			color: #aaa;
			margin: 0 0 0 5px;
			padding: 0;
		}
		#project_feature_center li {
			padding: 0;
			margin: 10px 10px 10px 18px;
			list-style-type: square;
		}
		/* Right Navigation */
		#content_right ul {
			list-style: none;
			padding: 0;
			margin: 0;
		}
		#content_right_base ul {
			list-style: none;
			padding: 0;
			margin: 0;
		}
		#content_right li {
			display: block;
			font-family: 'Lucida Grande', arial, sans-serif;
			font-size: 11px;
			color: #eee;
			padding: 2px 0 2px 6px;
			margin: 1px 0 1px 0;
			text-align: left;
			vertical-align:bottom;
			text-decoration: none;
			background: url(../images/rightbar.png);
			border-style: solid;
			border-color: transparent;
			border-width: 0px 1px 1px;
		}
		
		#content_right li a{display:block; color:#fff; text-decoration:none;}

		#content_right li:hover
		{
		
			background: #004D7D;
		}

		#content_right_base li a {
			display: block;
			font-family: 'Lucida Grande', arial, sans-serif;
			font-size: 12px;
			color: #ffffff;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			text-align: left;
			vertical-align:bottom;
			text-decoration: none;
			background: #d80025;
		}
		#content_right_base li a:hover
		{
			background: #9c001b;
		}

/* =Tables
----------------------------------------------- */
		#content_left table {
			z-index:10;
		}
		
		

		#mini_nav td {
			border-bottom:solid thin #666666;
			padding-top: 6px;
			padding-bottom: 4px;
			font-size:7pt;
		}
		#content_left td {
		border-bottom-style: solid;
			border-bottom-color: #003399;
			border-bottom-width: 1px;
			padding-top: 1px;
			padding-bottom: 3px;
		}
		#content_center table {
		    font-size:13px;
		    border-width: 0 0 3px 3px;
    		border-spacing: 0;
    		border-collapse: collapse;
    		border-style: solid;
    		border-color:transparent;


		}
			#content_center td {
		    background: url('../images/rightbar2.png') repeat-y;
		   	margin: 0;
   	 		padding: 9px;
    		border-width: 2px 2px 0 0;
		    border-style: solid;
		    border-color:transparent;

		}
			#content_center th {
		    font-weight:normal;
		    background:  url('../images/10.black.png');

		    
		     
		    		  	
		}

			
		#foot_copyright {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			font-weight: normal;
			color: #fff;
			padding: 15px 0 20px 0;
			height:100%;
			text-align:center;
			margin: 0 auto;
			line-height: 15px;
		}
		
		
		

/* znav.css */

 #znav ul, #n1 li, #n2 li, #n3 li, #n4 li, #n5 li, #n6 li, #n7 li, #n8 li {
display: inline;
padding: 0;
margin: 0;
}
#n0 {width: 22px; height: 26px; display: inline; float: left; padding: 0; margin-right: 0px;}
#n1 {width: 131px; height: 26px; display: inline; float: left; padding: 0; margin-right: 38px;}
#n2 {width: 105px; height: 26px; display: inline; float: left; padding: 0; margin-right: 43px;}
#n3 {width: 108px; height: 26px; display: inline; float: left; padding: 0; margin-right: 56px;}
#n4 {width: 87px; height: 26px; display: inline; float: left; padding: 0; margin-right: 55px;}
#n5 {width: 100px; height: 26px; display: inline; float: left; padding: 0; margin-right: 44px;}
#n6 {width: 68px; height: 26px; display: inline; float: left; padding: 0; margin-right: 34px;}
#n7 {width: 78px; height: 26px; display: inline; float: left; padding: 0; margin: 0;}

#n0 a {display: inline;	background: transparent url(../../images/zahner_znav.jpg) -0px 0px no-repeat;}
#n1 a {display: inline;	background: transparent url(../../images/zahner_znav.jpg) -22px 0px no-repeat;}
#n2 a {display: inline;	background: transparent url(../../images/zahner_znav.jpg) -191px 0px no-repeat;}
#n3 a {display: inline;	background: transparent url(../../images/zahner_znav.jpg) -339px 0px no-repeat;}
#n4 a {display: inline;	background: transparent url(../../images/zahner_znav.jpg) -503px 0px no-repeat;}
#n5 a {display: inline;	background: transparent url(../../images/zahner_znav.jpg) -646px 0px no-repeat;}
#n6 a {display: inline;	background: transparent url(../../images/zahner_znav.jpg) -790px 0px no-repeat;}
#n7 a {display: inline; background: transparent url(../../images/zahner_znav.jpg) -899px 0px no-repeat;}


#n1 a:hover {background-position: -22px -26px;}
#n2 a:hover {background-position: -191px -26px;}
#n3 a:hover {background-position: -339px -26px;}
#n4 a:hover {background-position: -503px -26px;}
#n5 a:hover {background-position: -646px -26px;}
#n6 a:hover {background-position: -790px -26px;}
#n7 a:hover {background-position: -899px -26px;}


#znav ul {
	list-style: none; 
	padding:0;
	margin-top: 25px;
}


*:first-child+html #znav ul {
  margin-top: 0;
}

#znav li li a {
	display: block;
	width:145px;
	font-family: 'Lucida Grande', arial, sans-serif;
	font-size: 11px;
	color: #aaa;
	padding: 0 15px 7px 10px;
	text-align: left;
	text-decoration: none;
	background: #0f1213;
}
#znav li li a:hover {
	text-decoration: none;
	color: #fff;
}
#znav li ul {
	display: none;
	/*position: absolute;*/
	position: static;/*DB to correct Right Skew*/
	top:100%;
	width:170px;
	padding-bottom:4px;
	padding-top:5px;
	background-color: #0f1213;

}
#znav Hover {
	position: absolute;
	top: 100%;
	background-color: transparent;
}
li > ul {
	top: auto;
	left: auto;
	position:relative;  
}
li li {
	display: block;
	float: none;
	border: 0;

}
#znav li:hover ul {
	left: auto; 
	display: block;
}

#znav li:hover ul, #nav li.sfhover ul {     
	left: auto; 
}



/* =Other
----------------------------------------------- *//* CSS Document */		
		
	.pfloat {float:left; width:270px;}	
	.clear {clear:both}
	.reg {vertical-align:super; font-size:55%;}
	#content_center .quote {font-size:18px; font-style:italic; font-weight:100; color:#eee; font-family:georgia, serif; line-height:1.5em; margin:5px 25px 15px 25px;}
	#content_center .quoted {text-align:left; margin: -16px 0 -7px 0; font-size: 10px; color:#8a9194;}
	#content_center .caption {text-align:right; margin: -6px 0 -5px 0; font-size: 11px; color:#D7DEE3;}
	#content_center .quotetop {text-align:right; padding: 2px; margin: -10px 0 -10px 0; font-size: 10px; color:#D7DEE3;}
	.gall {width:618px; margin-left:10px; padding-top:5px;}
	.gall a:hover {text-decoration:none;}
	#content_center .gall p {font-size:12px; margin: 5px 5px 5px 12px; width:443px;}
	.gallery {float:left; text-align:center; margin-left:12px; margin-top:15px; font-family: geneva, verdana, arial; color: #ccc; font-size:11px; width:140px; overflow:hidden;}
	.gallery img {margin-bottom:3px;}
	.expander {display: none;}
	.preload { position: absolute; overflow: hidden; left: -9999px; top: -9999px; height: 1px; width: 1px;}
	.sq {float:left; margin:12px 6px 6px 0;}
	.half {float:left; width:300px; margin:12px 15px 0 0; font-size:10px; }
	
	.item {font-size: 12px;}
	.item a {color:#D7DEE3;}
	.item a:hover {color:#0099cc; text-decoration:none;}
	.project {float:left; width:250px; color:#ccc; padding: 0; margin:3px 0 5px 0;}
	.project img {margin: 0 7px -1px 0;}
	.project img a:hover {color: #fff; text-decoration:none;} 
	.city { float:left; width:200px;}
	.city a {color:#fff;}
	.architect { float:left; width:175px;}
	.description {color: #D7DEE3; float:left; margin: 0 0 0px 18px; max-width: 222px; font-size:11px; line-height:16px;}
	.read {clear:both; margin: 0 0 4px 18px; max-width: 222px; font-size:11px; line-height:16px;}
	.thum {float:left; margin:0 0 0px 10px;}
	.tabbertab a {color:#FFFFFF;}
	.tabbertab a:hover {color:#FFFFFF; text-decoration:none;}

	
	
	
	.mlist {font-size: 12px; color: #eee; text-decoration: none;}			
	.metal {padding: 2px 0 2px 6px; margin: 0; background: #002631;border-style: solid;border-color: #000;border-width: 0px 1px 1px;}
	.symbol {padding: 2px 0 2px 6px; margin: 0; background: #002631;border-style: solid;border-color: #000;border-width: 0px 1px 1px;}
	.density {padding: 2px 0 2px 6px; margin: 0; background: #002631;border-style: solid;border-color: #000;border-width: 0px 1px 1px;}
	.gravity {padding: 2px 0 2px 6px; margin: 0; background: #002631;border-style: solid;border-color: #000;border-width: 0px 1px 1px;}
	.melting {padding: 2px 0 2px 6px; margin: 0; background: #002631;border-style: solid;border-color: #000;border-width: 0px 1px 1px;}
	
	
	.navi {font-size:11px; margin-top:6px}
	.navi2 {font-size:13px; margin-top:6px}
	div#zero a#O,
	div#one a#I,
	div#two a#II,
	div#three a#III,
	div#four a#IV,
	div#five a#V,
	div#six a#VI {color: #D7DEE3;}