/* Reset */


h1, h2, h3, h4, h5, p {
    -webkit-text-size-adjust: 200%;
  }
  
  
p {
	margin: 0;
	padding: 5px;
}

a { 
	color:#fc9b34; 
	text-decoration:underline; 
}

a:hover{ 
	color:#555; 
	text-decoration:none; 
}
	
h1 { 
	font-size:22px;
	color: #444;
	margin: 35px 5px 10px 5px;
}

h2 {
    color: #555;
	font-size:18px;
	margin: 8px 5px 8px 5px;
	font-weight:normal;
}
	
h3 {
	font-size:16px;
	color: #ff9933;
	margin: 5px;
}

h4 {
	font-size:12px;
	color: #555;
	margin: 5px;
}


hr {
	color: #ff9933;
	background-color: #ff9933;
	height: 2px;
	width:98%;
	margin-bottom:15px;
	border: none;
}

#left ul {
	font-size:13px;
	color: #ff9933;
	line-height: 1.6em;
}


/* CSS Document */

body { 
	font-family:Arial, Helvetica, sans-serif; 
	color:#333333; 
	font-size:12px;
	background-image:url(../images/bg_stripe.jpg);
	
}



#wrapper { 
	width:860px; 
	margin:30px auto; 
	padding:0;
	border:solid 6px #ddd;
	background:#efefef;	
}

#header { 
	width:100%; 
	height:150px; 
	background-image:url(../images/KDH_header.png);
	text-indent: -9999px;
}

#header .logo { 
	float:left; 
}

#headinfo { 
	float:right; 	 
	margin:10px 15px 0 0; 
	height:20px; 
	padding:05px 0 10px 0; 	
	text-align:center; 
}

#headinfo a { color:#EFEFEF; }

#headinfo a:hover { 
	color:#D2D2D2; 
	border-bottom:1px solid #D2D2D2; 
}

.logotext { 
	float:left; 
	width:200px; 
	margin:55px 0 50px 30px; 
	font-family:Trebuchet MS; 
	font-size:22px; 
	color:#FFFFFF; 
}

.logotext strong { color:#EFEFEF; }

.logotext2 { font-size:14px; }

#nav { 
	width:858px; 
	overflow:auto; 
	padding:1px; 
	margin:0; 
	font-size:14px;
	background-image:url(../images/nav_grad.png);
}

#nav ul { 
	margin:0; 
	padding:0; 
}

#nav ul li { 
	float:left; 
	list-style:none; 
	padding:0; 
}

#nav ul li a {
	display:block;
	width:110px; 
	height:19px; 
	padding:13px 0 11px 0; 
	margin:1px 0 0 0;  
	text-align:center;
	color:#555555;
	background-image:url(../images/nav_grad2.png);
	border-right:1px solid #e0e0e0;
	text-decoration:none;
	
			
}

#nav ul li a:hover { 
	background-color: #FFF; 
	color: #ff9933;
	background-image:none;
	padding:14px 0 9px 0;
}

#nav ul li a.selected { 
	background-color: #FFF; 
	color: #ff9933;
	background-image:url(../images/dot2.png);
	background-repeat: no-repeat;
	background-position: top;
	padding:14px 0 9px 0;
		
}


#content { 
	width:100%;
	background:#fff;	
}



#right ul { 
	margin: 0; 
	padding:0;
	text-decoration:none;
}

#right ul li { 
	list-style:none;
	text-decoration:none;
}

#right ul li a { 
	display:block; 	 	
	padding:5px 5px 0 75px;
	height:35px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

#right ul li a:hover {
	color:#fff;	
	padding:5px 5px 0 75px;
	height:35px;
}

#right ul li .construction { 
	background-color:#939393;
	background-image:url(../images/construction.png);
	background-repeat:no-repeat;
	background-position:top left;
	border-bottom:2px solid #b52b45;
}

#right ul li .construction:hover { 
	background-color: #b52b45;
	border-bottom:2px solid #777;
}

#right ul li .cooling { 
	background-color:#bdbdbe;
	background-image:url(../images/cooling.png);
	background-repeat:no-repeat;
	background-position:top left;
	border-bottom:2px solid #0094d3;
}

#right ul li .cooling:hover { 
	background-color: #0094d3;
	border-bottom:2px solid #777;
}

#right ul li .flooring { 
	background-color:#ddd;
	background-image:url(../images/flooring.png);
	background-repeat:no-repeat;
	background-position:top left;
	border-bottom:2px solid #92278f;
}

#right ul li .flooring:hover { 
	background-color: #92278f;
	border-bottom:2px solid #777;
}

#right ul li .electrical {
	background-color:#ddd;
	background-image:url(../images/electrical.png);
	background-repeat:no-repeat;
	background-position:top left;
	border-bottom:2px solid #00a890;
}

