/* ---------- Komplete CSS ------------ */

body
	{
	margin: 0;
	padding: 0px;
	text-align: left;
	background: #EBF1C2 url(../images/sidebar_bg.gif) repeat-y left;;
	font:68%/1.5em Helvetica, Verdana, Arial, sans-serif;
	color: #333;
	}

a:link {color: #cc0033; text-decoration:none;}
a:visited {color: #cc0033; text-decoration:none;}
a:hover {	color: #fff; background: #cc0033;}

h1, h2, h3, h4, h5 {margin:0 .8em; padding: 0;}

h2 { 
	font-size: 1.3em;
	color: #333;
	padding: .5em 0 .5em 30px;
	background: url(../images/h2_bullet.gif) no-repeat left;
	}

h3 {font-size: 1.2em;	color: #000000;	padding: .5em 0; margin:0;}

h4 {color: #2c7A9F;	font-size: 1em; padding-top: .5em;border-bottom: 1px dotted #999;}
.links-cont h4 {color:#fff; border-bottom:1px dotted #fff;}
.subscribe-cont h4 {color:#000; border-bottom:1px dotted #000;}
.subnav-cont h4 {color:#fff; border-bottom:1px dotted #fff;}

p { margin: .5em 0 1em .5em; padding:0; font-size: 1.2em;}
td { margin: .5em .8em 1em .8em; padding:2px; font:1em Verdana, Arial, Helvetica, sans-serif;}

.subnav-cont p { color:#fff; margin:0 0 0 .5em ; padding:0;}

#col-2 p {line-height: 1.5em;}

#container {
	
	position: relative;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 760px;
	voice-family: "\"}\""; 
  	voice-family: inherit;
  	width: 760px;
	}

html>body #container {
  	width: 760px;
	} 

#header {
	height: 100px;
	padding: 0;
	border-bottom: 10px solid #EBF1C2;
	background: #A3B70C url(../images/hd_bg.jpg) no-repeat right;
	}

#logo {
	float: left;
	padding: 15px 0 0 15px;
	}
	

#col-1
	{
	background: #A3B70C;
	float: left;
	margin: 0 10px 0 0;
	padding-top: 10px;
	width: 130px;
	voice-family: "\"}\""; 
  	voice-family: inherit;
  	width: 130px;
	}
html>body #col-1 {
  	width: 130px;
	} 

#col-2
	{
		
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	width: 324px;
	voice-family: "\"}\""; 
  	voice-family: inherit;
  	width: 324px;
	}
html>body #col-2 {
  	width: 324px;
	} 

#col-3 {
		
	float: right;
	margin: 0 0 0 2px;
	padding: 0;
	width: 280px;
	voice-family: "\"}\""; 
  	voice-family: inherit;
  	width: 280px;
	}
html>body #col-3 {
  	width: 280px;
	} 

#col-4 {
	/*background: #fff url(../images/sub_cont_bg.gif) no-repeat bottom right;*/
	float: left;
	margin: 4px 0 0 2px;
	padding: 0;
	width: 600px;
	voice-family: "\"}\""; 
  	voice-family: inherit;
  	width: 600px;
	}
html>body #col-4 {
  	width: 576px;
	} 

/* --- Page Titles --- */
#banner-hm {height:146px; background: url(../images/img_home.jpg) no-repeat top;}

#banner-about {height:146px; background: url(../images/img_about.jpg) no-repeat top;}
#banner-history {height:146px; background: url(../images/img_history.jpg) no-repeat top;}
#banner-people {height:146px; background: url(../images/img_people.jpg) no-repeat top;}
#banner-products {height:146px; background: url(../images/img_products.jpg) no-repeat top;}
#banner-services {height:146px; background: url(../images/img_services.jpg) no-repeat top;}

#banner-contact {height:146px; background: url(../images/img_contact.jpg) no-repeat top;}

#banner-diy {height:146px; background: url(../images/img_diy.jpg) no-repeat top;}

#banner-faqs {height:146px; background: url(../images/img_faqs.jpg) no-repeat top;}

