@charset "utf-8";
/* CSS American Pride Roofing */

body{
	font-family:arial, sans-serif;
	font-size:62.1%;
	position:relative;
}

#wrapper{
	width:934px;
	position:relative;
}

* { 
	margin: 0 auto; 
}

img{
border:none;
text-decoration:none;
}

h1{
	font-family:georgia, serif;
	font-size:2.3em;
	color:#999;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	text-indent:-9999px;
	
}

h2{
	font-size:2.2em;
	color:#666;
}

h3{
	font-size:2em;
	color:#666;
	font-weight:normal;
 	padding-bottom:20px;
}
h4{
	font-size:2em;
	color:#666;
}

h5{
	font-size:1.8em;
	color:#666;
}

h6{
	font-size:1.4em;
	color:#666;
}



#header{
	background-color:#2d2d70;
	background-image:url('images/headergradientnarrow.gif');
	background-repeat:repeat-x;
	height:105px;
	width:100%;
	}
	
#banner{
	width: 950px;
	height:70px;
	position:relative;
	}
	
#banner a img{
	border-style:none;
	text-decoration:none;
}



.bannerContact{
	text-align:right;
	padding-right:10px;
	font-size:1.4em;
	color:#f4d072;
}
.rightBannerImage{
	padding-left:680px;
	padding-top:5px;
}
	
#nav{
	color:#fff;
	}

#navigation{
	width:950px;
	padding-top:7px;	
font-family:"georgia", serif;

}

 ul{
	padding:0;
	margin:0 auto;
	list-style:none;
 }

/*padding-right:57px with all menu items */
#navigation li{
	float:left;
	position:relative;
	text-decoration:none;
	font-size:1.6em;
	padding-right:79px;	
	color:#ffffcc;
}

#navigation li li{
	padding-right:0px;
	padding-left:0px;
}


#navigation li a, #navigation li a:link, #navigation li a:visited{
	text-decoration:none;
	color:#ffffcc;
}

#navigation li a:hover{
	color:#FF9900;
}

/* Dropdown menu styling */
/*#10103d matches banner*/
#navigation li ul{
	display:none;
	position:absolute;
	top:1.6em;
	left:0;
	background-color:#10103d;
	font-size:.6em;
	width:180px;
	padding:10px 0px 0px 10px;
		
}


#navigation li ul li{
	padding-bottom:10px;
	clear:left;
	
}

/* Non IE7 only resets browser */
#navigation li ul {
_top: 100%;
_left: 0;
}

#navigation li:hover ul, #navigation li.over ul{
	display:block;
	
}

#navigation li ul li:hover {
}

/* End drop down menu styling */

#content{
	width:100%;
	position: absolute;
	top:105px;
	font-size:1.4em;
}

/*	footer styles	*/
#footer{
	clear:both;
	position:absolute;
	top:1600px;
	background-color:#000;
	height: 280px;
	margin-top:20px;
	width:100%;
	color:#999;
	padding-bottom:30px;
}

#footerwrap{
	width:950px;
	padding-top:40px;

}

#mission{
	width:375px;
	
	padding:0px 50px 50px 0px;
	float:left;
}

blockquote{
	background: transparent url(images/quoleft.png) left top no-repeat;
	font-size:1.4em;
}

blockquote div{
	padding: 0 48px 38px;
	background: transparent url(images/quoright.png) right bottom no-repeat;
}

.cite{
	font-size:1em;
	float:right;
}

#sitemap{
	position:relative;
	width:425px;
	float:left;
}

/* sitemap styles */
#sitemap h1{
	text-align:left;
	font-size:1.4em;
	color:#999;
	text-indent:0;
}

#sitemap a, #sitemap a:link, #sitemap a:visited{
	color:#999;
	font-size:1.2em;
	margin-top:8px;
}

#sitemap a:hover{
	color:red;
}

/* end footer styles */

/*******  end common styles **********/







/********************/
/* Home Page Styles */
/********************/
/* was 445px for photo with caption below and #000 background - changed to #fff bg to show rounded corners */
#home_adcol{
	position:absolute;
	right:0;
	top:30px;
	color:#fff;
	width:210px;
	height:1081px;
	background-color:#fff;
	margin-left:30px;
	
}

#home_adform{
margin-top:1px;
background:url('images/home-form-bg.gif') top center repeat-y #2c2d70;
color:#fff;
padding:20px;
width:170px;
}

#home_adform strong{
color:#FF9900;
}

.promoSubmit:hover{
background-color:#0066FF;
}

#home_mainText{
	width:430px;
	position: absolute;
	top:30px;
	left:270px;
	padding-right:20px;
	
	}
	
.imagePad{
	padding:0 10px 0px 0;
}

#home_mainText h1{
	font-size:1.6em;
	color:#666;
	text-indent:0;
	font-family:arial, sans-serif;
	text-align:left;
	display:inline;
	margin-bottom:10px;
}

