/* Start of CMSMS style sheet 'wvr_css' */
@charset "utf-8";
/* CSS Document */

body {
	width: 100%;
	margin: 0px;
	background-image:url(uploads/images/bk.jpg);
	font-family: verdana;
	font-size: 11px;
	color: #000;
}

h1 {
	color: #00693c;
	font-size:12px;
}

img { border: none; }

#h1 { color: #00693c; font-size:12px; font-weight:bold; }	
#h2 { color: #002395; font-size:10px; }	
#date { padding-left: 20px; font-style: italic; font-weight: bold; color: #002395; text-align: left;}

label#bold { font-weight: bold; color: #00693c;}
contenttext a { font-weight: bold; color: #fff;}

a { 	text-decoration:none;	 }
a:hover { 	color: #002395; }

div#contenttext a { 	text-decoration:none;	color: #000; font-weight: bold;}
div#contenttext a:hover { 	color: #002395; }

div#topmenu {	
	text-align: right;
	padding: 14px;
	color: #FFFFFF;
}

div#topmenu a { text-decoration:none; color: #fff;}
div#topmenu a:hover {color: #002395;font-weight: bold; }

div#overall {
	width: 798px;
	height: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
}

div#chimney {
	width: 798px;
	height: 267px;
	background-image:url(uploads/images/chimneys.png);
}
div#yard {
	width: 798px;
	height: 267px;
	background-image:url(uploads/images/yard.png);
}
div#selly {
	width: 798px;
	height: 267px;
	background-image:url(uploads/images/selly.png);
}
div#header {
	width: 798px;
	height: 267px;
	background-image:url(uploads/images/header.png);
}


div#header a {
   text-decoration:none;
   color: #fff;
}

div#header a:hover { 	
   color: #002395;
}

div#menub {
	width: 798px;
	height: 64px;
	background-image:url(uploads/images/menub.png);
}

div#footer {
	clear: both;
	width: 798px;
	height: 27px;
	background-image:url(uploads/images/footer.png);
	color: #fff;
}	
	div#footleft { width:25%; text-align:left; float: left; text-indent: 11px;}
	div#footright { width:23.5%; text-align:right; float: left; padding-right: 11px;} 
	div#footcenter { width:50%; text-align:center; float: left;} 


div#footer a {
   text-decoration:none;
   color: #fff;
}

div#footer a:hover { 	
   color: #002395;
}

div#content {
	width: 798px;
	min-height: 420px;
	background-image:url(uploads/images/content.png);
}


div#content a {
   text-decoration:none;
}

div#content a:hover { 	
   color: #fff;
}

div#content520 {
	width: 798px;
	min-height: 520px;
	background-image:url(uploads/images/content.png);
}

div#content620 {
	width: 798px;
	min-height: 620px;
	background-image:url(uploads/images/content.png);
}

/* MENU SYSTEM ******************************************************************************************/	

div#imgtitle { color: #00693c; font-size:12px; font-weight:bold; text-align: left; padding-bottom: 10px; text-indent: 20px; padding-top: 10px;}
div#leftdesc { float: left; text-align: center; font-size:10px; width: 119px; padding-top: 10px; padding-left:0px; color: #002395;}
div#imgdesc { float: left; text-align: center; font-size:10px; width: 119px; padding-top: 10px; padding-bottom: 20px;color: #002395; }
div#homeimgs { 	width: 490px; height: 69px; position: relative; }	
#homeimgs a { position: absolute; height: 69px; text-indent: -1000em; }
#homeimgs .b a { width: 120px; top: 0px; left: 0px; background-image:url(uploads/images/building.png);}	
#homeimgs .b a:hover { background-image:url(uploads/images/buildingover.png); }
#homeimgs .i a { width: 120px; top: 0px; left: 120px; background-image:url(uploads/images/interior.png);}	
#homeimgs .i  a:hover { background-image:url(uploads/images/interiorover.png); }
#homeimgs .g a { width: 120px; top: 0px; left: 241px; background-image:url(uploads/images/garden.png);}	
#homeimgs .g a:hover { background-image:url(uploads/images/gardenover.png); }
#homeimgs .r a { width: 120px; top: 0px; left: 362px; background-image:url(uploads/images/restoration.png);}	
#homeimgs .r a:hover { background-image:url(uploads/images/restorationover.png); }
#homeimgs ul { margin: 0; padding: 0; list-style: none; }
#homeimgs ul li { display: inline; /* this gets rid of the gaps */ list-style: none; margin: 0;  padding: 0; }
#homeimgs ul li a {  color: #fff;  display: block;  width: 10em; }

