/* Start of CMSMS style sheet 'wvs_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;
}

div#contentbk {
	width: 798px;
	padding-bottom: 11px;
}

div#whitebk {
	width: 798px;
}	

h3 { text-transform:capitalize; font-size: 10px; color: #5b9d3f;}

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

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

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

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

div#bold { font-weight: bold; color: #00693c; padding-top: 10px; font-size: 12px;}

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

div#header {
	width: 798px;
	height: 246px;
	background-image:url(uploads/images/header.png);
}
	div#header a { text-decoration:none; color: #fff;}
	div#headermenu { 
		padding-right: 10px;
		text-align: right;
	}

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

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

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

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

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

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

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

div#footer {
	clear: both;
	width: 798px;
	height: 26px;
	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#content {
	width: 798px;
	background-image:url(uploads/images/back.png);
}

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

div#content620{
	width: 798px;
height: 100%;
	background-image:url(uploads/images/back.png);
}

div#wrapper { clear: both; width: 517px; text-align: justify;}
/* Home */
div#homeleft { width: 285px; float: left; padding-right: 15px;}
div#homeright { width: 195px; height: 117px; float: left; background-image:url(uploads/images/skip.jpg);}
div#hometxt { width: 222px; float: left; padding-right: 15px;}
div#homepic { width: 258px; height: 134px; float: left; background-image:url(uploads/images/skip2.jpg);}

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

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 .services a { width: 250px; top: 0px; left: 11px; background-image:url(uploads/images/services.png);}	
	#menu .services a:hover { background-image:url(uploads/images/servicesover.png); }

	#menu .skip a { width: 91px; top: 0px; left: 263px; background-image:url(uploads/images/skip.png);}	
	#menu .skip a:hover { background-image:url(uploads/images/skipover.png); }
		
	#menu .agg a { width: 99px; top: 0px; left: 356px; background-image:url(uploads/images/agg.png);}	
	#menu .agg a:hover { background-image:url(uploads/images/aggover.png); }
	
	#menu .faq a { width: 42px; top: 0px; left: 457px; background-image:url(uploads/images/faq.png);}	
	#menu .faq a:hover { background-image:url(uploads/images/faqover.png); }
	
	#menu .pay a { width: 75px; top: 0px; left: 501px; background-image:url(uploads/images/pay.png);}	
	#menu .pay a:hover { background-image:url(uploads/images/payover.png); }

	#menu .links a { width: 56px; top: 0px; left: 578px; background-image:url(uploads/images/links.png);}	
	#menu .links a:hover { background-image:url(uploads/images/linksover.png); }
	
	#menu .group a { width: 151px; top: 0px; left: 636px; 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; background-image:url(uploads/images/content.png); 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; }

/* 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;
}

/* 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);
}

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

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

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

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

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

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

div#contenttext { 
	clear: both;
	text-align:left;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}	

div#answer { 
	text-align:left;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	color:#002395;
}	
div#whitespace { height: 20px; }

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

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;
			}
			
		
	
	
	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 'wvs_css' */