#home_mainText h2{	
	font-size:1.4em;
	padding-top:10px;
	color:#666;
	display:inline;
}
	
#home_mainText p{
	padding-bottom:.8em;
	padding-top:5px;
	font-size:.9em;
}
#home_mainText p a, #home_mainText p a:visited, #home_mainText p a:link{
	color:green;
	text-decoration:none;
}

#home_mainText p a:hover{
	color:blue;
}

.listHeading{
	font-weight:bold;
}

.homeList{
	list-style-type:none;
	width:430px;
}

#top-ten{
	width:230px;
	font-size:.8em;
	padding:5px;
	border: 1px solid #999;
	margin-bottom:20px;
	
}

#top-ten strong{
font-size:1.3em;
padding-bottom:14px;
}

#top-ten ul li{
margin-top: 7px;
}



.homeList li{
	padding:.5em 0 0 0px;
}

.home_caption{
	padding:10px;
}

#home_Buttons{
	position:absolute;
	left:0px;
	top:30px;
	width:170px;
	height:1400px;
}

/* encapsulates all content except nav buttons */
#home_mainContent{
	padding-left:20px;
	width:625px;

	display:inline;
	
}

/* Remodeler */
#remodel{
	background-image:url(images/round_remodeler.jpg);
	background-repeat: no-repeat;
	color:#ccc;
	width:263px;
	height:225px;
	margin-top:20px;
	
}

.remodel_zipText{
	font-size:.8em;
	padding-right:30px;
}

.zipper{
	padding:80px 0px 0px 20px;
}

.zipLine{
	display:block;
	font-weight:bold;
	padding:20px 5px 10px 30px;
}
.zipperSubmit{
	float:right;
	margin-right:30px;
	margin-top:0px;
}

/* End Remodeler */


/* Call Back Button */

#quickCallBack{
	background-image:url('images/callBack.png');
	background-repeat:no-repeat;
	width:253px;
	height:200px;
	color:#fff;
	padding-left:10px;
}

#quickCallBack .formText{
	display:block;
	text-align:left;
	padding:5px 0 10px 40px;
	font-size:1.2em;
	font-weight:bold;
	font-family:georgia, serif;
	color: #ffff66;
}

.CBForm {
	margin-top:.5em;
	padding-left:10px;
}

.CBResponse{
	color:#ffff66;
}

.submitCBButton{
	background-color:#fff;
	margin-top:.5em;
}

.submitCBButton:hover {
	background-color:#cc0000;
	color:#000;
}

.cbFieldHeadings {
	display:block;
	color:#ffff66;
}

/* End Call Back Button */

#home_projects{
	position:absolute;
	top:925px;
	margin-bottom:25px;
	width:625px;
	left:280px;
	height:250px;
}

#home_projects h2{
	display:inline;
}

.roofProjects{
	padding: 9px 9px 4px 0;
}

.rightButtons{
	padding: 0px 0px 3px 0px;
	border:none;
}

#home_subContent{
	
	position:absolute;
	width: 625px;
	left:280px;
	top:1155px;
	margin-bottom:40px;
}





/***********************/
/* Testimonials Styles */
/***********************/

#testimonialImage{
	float:left;
	width:265px;
	
	margin-right:20px;
	display:inline;
	
}

#testimonials{
	width:400px;
	float:left;
	margin-bottom:10px;
}

.testimonialFull{
	padding-top:20px;
	padding-bottom:20px;
	width:600px;
	margin-left:20px;
	
	border-bottom:2px solid #ccc;
	
}

.testimonialHeading{
		color:red;
	
}

.testimonialCopy{
	padding-top:10px;
}

.testimonialFrom{
	float:right;
	padding-right:20px;
	color:blue;
}





/***************/
/* FAQs Styles */
/***************/

.question{
	color:#336699;
}

.answer{
	padding:5px 0 15px 0;
}



/****************************/
/* About Our Company Styles */
/****************************/
.companyHeading{
	font-weight:bold;
	font-size:1.3em;
	display:block;
	padding-bottom:7px;
}

.companySubHeading{
	font-weight:bold;
	font-size:1.1em;
	display:block;
}

#companyProfile p{
	margin-bottom:10px;
	
}


/**********************/
/****Services Pages****/
/**********************/


#servicesMain strong{
	display:block
}

#servicesMain ul{
	padding: 0 0 15px 40px;
	list-style-type:disc;
}

#servicesMain .mainImage{
	padding-bottom:20px;
}

#servicesMain h1{
	font-size:2em;
	font-style:italic;
	color:#000;
	font-family:arial, sans-serif;
	text-indent:0;
	text-align:left;
}

#servicesMain p{
	margin-bottom:20px;
}

.servicesImage{
	padding:30px;
	
}

#servicesChildNav li {
		list-style-type:none;
		padding-bottom:20px;
}

#servicesChildNav li:hover {
		list-style-type:square;
}

