@import url("reset.css");
/* @import url("form.css"); */

/* GENERAL STYLES */

body {
	background:#ccc url('../img/layout/body-bg.gif') repeat-x top fixed;
	font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
	padding-bottom:60px;
}

/* TYPOGRAPHY */
h1 { 
	font-size:13px;
	text-transform:uppercase;
	margin:0 0 25px;
	color: #666;
	font-weight:400;
}
	h1 strong {
		font-weight:bold;
		color:#666;
	}
h2 {
	font-size:18px;
	margin:0 0 12px;
	color:#e20e1b;
	font-weight:bold;
	background:#FFF;
}
h3 { 
	font-size:18px;
	margin:0 0 15px;   
}
h1, h3, h4 {
	font-weight:normal;
}
	h1 strong, h3 strong, h4 strong {
		font-weight:bold;
	}
	strong {
		font-weight:bold !important;
	}
	.normal {
		font-weight:normal !important;
	}
#main p { 
	margin-bottom:15px; 
	font-size:12px;
	line-height:16px;
	color:#555;
}
#main img.image {
	margin-bottom:10px;
}
#main ul, #main ol {
	margin-left:30px;
	margin-bottom:15px;
}
#main li {
	font-size:12px;
	list-style:disc;
	line-height:18px;
	color:#555;
}
	#main ol li {
		list-style:decimal;
	}
#main a { 
	color:#e20e1b;
	text-decoration:none;
}
#main a:hover { 
	text-decoration:underline;
}

	/* type-related classes */
	.small  { font-size:11px !important; }
	.subtle { color:#999; }
	.single { margin-bottom:0; }
	.red, .red strong { color:#E20E1B !important; }
	p.caption {
		font-size:11px !important;
		color:#E20E1B !important; 
	}
	div.caption {
		font-size:11px !important;
		color:#777 !important;
		font-family:Georgia;
		font-style:italic;
		line-height:16px;
	}
		
/* LAYOUT */

.wrap {
	width:970px;
	margin:auto;
	clear:left;
	background:url('../img/layout/shadow.png') no-repeat bottom center;
	padding-left:9px;
	padding-right:8px;
	padding-bottom:8px;
	position:relative;
}
	#header .container {
		width:970px;
		margin:0 auto;
		height:102px;
		position:relative;
	}

/* burst */
#burst {
	position:absolute;
	left:-108px;
	top:0px;
	z-index:0;
}

/* header */
#header {
	overflow:hidden;
	background:#ca0002;
}
	/* logo */
	#logo {
		position:absolute;
		left:-1px;
		top:15px;
		z-index:2;
	}
	/* nav */
	#nav {
		width:100%;
		overflow:hidden;
		background:url('../img/layout/nav-bg.png') repeat-x;
	}
		#nav ul {
			overflow:hidden;
			background:url('../img/layout/nav-sprite.png') no-repeat 0 0;
			width:970px;
			margin:0 auto;
		}
			#nav ul li {
				float:left;
			}
				#nav ul li a {
					float:left;
					display:block;
					font-weight:bold;
					font-size:11px;
					text-decoration:none;
					text-transform:uppercase;
					text-align:center;
					color:#fff;
					padding:6px 0;
				}
					#nav #li-home a {
	width:75px;
}
					#nav #li-overview a {width:79px;}
					#nav #li-technical a {width:120px;}
					#nav #li-performance a {width:110px;}
					#nav #li-reps a	{width:152px;}
					#nav #li-press a {width:57px;}
					#nav #li-green a {width:59px;}
					#nav #li-blog a {width:52px;}
					#nav #li-about a {width:78px;}
			
			#nav.home ul {background-position:0 0px;}		
			#nav.overview ul {background-position:0 -30px;}
			#nav.overview ul {background-position:0 -30px;}
			#nav.technical ul {background-position:0 -60px;}
			#nav.performance ul {background-position:0 -90px;}
			#nav.reps ul {background-position:0 -120px;}
			#nav.press ul {background-position:0 -120px;}
			#nav.green ul {background-position:0 -180px;}
			#nav.blog ul {background-position:0 -150px;}
			#nav.about ul {background-position:0 -210px;}
					
		#cse-search-box {
			display:block;
			padding-right:4px;
			position:absolute;
			top:102px;
			right:1px;
			z-index:11;
		}
			#cse-search-box div {
				float:left;
			}
			#cse-search-box .text {
				position:relative;
				padding-top:4px;
			}
			#cse-search-box .text label {
				font-size:10px;
				text-transform:uppercase;
				position:absolute;
				left:4px;
				top:7px;
				font-weight:normal;
				color:#666;
			}
			#cse-search-box .text input {
				background:#c1c1c1;
				border:none;
				padding:2px 4px 2px 4px;
				height:14px;
				font-size:10px;
				width:124px;
				color:#333;
			}
			#cse-search-box .submit input {
				padding-top:4px;
				margin-left:2px;
			}
		#cse-search-results {
			position:relative;
			z-index:15;
			margin-top:1px;
		}
			#cse-search-results iframe {
				width:900px !important;
				padding:35px 35px 0 35px;
				margin-bottom:-3px;
				background:#fff;
			}

	/* subnav */
	#subnav {
		position:absolute;
		top:0px;
		right:8px;
		background:url('../img/layout/subnav.png') no-repeat;
		width:407px;
		height:18px;
		z-index:10;
		overflow:hidden;
	}
		#subnav li {
			float:left;
		}
			#subnav li a {
				float:left;
				display:block;
				text-align:center;
				height:18px;
				text-indent:-9999px;
			}
			#subnav #li-identify a {width:54px;}
			#subnav #li-applicator a {width:84px;}
			#subnav #li-owner a {width:110px;}
			#subnav #li-contractor a {width:90px;}
			#subnav #li-specifier a {width:69px;}
	/* tagline */
	p.tagline {
		position:absolute;
		top:42px;
		right:23px;
		text-transform:uppercase;
		letter-spacing:2px;
		font-size:12px;
		color:#fff;
	}
			
