/* Hollander Main Styles 
    Author: Matt Radel on March 6th 2008 */

body {
	background: url(../img/bkg.png) repeat-x;
	margin: 0;
	padding: 0;
	font-family:"helvetica neue", helvetica, arial, sans-serif;
	font-size: 15px;
	color: #000;
}

img {
	border: 0;
}

a:link {
	color: #c90415;
}

a:visited {
	color: #595B5F;
}

a:hover {
	color: #c90415;
	text-decoration: none;
}

/* Misc */

.clear {
	line-height: 0;
	font-size: 0;
	height: 0;
	clear: both;
}
.solo{
	display:none;
}

.imageFloatLeft {
	float: left;
	padding: 0 10px 10px 0;
}
.imageFloatRight {
	float: right;
	padding: 0 0 10px 10px;
}
/* Structure */

#mainContainer {
	width: 940px;
	margin: 0 auto;
}

 	#header {
 		position: relative;
 	}
	
		#header a {
			display: block;
		}
		
		#logoPrint {
			display: none;
		}
	
		#logoWeb {
			position: relative;
			top: 11px;
			left: 5px;
			margin: 0;
			padding: 0;
			width: 307px;
		}
	
			#logoWeb a {
				overflow: hidden;
				text-indent: -999em;
				background: url(../img/logo_web.png) no-repeat;
				width: 307px;
				height: 112px;
			}
		
		#functNav {
			position: absolute;
			top: 0;
			right: 6px;
			margin: 0;
			padding: 0;
			list-style: none;
		}
		
			#functNav li {
				float: left;
				background: url(../img/function_nav_bkg.png) no-repeat top left;
			}
		
			#functNav li a {
				font-size: 14px;
				padding: 8px 15px;
				color: #b3b3b3;
				text-decoration: none;
			}
			
			#functNav li a:hover {
				background-color: #232529;
				color: #fff;
			}
			
			#functNav li a.on {
				background-color: #232529;
				color: #fff;
			}
			
			#functNav li#visit a {
				position: relative;
				left: 15px;
				color: #232529;
				background: url(../img/visit_arrow.png) no-repeat;
				width: 188px;
				padding: 0;
				height: 34px;
				overflow: hidden;
				text-indent: -999em;
			}
			
			#functNav li#visit a:hover {
				background: url(../img/visit_arrow.png) no-repeat 0 -34px;
			}
			
			#functNav li#visitSolar a {
				position: relative;
				left: 15px;
				color: #232529;
				background: url(../img/visitSolar_arrow.png) no-repeat;
				width: 231px;
				padding: 0;
				height: 34px;
				overflow: hidden;
				text-indent: -999em;
			}
			
			#functNav li#visitSolar a:hover {
				background: url(../img/visitSolar_arrow.png) no-repeat 0 -34px;
			}
					
			#functNav li#logout {
				position: relative;
				font-size: 14px;
				padding: 8px 35px 8px 15px;
				color: #b3b3b3;
			}
			
			#functNav li#logout a {
				position: absolute;
				height: 34px;
				width: 22px;
				overflow: hidden;
				text-indent: -999em;
				top: 0;
				right: 10px;
				padding: 0;
				background: url(../img/logout_btn.png) no-repeat;
			}
			
			#functNav li#logout a:hover {
				background: url(../img/logout_btn.png) no-repeat 0 -34px;
			}
				
		
		#loginForm {
			background-color: #232529;
			padding: 10px 13px 9px 13px;
			position: absolute;
			top: 34px;
			left: 438px;
			height: 140px;
			width: 170px;
			z-index: 100;
			voice-family: "\"}\""; 
		  	voice-family:inherit;
		  	height: 121px;
			width: 154px;
		}
		
			#loginForm p {
				color: #b3b3b3;
				font-size: 14px;
				margin: 0;
				padding: 0;
			}
		
			#loginForm form {
				display: block;
			}
			
			#loginForm button {
				margin-top: 4px;
				font-size: 12px
			}
			
			#loginForm input {
				margin: 4px 0;
				width: 150px
			}
			
			#loginForm a {
				float: right;
				color: #b3b3b3;
				font-size: 14px;
			}
			
			#login {
				font-weight: bold;
			}
			
			
		#searchContent {
			position: absolute;
			top: 70px;
			right: 6px;
			height: 31px;
			line-height: 30px;
		}
		
			#searchContent form {
				position: relative;
				display: block;
				height: 32px;
				width: 238px;
				background: url(../img/search_bkg.png) repeat-x;
			} 
			
				#searchContent input {
					color: #b80412;
					font-size: 13px;
					padding: 3px 5px;
					margin-bottom: 6px;
					border: 1px solid #999;
					position: absolute;
					top: 4px;
					right: 55px;
					width: 167px;
				}
				
				/* Yes, I know - hacks are evil. But sometimes you just HAVE to. */
				
				@media screen and (-webkit-min-device-pixel-ratio:0) {
					#searchContent input {
						top: 2px;
						right: 53px;
						width: 168px;
					}
				}
		
			#searchContent h2 {
				font-size: 18px;
				color: #b80412;
				margin: 0;
				padding: 0 8px 0 30px;
				display: inline;
				background: url(../img/phone.png) no-repeat top left;
				border: 1px solid #dcdcdc;
				line-height: 30px;
				height: 30px;
				position: absolute;
				right: 237px;
			}
			
			#searchContent button {
				border: 0;
				margin: 0;
				padding: 0;
				cursor: pointer;
				cursor: hand;
				background: url(../img/go_btn.png) no-repeat;
				width: 55px;
				height: 32px;
				overflow: hidden;
				text-indent: -999em;
				position: absolute;
				top: 0;
				right: 0;
			}
			
			#searchContent button:hover {
				background: url(../img/go_btn.png) no-repeat 0 -32px;
			}
			
		/* Body */
			
		#bodyWrapper {
			padding: 50px 11px 30px 11px;
		}	
		
		#bannerHome {
			float: left;
			padding-left: 4px;
		}
		
		#teasersHome {
			float: right;
			width: 238px;
		}
		
			#teasersHome a {
				display: block;
			}
		
			#teasersHome div {
				position: relative;
				border-top: 1px solid #c0c0c0;
				padding: 0 0 10px 0;
			}
		
			#teasersHome h2 {
				margin: 0;
				padding: 6px 0 6px 80px;
				background-color: #e5e5e5;
				color: #232529;
				font-size: 15px;
				border-top: 1px solid #fff;
				border-bottom: 1px solid #fff;
			}
			
			#teasersHome hr {
				border: 0;
				border-bottom: 1px dotted #c0c0c0;
				color: #ccc;
				height: 1px;
				margin: 0;
				padding: 0;
			}
			
			#teasersHome p {
				border-top: 1px dotted #c0c0c0;
				padding: 7px 0 7px 80px; 
				margin: 0;
				font-size: 13px;
				line-height: 1.3em;
			}
			
			#teasersHome #badge {
				position: absolute;
				top: 5px;
				left: 8px;
				background: url(../img/free_badge.png) no-repeat;
				width: 68px;
				height: 65px;
				overflow: hidden;
				text-indent: -999em;
				border-top: 0;
			}
			
			#teasersHome #download {
				position: absolute;
				top: 5px;
				left: 8px;
				background: url(../img/download.png) no-repeat;
				width: 65px;
				height: 66px;
				overflow: hidden;
				text-indent: -999em;
				border-top: 0;
			}
			
			#teasersHome #quoteBtn {
				background: url(../img/get_quote_btn.png) no-repeat;
				width: 102px;
				height: 23px;
				overflow: hidden;
				text-indent: -999em;
				position: relative;
				left: 80px;
			}
			
			#teasersHome #quoteBtn:hover {
				background: url(../img/get_quote_btn.png) no-repeat 0 -23px;
			}
			
			#teasersHome #downloadBtn {
				background: url(../img/request_dwnlds_btn.png) no-repeat;
				width: 150px;
				height: 23px;
				overflow: hidden;
				text-indent: -999em;
				position: relative;
				left: 80px;
			}
			
			#teasersHome #downloadBtn:hover {
				background: url(../img/request_dwnlds_btn.png) no-repeat 0 -23px;
			}
			
			/* Home Welcome */
			
			#welcome {
				float: left;
				width: 431px;
				position: relative;
				left: 4px;
				padding: 6px 0 12px 0;
			}
			
				#welcome p {
					font-size: 16px;
					line-height: 1.4em
				}
				
				#welcome h1 {
					margin: 4px 0;
				}

			/* Home Features */
			
			#featuredItems {
				background: url(../img/features_bkg.png) no-repeat;
				float: right;
				width: 462px;
				height: 290px;
				position: relative;
				bottom: 11px;
			}
			
				#featuredItems h2 {
					position: relative;
					top: 23px;
					left: 25px;
				}
				
				#systems {
					list-style: none;
					padding: 0;
					margin: 0;
					width: 420px;
					position: relative;
					top: 25px;
					left: 22px;
				}
				
					#systems li {
						float: left;
						padding: 3px;
					}
					
					#systems a {
						display: block;
						width: 96px;
						height: 96px;
						overflow: hidden;
						text-indent: -999em;
						border: 1px solid #c90415
					}
					
					#systems a:hover {
						border: 1px solid #000
					}
					
					/* Systems Images */
					
					#speedRail a {
						background: url(../img/speed_rail.jpg) no-repeat;
					}
					
					#speedRail a:hover {
						background: url(../img/speed_rail.jpg) no-repeat 0 -96px;
					}
					
					#internaRail a {
						background: url(../img/interna_rail.jpg) no-repeat;
					}
					
					#internaRail a:hover {
						background: url(../img/interna_rail.jpg) no-repeat 0 -96px;
					}
					
					#interiors a {
						background: url(../img/interiors.jpg) no-repeat;
					}
					
					#interiors a:hover {
						background: url(../img/interiors.jpg) no-repeat 0 -96px;
					}
					
					#mounting a {
						background: url(../img/mounting.jpg) no-repeat;
					}
					
					#mounting a:hover {
						background: url(../img/mounting.jpg) no-repeat 0 -96px;
					}
					
					#balconies a {
						background: url(../img/balconies.jpg) no-repeat;
					}
					
					#balconies a:hover {
						background: url(../img/balconies.jpg) no-repeat 0 -96px;
					}
					
					#stairs a {
						background: url(../img/stairs.jpg) no-repeat;
					}
					
					#stairs a:hover {
						background: url(../img/stairs.jpg) no-repeat 0 -96px;
					}
					
					#infill a {
						background: url(../img/infill_panels.jpg) no-repeat;
					}
					
					#infill a:hover {
						background: url(../img/infill_panels.jpg) no-repeat 0 -96px;
					}
					
					#ada a {
						background: url(../img/ada_rail.jpg) no-repeat;
					}
					
					#ada a:hover {
						background: url(../img/ada_rail.jpg) no-repeat 0 -96px;
					}
					
		/* Interior */
		
		#mainCol {
			float: right;
			width: 663px;
			margin-top: 48px;
			padding: 0 0 30px 0;
			position: relative;
			right: 15px;
		}
		
		#navCol {
			float: left;
			width: 231px;
			margin-top: 48px;
			padding: 0 0 30px 0;
			position: relative;
			left: 14px;
		}
		
			#teasers a {
				display: block;
			}
		
			#teasers div {
				position: relative;
				border: 1px solid #c0c0c0;
				padding: 0 0 10px 0;
				margin: 0 0 15px 0;
			}
		
			#teasers h2 {
				margin: 0;
				padding: 6px 0 6px 65px;
				background-color: #e5e5e5;
				color: #232529;
				font-size: 15px;
				border: 1px solid #fff;
			}
			
			#teasers hr {
				border: 0;
				border-bottom: 1px dotted #c0c0c0;
				color: #ccc;
				height: 1px;
				margin: 0;
				padding: 0;
			}
			
			#teasers p {
				border-top: 1px dotted #c0c0c0;
				padding: 7px 0 7px 65px; 
				margin: 0;
				font-size: 13px;
				line-height: 1.3em;
			}
			
			#teasers #badge {
				position: absolute;
				top: 0;
				left: -10px;
				background: url(../img/free_badge.png) no-repeat;
				width: 68px;
				height: 65px;
				overflow: hidden;
				text-indent: -999em;
				border-top: 0;
			}
			
			#teasers #download {
				position: absolute;
				top: 0;
				left: -10px;
				background: url(../img/download.png) no-repeat;
				width: 65px;
				height: 66px;
				overflow: hidden;
				text-indent: -999em;
				border-top: 0;
			}
			
			#teasers #quoteBtn {
				background: url(../img/get_quote_btn.png) no-repeat;
				width: 102px;
				height: 23px;
				overflow: hidden;
				text-indent: -999em;
				position: relative;
				left: 65px;
			}
			
			#teasers #quoteBtn:hover {
				background: url(../img/get_quote_btn.png) no-repeat 0 -23px;
			}
			
			#teasers #downloadBtn {
				background: url(../img/request_dwnlds_btn.png) no-repeat;
				width: 150px;
				height: 23px;
				overflow: hidden;
				text-indent: -999em;
				position: relative;
				left: 65px;
			}
			
			#teasers #downloadBtn:hover {
				background: url(../img/request_dwnlds_btn.png) no-repeat 0 -23px;
			}
					
			/* Interior Banners */
			
			#projectGallery {
				background: url(../img/project_gallery_banner.jpg) no-repeat;
				width: 663px;
				height: 96px;
				overflow: hidden;
				text-indent: -999em;
				margin: 0;
				padding: 0;
			}
			
			#contact {
				background: url(../img/contact_banner.jpg) no-repeat;
				width: 663px;
				height: 96px;
				overflow: hidden;
				text-indent: -999em;
				margin: 0;
				padding: 0;
			}
			
			#partSpecs {
				background: url(../img/3_part_specs_banner.jpg) no-repeat;
				width: 663px;
				height: 96px;
				overflow: hidden;
				text-indent: -999em;
				margin: 0;
				padding: 0;
			}
			
			#cadDrawings {
				background: url(../img/cad_drawings_banner.jpg) no-repeat;
				width: 663px;
				height: 96px;
				overflow: hidden;
				text-indent: -999em;
				margin: 0;
				padding: 0;
			}
			
			#leedGreen {
				background: url(../img/leed_green_banner.jpg) no-repeat;
				width: 663px;
				height: 96px;
				overflow: hidden;
				text-indent: -999em;
				margin: 0;
				padding: 0;
			}
			
			#products {
				background: url(../img/products_banner.jpg) no-repeat;
				width: 663px;
				height: 96px;
				overflow: hidden;
				text-indent: -999em;
				margin: 0;
				padding: 0;
			}
			
			#general {
				background: url(../img/general_banner.jpg) no-repeat;
				width: 663px;
				height: 96px;
				overflow: hidden;
				text-indent: -999em;
				margin: 0;
				padding: 0;
			}
			
			/* One Column */
			
			#content {
				padding: 8px 8px 25px 8px;
				line-height: 1.4em;
			}
			
			/* Two Column */
			
			#leftCont {
				float: left;
				width: 390px;
			}
			
			#rightCont {
				float: right;
				width: 232px;
				padding: 15px;
				background-color: #eeecec;
				border: 1px solid #c8c8c9;
				voice-family: "\"}\""; 
				voice-family:inherit;
				width: 202px;
			}
			
		
		/* Footer */
			
		#footer {
			width: 100%;
			border-top: 5px solid #999;
			background: url(../img/footer_dot.gif) repeat-x top left;
			color: #494a4d;
			font-size: 12px;
			padding-bottom: 20px;
		}
		
			#footer p {
				margin: 0;
				padding: 0;
			}
		
			#footer a {
				color: #494a4d;
			}
		
			#footerContent {
				width: 920px;
				margin: 0 auto;
				padding: 15px 0
			}
		
				#footer p#copyright {
					float: left;
				}
				
				#footer p#gcLove {
					float: right;
					position: relative;
					bottom: 7px;
				}
				
				#footer img {
					position: relative;
					top: 6px;
					left: 2px;
				}
			
	/* Form Styles */
	
	.red {
		color: #95151e;
		font-size: 17px;
	}
	
	form {
		display: inline;
	}
	
	label {
		display: block;
		width: 175px;
		float: left;
		margin-bottom: 6px;
		text-align: right;
		padding-right: 6px;
		font-size: 14px;
		line-height: 1.8em;
	}
	
	label.required {
		font-weight: bold;
		color: #9A030C;
		font-style: italic;
	}
	
	form br {
		clear: left;
	}
	
	input {
		color: #000;
		font-size: 14px;
	}
	
	select {
		font-size: 14px;
	}
	
	textarea {
		color: #000;
		font-size: 14px;
	}
	
	
