/*all text sizes and colors*/

.style5 {font-size: 28px}

.style6 {font-size: 25px}

.style7 {font-size: 36px}

.style8 {color: #000000}

.style9 {font-size: 20px}

.style12 {font-size: 16px}

/*link colors*/

a:link {

	color: #FFFFFF;

	text-decoration: none;

}



a:visited {

	color: #FFFFFF;

    text-decoration: none;

}



/*body background color*/

body {
	background-color: #CCCCCC;
	}



/*div center tag*/

div.center { 

text-align: center; 

}







/*universal div tags*/





.container {

	float: left;

	height: 100%;

	padding-left: 75px;

	color: #FFFFFF;

}



.theader {

	float: left;

	height: 20px;

	width: 800px;

	background-image: url(universal_images/top.gif);

}



.header {
	float: left;
	height: 240px;
	width: 800px;

}





/*universal navigation buttons*/



.navi {
	float: left;
	height: 25px;
	width: 800px;

}



.home {
	float: left;
	height: 25px;
	width: 88px;
	background-image: url(universal_images/navi.jpg);

}



.contact {
	height: 25px;
	width: 88px;
	background-image: url(universal_images/navi.jpg);
	float: left;

}



.about {
	float: left;
	height: 25px;
	width: 89px;
	background-image: url(universal_images/navi.jpg);

}



.portfolio {
	height: 20px;
	width: 135px;
	float: left;
	background-image: url(universal_images/navi.jpg);
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #FFFF66;
	padding-top: 5px;

}



.resources {
	float: left;
	height: 20px;
	width: 133px;
	background-image: url(universal_images/navi.jpg);
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #FFFF66;
	padding-top: 5px;

}





/*universal body tags*/



.body {

	float: left;

	height: 110%;

	width: 800px;

	background-color: #FFFFFF;

	padding-top: 15px;

}



.spacer {

	float: left;

	height: 300px;

	width: 32px;

}





/*universal footer tags*/



.footer {

	float: left;

	height: 148px;

	width: 800px;

}



.fcontent {

	float: left;

	height: 20px;

	width: 800px;

	background-image: url(universal_images/footer.jpg);

}



.fbottom {

	background-image: url(universal_images/bottom.gif);

	float: left;

	height: 12px;

	width: 800px;

}

.fend {

	float: left;

	height: 60px;

	width: 800px;

	padding-top: 10px;

}











/*all content for the home page div tags*/



.banner {
	float: left;
	height: 200px;
	width: 800px;
	background-image: url(index_images/top_image.jpg);

}

.services_banner {
	float: left;
	height: 200px;
	width: 800px;
	background-image: url(services/services-images/top_image.jpg);

}



.pic {
	clear: right;
	float: right;
	height: 248px;
	width: 250px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;

}

.index-pic {
	clear: right;
	float: right;
	height: 226px;
	width: 250px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

.bwords {

	float: right;

	height: 200px;

	width: 350px;

}



.bheader {

	float: left;

	height: 45px;

	width: 732px;

	background-image: url(index_images/bheader.jpg);

	padding-top: 5px;

	padding-left: 6px;

}





.btext {

	float: left;

	height: 100%;

	width: 733px;

	background-image: url(index_images/btext.jpg);

	padding-left: 5px;

}

.res_btext {

	float: left;

	height: 100%;

	width: 733px;

	background-image: url(index_images/btext.jpg);

	padding-left: 5px;

}

.about_btext {

	float: left;

	height: 100%;

	width: 733px;

	background-image: url(index_images/btext.jpg);

	padding-left: 5px;

}

.port_btext {

	float: left;

	height: 100%;

	width: 733px;

	background-image: url(index_images/btext.jpg);

	padding-left: 5px;

}

.portfolio_bheader {

	float: left;

	height: 46px;

	width: 732px;

	background-image: url(portfolio/portfolio_images/portfolio_texthead.jpg);

	padding-top: 5px;

	padding-left: 6px;

}













/* all content for the contact us page */



.contact_hphone {

	height: 48px;

	width: 297px;

	float: left;

	background-image: url(contact-us/contact_images/contact_hphone.jpg);

	border-left-width: 55px;

	border-left-style: solid;

	border-left-color: #FFFFFF;

	padding-top: 3px;

	padding-left: 3px;

}



.contact_bphone {

	float: left;

	height: 234px;

	width: 295px;

	background-image: url(contact-us/contact_images/contact_bphone.jpg);

	border-left-width: 55px;

	border-left-style: solid;

	border-left-color: #FFFFFF;

	padding-top: 5px;

	padding-left: 5px;

}



.contact_bheader {

	float: left;

	height: 48px;

	width: 372px;

	background-image: url(contact-us/contact_images/contact_bheader.jpg);

	padding-top: 3px;

	padding-left: 3px;

}



.contact_btext {

	float: left;

	height: 100%;

	width: 375px;

	background-image: url(contact-us/contact_images/contact_textbody.jpg);

}



.contact_banner {

	background-image: url(contact-us/contact_images/contact_top_image.jpg);

	float: left;

	height: 200px;

	width: 800px;

}

.portfolio_banner {

	float: left;

	height: 200px;

	width: 800px;

	background-image: url(portfolio/portfolio_images/firstpic.jpg);

}









/*all content for the about us page*/



.about_banner {

	float: left;

	height: 200px;

	width: 800px;

	background-image: url(about-us/about_images/firstpic.jpg);

}



.about_bheader {

	float: left;

	height: 45px;

	width: 732px;

	padding-top: 5px;

	padding-left: 6px;

	background-image: url(about-us/about_images/about_texthead.jpg);

}

.portfolio_btext {

	float: left;

	height: 424px;

	width: 740px;

	background-image: url(index_images/btext.jpg);

}

.resource_space {

	float: left;

	height: 25px;

	width: 300px;

	border-top-width: thin;

	border-top-style: dashed;

	border-top-color: #FF6600;

	border-bottom-width: thin;

	border-bottom-style: dashed;

	border-bottom-color: #FF6600;

}

.resources_banner {

	float: left;

	height: 200px;

	width: 800px;

	background-image: url(links/resources_images/resources_firstpic.jpg);

}

.resources_bhead {

	background-image: url(links/resources_images/resources_texthead.jpg);

	float: left;

	height: 46px;

	width: 732px;

	padding-top: 5px;

	padding-left: 6px;

}

.roof-stain-removal-banner {
	float: left;
	height: 200px;
	width: 800px;
	background-image: url(universal_images/roof-stain-removal.jpg);

}


.wood-restoration-banner {
	float: left;
	height: 200px;
	width: 800px;
	background-image: url(universal_images/wood-restoration.jpg);

}

.leafproof-gutters-banner {
	float: left;
	height: 200px;
	width: 800px;
	background-image: url(universal_images/leafproof-gutters.jpg);
}

.graffiti-removal-banner {
	float: left;
	height: 200px;
	width: 800px;
	background-image: url(universal_images/graffiti-removal.jpg);
}