@charset "utf-8";
/* CSS Document */

* {margin: 0; padding: 0;}

body {background-color:#000000}

#wrapper {
margin: 0 auto;
width:800px;
}

td {width:115px}

#header {background-image:url(images/header.png); background-repeat:no-repeat; width:800px; height:70px}

#nav {
width:800px;
}
#nav img {
float:left;
}
#space {
height:50px;
}

p{
text-align:left;
margin:10px;
}
#nav img{
	border:0;
	height:20px;
	width:160px;
}
.topBar {
	padding-top:50px;	
}
/*Home*/
#homeSky {
	float:left;
	border:solid #ffd400 2px;
	width:300px;
	height:133px;
	background-image: url("images/home1.jpg");
	
}
#homeHouse {
	float:right;
	border:solid #ffd400 2px;
	width:300px;
	height:133px;
	background-image: url("images/home2.jpg");
}
.home {
	padding:150px 0 25px 0;	
}
#bg_home .shingleText {
	padding:0;
	margin:125px 0 0 0;
}
#bg_home {background-image:url(images/bg.png); background-repeat:no-repeat; background-color:#ffdf00; width:800px}

#home_content1 {background-image:url(images/home_h1.png); background-repeat:no-repeat; clear: both; width:749px; height:28px}

#content { background-color:#FFFFFF; width:747px; border:solid #2c2825 1px}

#a_img {border: #ffd400 solid 2px; text-decoration:none; margin: 0 15px  15px;}
#footImg { padding-top:210px; text-align:center; }
#progressPhotos h2 { font-size:16px; padding-bottom:10px; }
#progressPhotos{ font-weight:bold; }
.title { width:98%; border-bottom:1px solid black; margin-bottom:20px; text-align:left;}
#homeImgs {
	
}
#home1{
	float:left;
	margin: 0 0 25px 25px;
	border:solid #ffd400 2px;
	width:200px;
	height:150px;
	background-image: url("images/home-torch-on-field.jpg");
}
#home1 p {
	padding:25px;
}
#home2{
	float:left;
	margin: 0 0 25px 25px;
	border:solid #ffd400 2px;
	width:200px;
	height:150px;
	background-image: url("images/home-material-loaded-on-roof.jpg");
}
#home2 p {
	padding-left:5px;
}
#home3 {
	float:left;
	margin: 0 0 25px 25px;
	border:solid #ffd400 2px;
	width:200px;
	height:150px;
	background-image: url("images/home-tar-and-gravel-restoration.jpg");
}
#home3 p {
	padding:5px;
}
.homewans{
	padding:200px 0 0 0;
}
/*Shingles*/
#header-shingles {background-image:url(images/header.png); background-repeat:no-repeat; width:800px; height:70px}

#bg_shingles {background-image:url(images/bg-shingles.png); background-repeat:no-repeat; background-color:#de0518; width:800px}

#shingles_content1 {background-image:url(images/shingles_h1.png); background-repeat:no-repeat; clear: both; width:749px; height:28px}

#a_img_shingles {border: #b90311 solid 2px; text-decoration:none}


/*Torch*/
#header-torch {background-image:url(images/header.png); background-repeat:no-repeat; width:800px; height:70px}

#bg_torch {background-image:url(images/bg-torch.png); background-repeat:no-repeat; background-color:#c2e310; width:800px}

#torch_content1 {background-image:url(images/torch_h1.png); background-repeat:no-repeat; clear: both; width:749px; height:28px}

#a_img_torch {border: #96ca0c solid 2px; text-decoration:none}

#torchOnPicture {
	float:right;
	margin-left:25px;
	margin-bottom:25px;
	border:solid #96ca0c 2px;
	background-image:url("images/torch1.jpg");
	width:300px;
	height:220px;
	}