div#menu { width: 798px; height: 57px;	background-image:url(uploads/images/menu.png); position: relative; }	
#menu a { position: absolute;	height: 57px;	text-indent: -1000em;}
#menu .products a { width: 289px; top: 0px; left: 11px; background-image:url(uploads/images/products.png);}	
#menu .products a:hover { background-image:url(uploads/images/productsover.png); }
#menu .services a { width: 93px; top: 0px; left: 302px; background-image:url(uploads/images/services.png);}	
#menu .services  a:hover { background-image:url(uploads/images/servicesover.png); }
#menu .faq a { width: 45px; top: 0px; left: 397px; background-image:url(uploads/images/faq.png);}	
#menu .faq a:hover { background-image:url(uploads/images/faqover.png); }
#menu .news a { width: 61px; top: 0px; left: 444px; background-image:url(uploads/images/links.png);}	
#menu .news a:hover { background-image:url(uploads/images/linksover.png); }
#menu .group a { width: 280px; top: 0px; left: 507px; background-image:url(uploads/images/group.png);}	
#menu .group a:hover { background-image:url(uploads/images/groupover.png); }
#menu ul { margin: 0; padding: 0; list-style: none; }
#menu ul li { display: inline; /* this gets rid of the gaps */ list-style: none; margin: 0;  padding: 0; }
#menu ul li a {  color: #fff;  display: block;  width: 10em; }

/* 2 DIV ****************************************************************************************/
div#twowrap { width: 776px; padding-top: 20px; padding-bottom: 20px; height: 100%;}
div#left{ width: 219px; float: left; }
div#right{ width: 557px; float: right; }

div#twopercentage { width: 517px; padding: 20px; }
div#leftpercentage { width: 30%; float: left; }
div#rightpercentage { width: 70%; float: right; }

div#halfleft { width: 50%; float: left; text-align: left;}
div#halfright { width: 50%; float: right; text-align: left;}
div#twolinetxt { min-height: 30px; }
div#heads { padding-top: 10px; color: #00693c; text-align: center; }

div#txt a { color:#000000; }
div#txt a:hover { color:#00693c; }

/* SIDE CONTENT MENU ****************************************************************************/
div#sidemenu {
	width: 172px;
	height: 26px;
	background-image:url(uploads/images/sidemenu.png);
}

div#sidebar { 
	width: 172px;
	height: 7px;
	background-image:url(uploads/images/sidebar.png);
}

div#sidecontent { 
	width: 172px;
	height: 100%;
	background-image:url(uploads/images/sidecontent.png);
	padding-bottom: 5px;
}

div#sidebottom { 
	width: 172px;
	height: 8px;
	background-image:url(uploads/images/sidebottom.png);
}

div#sidetext { 
	text-transform:uppercase;
	text-align:left;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
}

div#sidetext a {
   text-decoration:none;
   color: #fff;
}

div#sidetext a:hover { 	
   color: #002395;
}

/* large content *********************************************************************/	
div#contenttop { 
	width: 517px;
	height: 8px;
	background-image:url(uploads/images/contenttop.png);
}

div#contentmid { 
	width: 517px;
	min-height: 180px;
	background-image:url(uploads/images/contentmid.png);
text-align: left;
}

div#contentmid480 { 
	width: 517px;
	min-height: 480px;
	background-image:url(uploads/images/contentmid.png);
}

div#contentmid580 { 
	width: 517px;
	min-height: 580px;
	background-image:url(uploads/images/contentmid.png);
}

div#contentmid200 { 
	width: 517px;
	min-height: 200px;
	background-image:url(uploads/images/contentmid.png);
}

div#contentmid300 { 
	width: 517px;
	min-height: 300px;
	background-image:url(uploads/images/contentmid.png);
}

div#contentbot { 
	width: 517px;
	height: 8px;
	background-image:url(uploads/images/contentbottom.png);
}

div#contenttext { 
	text-align:justify;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}	
div#whitespace { height: 20px; }

div#map {
	width: 517px;
	height: 294px;
	background-image:url(uploads/images/map.png);
}

#link {	cursor: pointer; }
#link:hover { color:#002395; }


/* Vertical Accordions */
		
		.accordion_toggle {
			display: block;
			height: 30px;
			width: 400px;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #00693c;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #00693c;
			border-bottom: 1px solid #00693c;
			cursor: pointer;
			margin: 0 0 0 0;
			font-size:10px;
		}
		
		.accordion_toggle_active {
			color: #00693c;
			border-bottom: 1px solid #002395;
		}
		
		.accordion_content {
			color: #002395;
			overflow: hidden;
			width: 480px;
		}
			
			.accordion_content h2 {
				margin: 15px 15px 5px 10px;
				color: #002395;
				font-size: 10px;
			}
			
			.accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
			
		.description {
			padding-right: 15px;
			text-align: justify;
		}
	
	
	div#wholecontainer {
		text-align: left;
		padding-left: 20px;
	}

/************ FORM ***********************************/
div#form { clear:both; width: 350px; text-align: left; }
div#formleft { float: left; width: 150px; padding-top:3px; }
div#formright { float: left; width: 200px; }
label#error { color: #00693c; }
input[type=text], select { color: #00693c; font-size: 12px; width: 180px; }
textarea {color: #00693c; font-size: 12px; }
/* End of 'wvr_css' */