#servicesChildNav li a, #servicesChildNav li a:link, #servicesChildNav li a:visited{
	text-decoration:none;
	color:#000;
}

#servicesChildNav li a:hover{
	color:#666;
}

.servicesChildMainNav{
	font-weight:bold;
}

.listIndent{
	text-indent:30px;
}
.listIndent li{
list-style-type:square;
}

.floatImageLeft{
	float:left;
	display:inline;
	padding:30px;
}
/* secondary nav on services pages */

 #serviceButtons{
	border:1px solid #000;
	height:auto;
	width:120px;
	padding:10px;
	margin-right:50px;
	margin-bottom:30px;
	float:left;
	display:inline;
	margin-left:0;
	
}

/******************/
/* Green Building */
/*****************/

.greenP{
	margin-bottom:10px;
}



/***********/
/* Contact */
/***********/

#contactContent{
	width:950px;
	height:670px;
	position:relative;
	margin-top:90px;
	font-size:1.4em;
}

#contactContent h1{
	font-size:1.3em;
	color:#000;
	font-family:arial, sans-serif;
	padding-bottom:10px;
	text-indent:0;
	
}

#contactContent h5{
	font-size:1.3em;
	color:#000;
	font-family:arial, sans-serif;
	padding-bottom:5px;
	
}

.contactField{
	display:inline;
	
	padding-right:15px;
	text-align:right;
}

.fieldLabel{
	
	color:blue;
}

.contactInfo {
	font-size:1em;
	padding-bottom:20px;
	
}

.contactForm{
	padding-bottom:20px;
}

#customerForm{
	padding-top:20px;
}

#contactPrimaryInfo{
	position:absolute;
	left:0px;
	width:800px;
	border:1px solid #ccc;
	padding-left:20px;
	border:1px solid #ccc;
	background-color:#ccc;
}

#contactPrimaryInfo p {
	margin-bottom:.8em;
}

#contactSubmit{
	position:absolute;
	left:300px;
	top:430px;
	width:220px;

}

.ContactResponse{
	color:#FF9900;
}

	
	.submitContactButton{
	background-color:blue;
	width:182px;
	height:35px;
	color:#fff;
	font-size:1.2em;
	margin-bottom:10px;
	}

		.submitContactButton:hover{
	background-color:red;
	color:#fff;
	}
	
	

/**********************/
/* Insurance Coverage */
/**********************/

#coverageMain{
position:relative;
height:1800px;
}

#coverageMain h1{
	color:#000;
	font-size:2em;
	text-align:left;
	text-indent:0;
}

#coverageMain h2{
	color:#000;
	font-size:1em;
	text-align:left;
	padding-bottom:10px;
}

#coverageMain h3{
	color:#000;
	font-size:1em;
	text-align:center;
	font-weight:bold;
	padding-top:0;
}

#coverageMain p{
	margin-bottom:10px;
	
}

#coverageMain li{
	text-decoration:none;
	padding-top:10px;
}

#insuranceChart{
	height:270px;
	padding-top:20px;
}

#insuranceType {
	width:300px;
	position:absolute;
	left:0;
}

#stateLimits{
	position:absolute;
	width:300px;
	left:400px;
}

#prideLimits {
	position:absolute;
	width:300px;
	left:600px;
}

.bondList{
	list-style-type:disc;
	padding:0px 0px 0px 20px;
}



/*****************/
/* Sitemap Lists */
/*****************/

#sitemapServices{
	position:absolute;
	left:0px;
	width:200px;
}

#sitemapInsurance{
	position:absolute;
	left:0px;
	width:200px;
	top:165px;
}

#sitemapSolutions{
	position:absolute;
	left:200px;
	width:200px;
}

#sitemapFAQs{
	position:absolute;
	left:200px;
	top:120px;
	width:200px;
}

#sitemapAbout{
	position:absolute;
	left:400px;
	width:200px;
}

#sitemapContact{
	position:absolute;
	left:400px;
	width:200px;
	top:170px;
}

#sitemapAddress{
	position:absolute;
	left:400px;
	width:200px;
	top:210px;
	font-size:1.2em;
}

#sitemap h1{
	font-family:georgia, serif;
	font-size:2em;
	color:#999;
	padding-top:10px;
	padding-bottom:10px;
}
/********************/
/* New Roof Process */
/********************/

#newRoofProcess{
	list-style-type:disc;
	padding: 15px 0 0 80px;
	line-height:1.3em;
}

#newRoofProcess li{
	padding-bottom:10px;
}



/*************/
/* Our Staff */
/*************/

#companyStaff{
	height:3600px;
}

.employee{
	position:relative;
	height:300px;
}
.staffer{
	position:absolute;
	top:5px;
	left:10px;
	width:253px;
	height:210px;
	padding-bottom:20px;
}

.staffDuty{
	position:absolute;
	left:280px;
	top:30px;
}

/***************/
/* Flash Style */
/***************/

#flashMovieBox{
width:720px;
height:480px;
}