#torch1,#torch2,#torch3,#torch4,#torch5,#torch6,#torch7,#torch8,#torch9 {
	float:left;
	margin: 0 0 25px 25px;
	border:solid #96ca0c 2px;
	width:200px;
	height:150px;
	background: no-repeat;
}
#torch10,#torch11,#torch12,#torch13{
	float:left;
	margin: 0 30px 25px 25px;
	border:solid #96ca0c 2px;
	width:113px;
	height:151px;
	background:no-repeat;
}
#torch1 {
	background-image: url("images/torch-on-flat-roof-stripped-wood-deck.jpg");	
}
#torch2 {
	background-image: url("images/torch-on-insulation-mechanicaly-fastened-on-metal-deck.jpg");
}
#torch3 {
	background-image: url("images/torch-on-torching-the-curb-flashing.jpg");
}
#torch4 {
	background-image: url("images/torch-on-flashing-round-wall.jpg");	
}
#torch5 {
	background-image: url("images/torch-on-we-can-attach-the-new-torch-on-addition-to-existing-roof.jpg");	
}
#torch6 {
	background-image: url("images/torch-on-preparation-for-torch-on-wall-flashing.jpg");	
}
#torch7 {
	background-image: url("images/torch-on-cap-sheet-in-proccess.jpg");	
}
#torch8 {
	background-image: url("images/torch-on-silver-flash-mastic-on-all-flashing-seams.jpg");	
}
#torch9 {
	background-image: url("images/torch-on-installing-cold-application-base-sheet-for-torch-on-roof.jpg");	
}
#torch10 {
	background-image: url("images/torch-on-roof-very-nice-bleed-out.jpg");	
}
#torch11 {
	background-image: url("images/torch-on-all-metal-parts-of-course-primed.jpg");	
}
#torch12 {
	background-image: url("images/torch-on-base-sheet-finished.jpg");	
}
#torch13 {
	background-image: url("images/torch-on-flashing-curb-detail.jpg");
}

.torchFooter {
	color:#7ab90a;
	text-align:center;
	padding-top:30px;
}
/*Services*/
#header-services {background-image:url(images/header.png); background-repeat:no-repeat; width:800px; height:70px}

#bg_services {background-image:url(images/bg-services.png); background-repeat:no-repeat; background-color:#0090ff; width:800px}

#bg_services #footer{
	margin-top:50px;
}
#services_content1 {background-image:url(images/services_h1.png); background-repeat:no-repeat; clear: both; width:749px; height:28px}

#a_img_services {border: #006eff solid 2px; text-decoration:none}

#serviceAffiliates {
	text-align:center;
}
#serviceAffiliates img {
	margin:0 20px 20px 0;
}

#servicePhotos img {
	float:left;
	margin:0 12px 25px 12px;
	border:solid #006eff 2px;	
}
#serviceBottom {
	text-align:left;
	margin-top:150px;
}
#servBG {
	position:absolute;
	background-color:#FFF;	
}
/*Contact*/
#header-contact {background-image:url(images/header.png); background-repeat:no-repeat; width:800px; height:70px}

#bg_contact {background-image:url(images/bg-contact.png); background-repeat:no-repeat; background-color:#ffb600; width:800px}

#contact_content1 {background-image:url(images/contact_h1.png); background-repeat:no-repeat; clear: both; width:749px; height:28px}

#content_contact { background-color:#FFFFFF; width:747px; border:solid #2c2825 1px}

.contact_form {text-align:left; width:150px}

.contImgHead {
	float:right; 
	margin-left:25px;
	border:solid #ff7700 2px;
}
#upperForm {
	text-align:center;	
}
#upperForm table {
	text-align:left;	
}
#contactFind {
	text-align:center;
	border-top:1px solid #000000;
}
/*estimate.php*/
.arc{
	padding-bottom:10px;	
}
.tel{
	padding-right:25px;	
}
.fax{
	padding-right:21px;	
}
.email{
	padding-right:10px;	
}
.estimate{
	text-align:left;
	margin:25px;
}
.divider {
	padding-top:50px;
}
/*Other*/
#content {
	margin: 0 auto;
}
.footer1{
	color:#ffb000;
	text-align:center;
	padding-top:30px;
}
.footer1 a:link,a:visited{
	color:#ff7200;
	text-decoration:underline;
}
.footer2{
	color:#ff7200;
	text-align:center;
	padding-top:30px;
}

#footer {background-image:url(images/footer.png); background-repeat:no-repeat; width:800px; height:70px}

#homepics {
	margin-top:20px;
	width:700px;
	clear:both;
}
#homepics p {
	font-size:10px;
	padding-top:145px;
	text-align:center;
}
#homepics .homeimage1{
	margin: 0 0 25px 25px;
	border:solid #ffd400 2px;
	float:left;
	background-image:url(images/home-torch-on-field.jpg) ;
	width:200px;
	height:150px;
}
#homepics .homeimage2{
	margin: 0 0 25px 25px;
	border:solid #ffd400 2px;
	float:left;
	background-image:url(images/home-material-loaded-on-roof.jpg) ;
	width:200px;
	height:150px;
}
#homepics .homeimage3{
	margin: 0 0 25px 25px;
	border:solid #ffd400 2px;
	float:left;
	background-image:url(images/home-tar-and-gravel-restoration.jpg) ;
	width:200px;
	height:150px;
}
#homepics .homeimage4{
	margin: 0 0 25px 25px;
	border:solid #ffd400 2px;
	float:left;
	background-image:url(images/home-progress-powerwashed.jpg) ;
	width:200px;
	height:150px;
}
#homepics .homeimage4 p{
	position:absolute;
	margin-left:50px;
}
#homepics .homeimage5{
	margin: 0 0 25px 25px;
	border:solid #ffd400 2px;
	float:left;
	background-image:url(images/home-progress-primed.jpg) ;
	width:200px;
	height:150px;
}
#homepics .homeimage5 p{
	position:absolute;
	margin-left:65px;
}
#homepics .homeimage6{
	margin: 0 0 25px 25px;
	border:solid #ffd400 2px;
	float:left;
	background-image:url(images/home-progress-two-coats-of-urethane.jpg) ;
	width:200px;
	height:150px;
}
#homepics .homeimage6 p{
	position:absolute;
	margin-left:20px;
}