#banner-gallery-backyard {height:146px; background: url(../images/img_gallery_backyard.jpg) no-repeat top;}
#banner-gallery-commercial {height:146px; background: url(../images/img_gallery_commercial.jpg) no-repeat top;}
#banner-gallery-patios {height:146px; background: url(../images/img_gallery_patios.jpg) no-repeat top;}
#banner-gallery-pool {height:146px; background: url(../images/img_gallery_pools.jpg) no-repeat top;}
#banner-gallery-verandas {height:146px; background: url(../images/img_gallery_veranda.jpg) no-repeat top;}
#banner-gallery-driveway {height:146px; background: url(../images/img_gallery_driveway.jpg) no-repeat top;}
#banner-gallery-walls {height:146px; background: url(../images/img_gallery_walls.jpg) no-repeat top;}

#title {background: url(../images/h2_bg.jpg) repeat-y;}

/* ---- Areas ----- */
#special {background-color:#C7D467; display:block; padding: 1em;}
.specialspacer {margin-bottom: 10px;}

	
/* ----- Newsitems ------ */

.date {color:#666; float:right; margin:.6em 1em 0 0; font-weight:bold; font-size: .8em;}
.newsitem li {list-style-image: url(../images/news_bullet.gif); margin: .8em 0 ;}


/* ------ Images ------ */
.newsimg {float:right; border:1px solid #ccc; padding: 3px; margin: .8em;}
.centred {text-align:center;}
img.potw {border:1px solid #ccc; padding: 3px; margin: .8em;}
img.sponsors {border:1px solid #ccc; padding: 3px; margin: .8em;}
.contimg {float:right; padding: 3px; margin: .8em;}


/* --------- Footer ------------ */

.clear {
	clear:both;
	height:0;
	}

#footer {
	color: #000;
	clear:both;
	padding: 1px 0 0 10px;
	margin: 1px;
	}

p.footer {
	font-size:10px;
	color:#999;
	text-align:left;
	padding: 10px 5px 20px 130px;
	margin:0;
	}
	
p.footer a:link, p.footer a:visited {
	color:#999; 	}

p.footergallery {
	font-size:10px;
	color:#999;
	text-align:left;
	padding: 10px 5px 20px 0px;
	margin:0;
	}

/* ------  Nav ----------- */

#nav{list-style: none; margin:0 0 0 7px; padding: 0; }

#nav ul {
	background-color: #BDCF50;
	padding:0;
	margin:0;
	list-style: none;
    width:9em;
   z-index:99;
   overflow:visible;
   position:absolute; 
   }

#nav li { 

	position: relative; 
	width: 8.5em;
    display:block;
	height: 1.5em; /*auto */
   	margin:0 0 .5em 0;
   	padding-left: 0;
}


#nav a {
    color: #fff;
	font-size: 1.2em;
	font-weight:bold;
	text-decoration:none; 
    display:block;
    padding: 0.1em .1em .1em .5em;  
    margin:0.2em 0 0.2em 0.1em; /*helps Opera with hover */
    width:8.8em; /*helps IE with hover */
    height:1.4em;
}
#nav a:hover{
    background-color:#BDCF50; 
    color:#FFF;
	width:8.7em;
	text-decoration:underline;
	
}

#nav ul, #nav ul ul, #nav ul ul ul{
    display:none; 
    position:absolute; 
    top:0; 
	width: 10em;
    left:10em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul{
	
    display:none; 
}

#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul{
	width: 12em;
    display:block;
}

#nav li li a {
	width: 12em;}


li>ul { 
	top: auto;
	left: auto;
}

/* Win IE only \*/
* html #nav li{float:left;} 
/* end holly hack */

/* --- lists ---- */

#col-2 ul {font-size:1.2em;}

/* --- formtags ---- */
input {
	border: 1px solid #990000;
	font-size:1em;
	padding: 1px;
	margin: 2px;
	}

.vert-space{float:right; height:768px; display:inline;}

/* ----- Other ------ */
.hide {display:none;}