/* Landing Page Styles */
#bodyWrapperInteriorLP {
	position: relative;
}
#lp_mainCol {
   margin: 60px 0 0 15px;
   position: relative;
   width: 663px;
}
#lp_mainCol h1 {
   color: #000;
}
#lp_mainCol p {
   font-size: 15px;
   line-height: 21px;
   width: 605px;
}
#lp_teasers {
	position: absolute;
	right: 0;
	top: 30px;
}
#lp_teasers a {
	display: block;
}
#lp_teasers div {
	position: relative;
	background-color: #FFF;
	border: 3px solid #e0051a;
	padding: 0 0 10px 0;
	margin: 0 0 15px 0;
	width: 271px;
}
#lp_teasers h2 {
	margin: 0;
	padding: 5px 0 6px 57px;
	background-color: #e5e5e5;
	color: #232529;
	font-size: 15px;
	border: 1px solid #fff;
}
#lp_teasers hr {
	border: 0;
	border-bottom: 1px dotted #c0c0c0;
	color: #ccc;
	height: 1px;
	margin: 0;
	padding: 0;
}
#lp_teasers p {
	color: #9a030c;
	border-top: 1px dotted #c0c0c0;
	padding: 7px 0 7px 65px; 
	margin: 0;
	font-size: 13px;
	font-style: italic;
	line-height: 1.3em;
}
#lp_teasers #download {
	position: absolute;
	top: 2px;
	left: -13px;
	background: url(../img/download.png) no-repeat;
	width: 65px;
	height: 66px;
	overflow: hidden;
	text-indent: -999em;
	border-top: 0;
}

/* Submit Button */
#lp_teasers #lp_submitBtn {
	background: url(../img/lp_submitBtn.jpg) no-repeat;
	width: 192px;
	height: 23px;
	overflow: hidden;
	text-indent: -999em;
	margin: 12px 0 0 56px;
	border: none;
	cursor: pointer;
	
	/* IE 6 - 7 Submit Button Value/Text Fixes */	
	font-size: 0;
	display:block;
	line-height: 0;

}
#lp_teasers #lp_submitBtn:hover {
	background: url(../img/lp_submitBtn.jpg) no-repeat 0 -23px;
}

/* Landing Page Form Styles */
#lp_teasers label {
	display: block;
	width: 175px;
	margin-bottom: 0px;
	text-align: left;
	padding-left: 15px;
	font-size: 14px;
	line-height: 1.8em;
}
#lp_teasers label.required {
	font-weight: bold;
	color: #9A030C;
	font-style: italic;
}
#lp_teasers input {
	color: #000;
	font-size: 14px;
	margin: 0 0 0 20px;
	width: 220px;
}