#text .shingles1 {
	float:left;
	width:200px;
	height:150px;
	background-image:url("images/shingles-commercial-house.jpg") ;
	margin: 0 0 25px 25px;
	border:solid #b90311 2px;
}
#text .shingles1 p {
	margin-left:20px;	
}
#text .shinglesTop2 {
	float:left;
	width:200px;
	height:150px;
	background-image:url("images/shingles-cedar-shake-tear-off-residential.jpg");
	border:solid #b90311 2px;
	margin: 0 0 25px 25px;
}
#text .shinglesTop3 {
	float:left;
	width:198px;
	height:150px;
	background-image:url("images/shingles-cedar-conversion-residential.jpg");
	border:solid #b90311 2px;
	margin:0 0 25px 25px;
}
#text .shingleText {
	padding:200px 0 25px 0;
}
#text .shinglesMiddle1 {
	float:left;
	width:200px;
	height:150px;
	background-image: url("images/shingles-dead-valley.jpg");
	border:solid #b90311 2px;
	margin:0 0 25px 25px;
}
#text .shinglesMiddle2 {
	float:left;
	width:200px;
	height:150px;
	background-image: url("images/shingles-re-roofing-process.jpg");
	border:solid #b90311 2px;
	margin:0 0 25px 25px;
}
#text .shinglesMiddle3 {
	float:left;
	width:200px;
	height:150px;
	background-image: url("images/shingles-fiberglass-underlayment-installing.jpg");
	border:solid #b90311 2px;
	margin:0 0 25px 25px;
}
#text .shinglesMiddle4 {
	float:left;
	width:200px;
	height:137px;
	background-image: url("images/shingles-difficult-design-for-roofers.jpg");
	border:solid #b90311 2px;
	margin:0 50px 25px 70px;
}
#text .shinglesMiddle1 p {
	padding-left:20px;	
}
#text .shingles2 {
width:300px;
height:207px;
background-image:url(images/shingles-re-roofing-process.jpg) ;
float:left;
margin: 0 25px 25px 0;
border:solid #b90311 2px;
}
#text .shinglesText2{
	display:block;
	}
#text .shingles3 {
width:300px;
height:137px;
background-image:url(images/shingles2.jpg) ;
float:right;
margin: 0 0 25px 25px;
border:solid #b90311 2px;
}

#text .shingles4 {
	float:right;
	width:300px;
	height:137px;
	background-image:url("images/shingles_img2.png");
	float:left;
	margin: 0 25px 25px 0;
	border:solid #b90311 2px;
}

.shingles5 {
margin: 0 25px 25px 0;
border:solid #b90311 2px;
width:200px;
height:150px;
float:left;
background-image:url("images/shingles-one-of-the-best-underlayments.jpg");
}
.shingles6 {
margin: 0 25px 25px 0;
border:solid #b90311 2px;
width:200px;
height:150px;
float:left;
background-image:url("images/shingles-shingle-pattern.jpg");
}

.shingles9 {
margin: 0 25px 25px 0;
border:solid #b90311 2px;
width:200px;
height:150px;
float:left;
background-image:url("images/shingles-retirement-complex-metal-w-shape-valleys.jpg");
}
.shingles10 {
margin: 0 25px 25px 0;
border:solid #b90311 2px;
width:200px;
height:150px;
float:left;
background-image:url(images/shingles-one-of-the-best-underlayments.jpg);
}
.serviceDivider {
	clear:both;
	padding-top:70px;	
}
.serviceText{
	padding-top:200px;		
}
.coldapp{
	padding-top:200px;		
}
.services1,.services2,.services3,.services4,.services5,.services6,.services7,.services8,.services9,.services10,.services11,.services12,.services13,.services14,.services15,.services16,.services17,.services18,.services19,.services20,.services21,.services22,.services23,.services24,.services25,.services26,.services27,.services28 {
	margin: 0 23px 0 23px;
	float:left;
	border:solid #006eff 1px;
}
.services6 p,.services7 p,.services8 p,.services9 p {
	margin-top:-55px;	
}
.services10 p,.services11 p,.services12 p,.services13 p {
	margin-top:-45px;	
}
.services14 p,.services16 p,.services18 p,.services19 p,.services21 p,.services23 p {
	margin-top: -65px;	
}
.services15 p,.services17 p,.services20 p,.services22 p{
	margin-top:-25px;	
}
.services24 p,.services25 p,.services26 p,.services27 p,.services28 p{
	margin-top:-60px;	
}
.services25 p{
	margin-left:-3px;
	width:120%;	
}

