/*Reset Style*/
body {margin:0; padding:0; line-height: 1.4em; word-spacing:1px; letter-spacing:0.2px; font: 13px Arial, Helvetica,"Lucida Grande", serif; color: #000;}

/*Header*/
h2 {color:#000; font-size:25px;}
.post .entry h2 {font-size:20px;}

/* Links */
a:link, a:visited {background: transparent; color:#333; text-decoration:none;}
a:link[href^="http://"]:after, a[href^="http://"]:visited:after {content: " (" attr(href) ") "; font-size: 11px;}
a[href^="http://"] {color:#000;} 

/*Image*/
img, img a, .more-link a {border:none;}

/*Remove Element*/
#logo, #catnavi, .topnavi, .more-link, .navigation, #sidebartop, #related, #social, #sponsors, .tabs, #allpost, .toolbar, .splitbox, #commentform, #commentabs .idTabs, .postmeta-content .comments, #respond h3, .tag, .footerlinks {display:none;}

/*Post*/
.post {border-bottom:1px solid #000;}
.postmeta {font-size:10pt; margin-top:10px;}
.postfooter {font-size:10pt; margin-bottom:20px;}

/*Comment Section*/
.commentlist .avatar {float:left; margin-right:10px;}
.commentlist .children {margin-top:10px;}
#comments {page-break-before: always;}

/*Footer*/
#footer {margin-top:10px;}


h1,h2,h3,h4,h5,h6 {
	font-family: Verdana, Geneva, sans-serif;
}
h1 {
	font-size: 16px;
	color: #0655A6;
}
h2 {
	font-size: 14px;
	color: #0655A6;
}
h3 {
	font-size: 12px;
	color: #000;
}
h4 {
	font-size: 10px;
	color: #000;
}

	
.botnav {
	background-image:url(images/botnav.jpg);
	border:0;
	}

#navigation {
font-family:Verdana, Geneva, sans-serif;
font-size:12pt;
height:505px;
text-align:right;
width:242px;
}

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

#navigation li {
background:url(images/sidenav/darkcircle.jpg);
height:84px;
list-style:none;
}

#navigation a {
	color:#333;
	cursor:pointer;
	display:block;
	height:84px;
	line-height:23px;
	padding-right:40px;
	padding-top:25px;
	text-decoration:none;
	padding-bottom: 0px;
	padding-left: 0px;
}

#navigation a.irrigation:hover {
	background-image:url(images/sidenav/irrigationcircle.jpg);
	font-weight:700;
	height:84px;
}

#navigation a.civil:hover {
background-image:url(images/sidenav/civilcircle.jpg);
font-weight:700;
height:84px;
}

#navigation a.sewerage:hover {
background-image:url(images/sidenav/seweragecircle.jpg);
font-weight:700;
height:84px;
}

#navigation a.mining:hover {
background-image:url(images/sidenav/miningcircle.jpg);
font-weight:700;
height:84px;
}

#navigation a.tele:hover {
background-image:url(images/sidenav/telecircle.jpg);
font-weight:700;
height:84px;
}

#navigation a.drain:hover {
background-image:url(images/sidenav/seweragecircle.jpg);
font-weight:700;
height:84px;
}

#topnav {
	
font-family:Verdana, Geneva, sans-serif; 
font-size: 0.8125em;
font-weight: 200;

}
#topnav ul {margin: 0; padding: 0; float: left; background-color:#404041; width:758px;

background-color: #dedfe0;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(114, 122, 134)),to(rgb(80, 88, 100)));
	background-image: -webkit-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
	background-image: -moz-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
	background-image: -o-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
	background-image: -ms-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
	background-image: linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#727a86', EndColorStr='#505864');
}
#topnav li {display:inline; list-style: none;}

#topnav a {	

background-color: #dedfe0;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(114, 122, 134)),to(rgb(80, 88, 100)));
	background-image: -webkit-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
	background-image: -moz-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
	background-image: -o-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
	background-image: -ms-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
	background-image: linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#727a86', EndColorStr='#505864');
	
margin: 0;
color: #fff;
cursor: pointer;            
text-decoration:none;
float: left;
padding: 8px 9px;
border-left: 1px solid #33373d;

}
#topnav a:hover {

 background-color: #0655A6;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(69, 199, 235)),to(rgb(38, 152, 219)));
	background-image: -webkit-linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
	background-image: -moz-linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
	background-image: -o-linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
	background-image: -ms-linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
	background-image: linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#45c7eb', EndColorStr='#2698db');
 
 
}

.body {
color:#000;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
font-style:normal;
font-variant:normal;
font-weight:400;
line-height:normal;
text-decoration:none;
text-transform:none;
}

.subhead {
color:#0655A6;
font-family:Verdana, Geneva, sans-serif;
font-size:13px;
font-style:normal;
font-variant:normal;
font-weight:700;
line-height:30px;
text-decoration:none;
text-transform:none;
}

.pic {
border-color:#333;
border-style:solid;
}

.smltext {
color:#000;
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
font-style:normal;
font-variant:normal;
font-weight:400;
line-height:normal;
text-decoration:none;
text-transform:none;
text-align:left;
vertical-align:top;
}

.sublink a:hover {
color:#0655A6;
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
font-style:normal;
font-variant:normal;
font-weight:400;
line-height:normal;
text-decoration:underline;
text-transform:none;
}

.sublink2 a:hover {
color:#0655A6;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
font-style:normal;
font-variant:normal;
font-weight:700;
line-height:normal;
text-decoration:underline;
text-transform:none;
}

.sublink a:link,.sublink a:visited {
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-style:normal;
font-variant:normal;
font-weight:400;
line-height:normal;
text-decoration:none;
text-transform:none;
}

.sublink2 a:link,.sublink2 a:visited {
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
font-variant:normal;
font-weight:700;
line-height:normal;
text-decoration:none;
text-transform:none;
}

#toplinks {
margin:0;
width:100px;
}

#toplinks li {
float:right;
font-family:Verdana, Geneva, sans-serif;
font-size:9pt;
height:42px;
list-style:none;
width:50px;
}

#toplinks a {
color:#FFC;
display:block;
float:right;
height:40px;
position:relative;
text-align:center;
text-decoration:none;
width:50px;
}

#botlinks {
margin:0;
width:520px;
}

#botlinks li {
float:left;
font-family:Verdana, Geneva, sans-serif;
font-size:9pt;
height:42px;
list-style:none;
width:78px;
}

#botlinks a {
color:#FFC;
display:block;
float:left;
height:40px;
position:relative;
text-align:center;
text-decoration:none;
width:50px;
}

#toplinks a img,#botlinks a img {
border:0;
}

#toplinks a:hover,#botlinks a:hover {
	color:#333;
}

#toplinks a span,#botlinks a span {
display:none;
}

#toplinks a:hover span,#botlinks a:hover span {
	display:block;
	left:0;
	position:absolute;
	top:40px;
	width:50px;
}