@charset "utf-8";
body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	background:url(../../images/bg_body.gif) #EEE repeat-x;
	margin:0;
	padding:0;
}
p {
	line-height:18px;
}
a:link, a:active, a:visited {
	color:#c52026;
	text-decoration:none;
}
a:hover {
	color:#0e0f21;
	text-decoration:underline;
}
#header {
	width:900px;
	height:212px;
	margin:0 auto;
}
#logo {
	height:153px;
}
#logo img {
	padding:20px 0 0 10px;
}
#menu {
	width: 900px;
	margin: 0 auto;
	padding-bottom: 30px;
}
#menu ul {
	margin: 0;
	/*padding: 23px 0 0 0;*/
	padding:0;
	list-style: none;
	line-height: normal;
}
#menu li {
	float: left;
	padding: 0 2px;
}
#menu li.first a {
	float: left;
	/*background: #c52026;*/
	padding: 10px 20px;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #FFF;
}
#menu a {
	float: left;
	background: #5d1315;
	padding: 10px 20px;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #FFF;
}
#menu a:hover {
	text-decoration: none;
	background: #c52026;
	padding: 10px 20px;
}
#home #menu .home a,
#ventilation #menu .ventilation a,
#photos #menu .photos a,
#warranty #menu .warranty a,
#contact #menu .contact a,
#survey #menu .survey a,
#insurance #menu .insurance a,
#insulation #menu .insulation a {
	background: #c52026;
	cursor:default;
}
#page {
	width:900px;
	margin:0 auto;
	padding-top:20px;
}
#pageWrapper {
	background:url(../../images/bg_scanlines.gif) #FFF top repeat-x;
}
#footer {
	background:url(../../images/bg_footerShadow.gif) #EEE top center no-repeat;
	text-align:center;
	padding:20px 0;
	font:Verdana, Geneva, sans-serif;
	color:#c52026;
}
#footer a {
	color:#c52026;
	text-decoration:none;	
}
#footer a:hover {
	text-decoration:underline;
}
h2.who {
	margin:0;
	padding:0;
	width:292px;
	height:32px;
	position:relative;
}
h2.who span {
	background:url(../../images/title_whoAjaxRoofing.gif) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
}
h2.what {
	margin:0;
	padding:0;
	width:386px;
	height:32px;
	position:relative;
}
h2.what span {
	background:url(../../images/title_whatAjaxRoofing.gif) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
}
h2.why {
	margin:0;
	padding:0;
	width:370px;
	height:32px;
	position:relative;
}
h2.why span {
	background:url(../../images/title_whyAjaxRoofing.gif) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
}
h2.vent {
	margin:0;
	padding:0;
	width:392px;
	height:32px;
	position:relative;
	font-size:16px;
}
h2.vent span {
	background:url(../../images/title_whyVentilation.gif) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
}
h2.properVent {
	margin:0;
	padding:0;
	width:396px;
	height:32px;
	position:relative;
	font-size:16px;
}
h2.properVent span {
	background:url(../../images/title_properVentilation.gif) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
}
h2.bestWarranties {
	margin:0;
	padding:0;
	width:388px;
	height:30px;
	position:relative;
	font-size:16px;
}
h2.bestWarranties span {
	background:url(../../images/title_bestWarranties.gif) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
}
h2.productsUse {
	margin:0;
	padding:0;
	width:245px;
	height:30px;
	position:relative;
	font-size:16px;
}
h2.productsUse span {
	background:url(../../images/title_productsUse.gif) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
}
h2.contact {
	margin:0;
	padding:0;
	width:290px;
	height:32px;
	position:relative;
	font-size:16px;
}
h2.contact span {
	background:url(../../images/title_contact.gif) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
}
h2.arSurvey {
	margin:0;
	padding:0;
	width:412px;
	height:32px;
	position:relative;
	font-size:20px;
}
h2.arSurvey span {
	background:url(../../images/title_arSurvey.gif) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
}
h2.insurance {
	margin:0;
	padding:0;
	width:302px;
	height:32px;
	position:relative;
	font-size:20px;
}
h2.insurance span {
	background:url(../../images/title_arInsurance.gif) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
}
h2.insulation {
	margin:0;
	padding:0;
	width:392px;
	height:30px;
	position:relative;
	font-size:20px;
}
h2.insulation span {
	background:url(../../images/title_what_cellulose.gif) no-repeat;
	position:absolute;
	width:392px;
	height:30px;
}
#leftColumn {
	width:450px;
	float:left;
}
#rightColumn {
	width:450px;
	float:right;
}
blockquote {
	margin:0 0 20px 0;
	padding:8px 18px;
}
blockquote.content {
	background:url(../../images/bg_content.gif) bottom left no-repeat;
}
blockquote.description {
	padding:5px;
	margin:10px;
	margin-bottom:20px;
	background:#EEE;
	border:1px dashed #c52026;
}
.box {
	width:418px;
	color:#FFF;
	font-weight:bold;
	background:url(../../images/bottom-left.gif) no-repeat left bottom;
	margin:0 auto;
	margin-bottom:10px;
	/*position:relative;
	top:-20px;
	z-index:100;*/
}
.box-outer {
	background:url(../../images/bottom-right.gif) no-repeat right bottom;
	padding-bottom:1%;
}
.box-inner {
	background:url(../../images/top-left.gif) no-repeat left top;
}
.box p {
	background:url(../../images/top-right.gif) no-repeat right top;
	padding-top:3%;
}
.box h2, .box p {
	padding-left:5%;
	padding-right:5%;
}
.box a {
	color:#ffe729;
}
.box-arrow {
	width:20px;
	height:17px;
	background:url(../../images/box-arrow.png) no-repeat;
	position:relative;
	left:25px;
	z-index:200;
}
.photo {
	/*float:right;*/
	text-align:center;
}
.photo img {
	padding:5px;
	margin:10px;
	background:#eee;
	border:1px dashed #c52026;
}
.photo a {
	font-size:10px;
	font-weight:bold;
}