/* content */	
#content {
	clear:both;
	background:#fff url('../img/layout/main-bg.gif') repeat-y;
	min-height:650px;
	width:970px;
	z-index:5;
	position:relative;
	overflow:hidden;
}
	#main {
		float:right;
		width:660px;
		padding-left:50px;
		padding-right:40px;
		min-height:620px;
		padding-bottom:30px;
		padding-top:60px;
	}
		.content {float:left;}
		.side {float:right;}
		
		.w215 {width:215px;}
		.w250 {width:250px;}
		.w270 {width:270px;}
		.w310 {width:310px;}
		.w340 {width:340px;}
		.w380 {width:380px;}
		.w400 {width:400px;}
		.w425 {width:425px;}
		
		.box {
		}
			.box .top, .box .bottom {
				width:215px;
				height:10px;
				background-repeat:none;
				background-position:0 0;
				overflow:hidden;
			}
			.box .top {background-image:url('../img/layout/box-top.gif');}
			.box .bottom {background-image:url('../img/layout/box-bottom.gif');}
			.box .middle {
				background:#e4e4e4 url('../img/layout/box-middle.gif') repeat-x top;
				overflow:hidden;
				padding:0 20px;
				width:175px;
			}
				.box h3 {
					font-size:18px;
					color:#000;
					margin-top:5px;
				}
				.box li {
					color:#555;
					font-weight:bold;
				}
				.box p {
					color:#555;
				}
				#main .box ul {
					margin-left:0;
				}
					#main .box li {
						list-style:none;
						margin-bottom:5px;
					}
			
	#sidenav {
		background:url('../img/layout/side-bg.html') repeat-y 0 0;
		float:left;
		width:140px;
		padding:15px 10px 30px 30px;
	}
		#sidenav .subject {
			font-size:9px;
			color:#999;
			text-transform:uppercase;
			font-weight:normal;
			margin-bottom:30px;
		}
			#sidenav .subject strong {
				color:#999;
				font-weight:bold;
			}
		#sidenav li {
			margin-bottom:0;
			line-height:2.3;
		}
			#sidenav li a {
				color:#999;
				font-size:12px;
				font-weight:500;
				text-decoration:none;
			}
				#sidenav li a:hover {
					text-decoration:underline;
				}
				#sidenav li.active a {
					font-weight:bold;
					color:#888;
				}
				
		#sidenav ul.accordion {
			
		}
			#sidenav ul.accordion li {
			}
				#sidenav ul.accordion li h3 {
					font-size:12px;
					color:#999;
					cursor:pointer !important;
					cursor:hand;
					font-weight:normal;
					outline:none;
					margin-bottom:0px;
				}
					#sidenav ul.accordion li h3 strong, 
					#sidenav ul.accordion li h3.ui-state-active a {
						font-weight:bold;
						color:#888;
					}
				#sidenav ul.accordion li a {
					text-decoration:none;
				}
				#sidenav ul.accordion ul {
					
				}
					#sidenav ul.accordion li li {
						margin:3px 0 5px 20px;
						line-height:1.5;
					}
						#sidenav ul.accordion li li a:hover {
							text-decoration:underline;
						}
						

/* footer */

#footer {
	width:972px;
	overflow:hidden;
	margin:-10px auto 0;
}
	#footer p {
		float:left;
		padding-top:10px;
		font-weight:normalco;
		color:#fff;
		font-size:10px;
		font-weight:normal;
	}
		#footer p a {
			color:#fff;
			text-decoration:none;
		}
			#footer p a:hover {
				text-decoration:underline;
			}
	#footer #retroplate {
		float:right;
		margin-top:2px;
	}

		
/* ERROR STYLING */
.error {}
	.error.text input, .error.select select {
		background:;
		border:;
	}
.error-message {
	float:left;
	clear:left;
	font-weight:bold;
	color:red;
	font-size:12px;
    margin-left: 25%;
}


/* FORM STYLING */
.cakeform .text input,
.cakeform .select select,
.cakeform .textarea textarea {
	width:198px;
	border:1px solid #C5C5C5;
	background:#FBFBFB;
}
.cakeform .text input,
.cakeform .textarea textarea {
	padding:2px 3px;
}
.cakeform .select select {
	width:206px;
	padding:2px 0 1px;
	font-size:11px;
}
.cakeform label {
	width:88px;
	margin-right:5px;
	font-size:11px;
	text-align:right;
	display:block;
	float:left;
	clear:left;
	color:#666;
	margin-top:3px;
}
.cakeform .submit input {
	float:right;
	margin-right:8px;
}
.cakeform div {
	width:100%;
	margin-bottom:10px;
}
.cakeform .checkbox {
	overflow:hidden;
	width:100%;
}
.cakeform .checkbox input {
	float:left;
	margin-left:70px;
}
.cakeform .checkbox label {
	float:left;
	clear:none;
	text-align:left;
	width:210px;
	margin-left:11px;
	margin-top:0;
	font-size:12px;
}