.services1 {
	width:83px;
	height:110px;
	background-image:url("images/services-1.jpg");
}
.services1 p {
	margin-top:-30px;	
}
.services2 {
	margin-top:32px;
	width:97px;
	height:74px;
	background-image:url("images/services-2.jpg");
}
.services2 p {
	margin-top:-65px;	
}
.services3 {
	width:79px;
	height:106px;
	background-image:url("images/services-3.jpg");
}
.services3 p {
	margin-top:-35px;	
}
.services4 {
	margin-top:30px;
	width:101px;
	height:77px;
	background-image:url("images/services-4.jpg");
}
.services4 p {
	margin-top:-63px;	
}
.services5 {
	width:83px;
	height:101px;
	background-image:url("images/services-5.jpg");
}
.services5 p {
	margin-top:-40px;	
}
.services6 {
	margin-left:45px;
	width:112px;
	height:83px;
	background-image:url("images/services-6.jpg");
}

.services7 {
	width:111px;
	height:83px;
	background-image:url("images/services-7.jpg");
}
.services8 {
	width:111px;
	height:84px;
	background-image:url("images/services-8.jpg");
}
.services9 {
	width:114px;
	height:86px;
	background-image:url("images/services-9.jpg");
}
.services10 {
	margin-left:50px;
	margin-top:100px;
	width:112px;
	height:92px;
	background-image:url("images/services-10.jpg");
}
.services11 {
	margin-top:100px;
	width:130px;
	height:93px;
	background-image:url("images/services-11.jpg");
}
.services12 {
	margin-top:100px;
	width:121px;
	height:92px;
	background-image:url("images/services-12.jpg");
}
.services13 {
	margin-top:100px;
	width:76px;
	height:93px;
	background-image:url("images/services-13.jpg");
}
.services14 {
	margin-top:45px;
	width:93px;
	height:71px;
	background-image:url("images/services-14.jpg");
}
.services15 {
	width:83px;
	height:113px;
	background-image:url("images/services-15.jpg");
}
.services16 {
	margin-top:45px;
	width:93px;
	height:69px;
	background-image:url("images/services-16.jpg");
}
.services17 {
	width:85px;
	height:114px;
	background-image:url("images/services-17.jpg");
}
.services18 {
	margin-top:45px;
	margin-bottom:100px;
	margin-right:35px;
	width:93px;
	height:71px;
	background-image:url("images/services-18.jpg");
}
.services19 {
	margin-top:45px;
	clear:both;
	width:93px;
	height:71px;
	background-image:url("images/services-19.jpg");
}
.services20 {
	width:83px;
	height:111px;
	background-image:url("images/services-20.jpg");
}
.services21 {
	margin-top:45px;
	width:94px;
	height:71px;
	background-image:url("images/services-21.jpg");
}
.services22 {
	width:85px;
	height:115px;
	background-image:url("images/services-22.jpg");
}
.services23 {
	margin-top:45px;
	width:95px;
	height:70px;
	background-image:url("images/services-23.jpg");
}
.services24 {
	margin-left:50px;
	width:98px;
	height:73px;
	background-image:url("images/services-24.jpg");
}
.services25 {
	width:56px;
	height:75px;
	background-image:url("images/services-25.jpg");
}
.services26 {
	width:98px;
	height:74px;
	background-image:url("images/services-26.jpg");
}
.services27 {
	width:55px;
	height:73px;
	background-image:url("images/services-27.jpg");
}
.services28 {
	width:97px;
	height:73px;
	background-image:url("images/services-28.jpg");
}


.contact1,.contact2,.contact3,.contact4 {
	float:right;
	border:solid #ffb600 2px;
	margin:0 5px 0 5px;
}
.contact1 p {
	margin-top:130px;	
}
.contact3 p {
	margin-top:125px;	
}
.contact1{
	width:191px;
	height:259px;
	background-image:url("images/contact-1.jpg");
}
.contact2{
	margin-top:120px;
	width:245px;
	height:138px;
	background-image:url("images/contact-2.jpg");	
}
.contact3{
	margin-top:-50px;
	width:197px;
	height:262px;
	background-image:url("images/contact-3.jpg");	
}
.contact4{
	margin-top:65px;
	width:243px;
	height:145px;
	background-image:url("images/contact-4.jpg");	
}

.clear{
clear:both;
}