#right ul li .electrical:hover { 
	background-color: #00a890;
	border-bottom:2px solid #777;
}

#right ul li .build { 
	background-color:#eaeaea;
	background-image:url(../images/build.png);
	background-repeat:no-repeat;
	background-position:top left;
	border-bottom:2px solid #95a1aa;
}

#right ul li .build:hover { 
	background-color: #95a1aa;
	border-bottom:2px solid #777;
}



#right ul li ul { 
	margin: 0; 
	padding:0; 
}

#right ul li ul li { 
	list-style:none; 
	margin:1px 0; 
	padding:0; 
}

#right ul li ul li a { 
	padding:5px; 
	background-color:#EFEFEF; 
}

/* endo of right menu */

/* body content */

.news {	
	padding: 5px 5px 10px 5px ;
	margin:5px 5px 10px 5px;
	border-bottom: 2px solid #ff9933;

}



.home { 
	float:left; 
	width:638px;
	background-color:#fee6cc;	
	margin: 4px 0 0 5px;
	padding: 5px 0 5px 10px;
	border:1px solid #D4D4D4;
	
}

.const { 
	float:left; 
	width:638px;
	background-color:#b52b45;	
	margin: 4px 0 0 5px;
	padding: 5px 0 5px 10px;
	border:1px solid #D4D4D4;
	
}

.cool { 
	float:left; 
	width:638px;
	background-color:#0096d1;	
	margin: 4px 0 0 5px;
	padding: 5px 0 5px 10px;
	border:1px solid #D4D4D4;
	
}

.elec { 
	float:left; 
	width:638px;
	background-color:#01aa93;	
	margin: 4px 0 0 5px;
	padding: 5px 0 5px 10px;
	border:1px solid #D4D4D4;
	
}

.rent { 
	float:left; 
	width:638px;
	background-color:#808080;	
	margin: 4px 0 0 5px;
	padding: 5px 0 5px 10px;
	border:1px solid #D4D4D4;
	
}

.drain { 
	float:left; 
	width:638px;
	background-color:#963994;	
	margin: 4px 0 0 5px;
	padding: 5px 0 5px 10px;
	border:1px solid #D4D4D4;
	
}


#right { 
	float:right;
	height:300px;
	width:200px;
	
}

#left { 
	float:left; 
	width:638px;
	border:1px solid #D4D4D4;
	background:#fff;	
	margin: 5px 5px 10px 5px;
	padding: 5px 5px 20px 5px;
	
	/*     removed background image as sends the corner script a bit starnge
	
	background-image:url(../images/bg_slice.jpg);
	background-repeat: repeat-x;
	background-position:bottom ;     */
}


#left .postinfo { 
	display:block; 
	 
	margin:5px; 
	padding:6px; 
	background-color:#EFEFEF; 
	border:1px solid #D4D4D4; 
}

#left p a { 
	color:#FFCD59; 
	font-weight:bold; 
	text-decoration:underline; 
}

.clear { 
clear:both; 
}


/* end body content */


/* img classes*/

.imgleft {
	padding: 3px;
	margin: 5px 8px 5px 0 ;
	float: left;
	background-color:#efefef;
}

.imgright {
	padding: 3px;
	margin:  8px 0 5px 8px ;
	float: right;
	background-color:#efefef;
}

.imgwhite {
	padding: 3px;
	margin:  18px 0 5px 8px ;
	float: right;
}

.imgcen {
	display: block;
	padding: 3px;
	margin-left: auto;
	margin-right: auto;	
	background-color:#efefef;
}


.img {
	padding: 3px;
	margin: 3px;
	border:1px solid #ddd;
	background-color:#fff; 
}

.img:hover {
	padding: 3px;
	margin: 3px;
	border:1px solid #555;
	background-color:#fff; 
}

.pdf {
	float:left;
	margin: 5px 5px 5px 0;
	border:1px solid #fff;
	
}

.pdf:hover {
	float:left;
	margin: 5px 5px 5px 0;
	border:1px solid #555;
}

.twitter {
	padding: 2px 3px 2px 3px;
	margin: 16px 8px 5px 0 ;
	float: left;
	border:none;

}

.twitter:hover {
	padding: 3px 3px 1px 3px;
	margin: 16px 8px 5px 0 ;
	float: left;
	border:none;

}

.data {
	width: 100%

}



.map {
	margin-left:5px
}

/* footer */

#footer {
	text-align: center;
	font-style: italic;
	background: #fee6cc;	
	
}

#footer p {
 	margin:0;
 	padding:7px 0 12px 0;
 	font-size:11px;
 	border-top:1px solid #D4D4D4; 
}