/* CSS Document */
/*=====================General=========================*/
body{
	padding:0;
	margin:0;
	background:url(images/body-bg.gif) repeat-x 0 0 #fff;
	color:inherit;
	}
div, p, h1, h2, h3, h4, form, input, select{
	padding:0;
	margin:0;
	}
a{
	text-decoration:none;
	outline:none;
	}
ul{
	list-style-type:none;
	padding:0;
	margin:0;
	}
img{
	padding:0;
	margin:0;
	display:block;
	}
.spacer{
	clear:both;
	line-height:0;
	font-size:0;
	}

.style1 {
	margin-bottom: -2px;
}
.style3 {
	line-height: 100%;
}
.style4 {
	line-height: 100%;
	margin-bottom: -2px;
}

/*=====================General=========================*/

#main-wrapper{
	width:784px;
	margin:0 auto;
	}
/*=====================Left Panel Starts=========================*/	
#left-panel{
	width:236px;
	float:left;
	}
img.logo{
	margin:16px 0 6px 0;
	}
#latest-news-panel{
	width:212px;
	margin:0 0 0 6px;
	background-color:#DEF4FF;
	color:inherit;
	border-left:1px solid #C6D8DF;
	border-right: 1px solid #C6D8DF;
	}
#latest-news-panel h2{
	background:url(images/latest-news-bg.gif) no-repeat 0 0;
	font:normal 16px/27px Arial, Helvetica, sans-serif;	color:#fff;
	background-color:inherit;
	padding:0 0 18px 18px;
	}
#latest-news-panel h3{
	font:bold 13px/20px Arial, Helvetica, sans-serif;
	color:#C00000;
	background-color:inherit;
	padding:0 0 0 17px;
	}
#latest-news-panel p{
	width:188px;
	padding:0 0 2px 17px;
	font:normal 13px/20px Arial, Helvetica, sans-serif;
	color:#002F65;
	background-color:inherit;
	}
#latest-news-panel p a{
	font:bold 13px/20px Arial, Helvetica, sans-serif;
	color:#002F65;
	background-color:inherit;
	text-decoration:underline;
	}
#blank01{
	width:214px;
	height:14px;
	padding:0 0 15px 0;
	}

#blank01 img{
	padding:0 0 0 6px;
	}
#blank02{
	width:214px;
	height:14px;
	padding:0 0 15px 0;
	}

#blank02 img{
	padding:0 0 0 6px;
	}
#blank{
	width:188px;
	height:18px;
	}
#latest-news-panel p a:hover{
	text-decoration:none;
	} 
/*=====================Catagory Panel Start===================*/
#catagory-panel{
	width:212px;
	margin:0 0 0 6px;
	background-color:#DEF4FF;
	color:inherit;
	border-left:1px solid #C6D8DF;
	border-right: 1px solid #C6D8DF;
	}
#catagory-panel h2{
	background:url(images/latest-news-bg.gif) no-repeat 0 0;
	font:normal 16px/27px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	padding:0 0 18px 18px;
	}
#catagory-panel ul{
	padding:0 0 0 17px;
	}
#catagory-panel ul li{
	background:url(images/arrow.gif) no-repeat 0 50%;
	font:normal 13px/25px Arial, Helvetica, sans-serif;
	color:#002F65;
	background-color:inherit;
	padding:0 0 0 22px;
	}
/*=====================Catagory Panel End===================*/ 

/*=====================Left Panel Ends=========================*/

/*=====================Right Panel Starts=========================*/	
#right-panel{
	width:548px;
	float:right;
	}
a.client-login{
	font:bold 11px/11px Arial, Helvetica, sans-serif;
	color:#002E64;
	background-color:inherit;
	width:82px;
	height:13px;
	display:block;
	text-align:center;
	background:url(images/login.gif) no-repeat 0 0;
	padding:19px 0 0 0;
	margin:2px 0 0 0;
	float:right;
	}
/*=====================Top nav Starts=========================*/
ul.top-nav{
	padding:10px 0 0 5px;
	}
ul.top-nav li{
	float:left;
	width:auto;
	padding:0 25px 0 0;
	}
ul.top-nav li a{
	font:normal 13px/26px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-transform:capitalize;
	display:block;
	}
ul.top-nav li a:hover{
	background:url(images/nav-arrow.gif) no-repeat 50% 0;
	}	
ul.top-nav li a.ativate{
	background:url(images/nav-arrow.gif) no-repeat 50% 0;
	cursor:default;
	}	
/*=====================Top nav Ends=========================*/
#header-panel{
	background:url(images/header-bg.jpg) no-repeat 0 0;
	height:200px;
	width:548px;
	margin-top:13px;
	}
		
	h1{
	font:normal 15px/22px Arial, Helvetica, sans-serif;
	color:#F04221;
	background-color:inherit;
	padding:15px 0 16px 0;
}
h2{
	font:normal 15px/22px Arial, Helvetica, sans-serif;
	color:#F04221;
	background-color:inherit;
	padding:15px 0 16px 0;
	}
	
h3#welcomehead{
	font:normal 15px/22px Arial, Helvetica, sans-serif;
	color:#F04221;
	background-color:inherit;
	padding:35px 0 16px 0;
	}

p.welcometext{
	width:374px;
	float:left;
	font:normal 13px/20px Arial, Helvetica, sans-serif;
	color:#002F65;
	background-color:inherit;
	}
p.welcometext span{
	padding:23px 0 0 0;
	}

#building{
	float:right;
	width:125px;
	}
#building img{
	float:right;
	}
#left-points{
	width:130px;
	float:left;
	padding:0 0 40px 0;
	}
ul.points{
	padding:26px 0 0 0;
	}
ul.points li{
	background:url(images/arrow.gif) no-repeat 0 50%;
	font:normal 13px/22px Arial, Helvetica, sans-serif;
	color:#002F65;
	background-color:inherit;
	padding:0 0 0 14px;
	}
#middle-points{
	width:130px;
	float:left;
	}
#right-points{
	width:280px;
	float:left;
	}
#lower-panel{
	width:531px;
	height:225px;
	background:url(images/our-bg.gif) no-repeat 0 0;
	padding:9px 9px 11px 8px;
	margin:0 0 40px 0;
	}
#drainage-left{
	width:281px;
	height:225px;
	background:url(images/our-inner-bg.gif) no-repeat 0 0;
	margin:0 10px 0 0;
	float:left;
	}
#drainage-left h2{
	background:url(images/our-profile-heading.gif) no-repeat 9px 9px;
	font:normal 16px/25px Arial, Helvetica, sans-serif;
	color:#FFF;
	background-color:inherit;
	padding:9px 0 12px 39px;
	}
#drainage-left img{
	padding:0 6px 0 10px;
	float:left;
	}
#drainage-left p{
	font:normal 13px/20px Arial, Helvetica, sans-serif;
	color:#002F65;
	padding:0 0 0 9px;
	background-color:inherit;
	}
#plumbing-right{
	float:right;
	width:240px;
	height:225px;
	background:url(images/our-service-bg.gif) no-repeat 0 0;
	}
#plumbing-right h2{
	background:url(images/our-service-heading.gif) no-repeat 9px 9px;
	font:normal 16px/25px Arial, Helvetica, sans-serif;
	color:#FFF;
	background-color:inherit;
	padding:9px 0 12px 39px;
	}	
#plumbing-right img{
	padding:0 0 15px 9px;
	}
#plumbing-right ul{
	padding:0 0 0 22px;
	}
#plumbing-right ul li{
	background:url(images/arrow.gif) no-repeat 0 50%;
	font:normal 13px/20px Arial, Helvetica, sans-serif;
	color:#002F65;
	background-color:inherit;
	padding:0 0 0 9px;
	} 
/*=====================Right Panel Ends=========================*/	

/*=====================Footer panel Starts=========================*/	
#footer-panel{
	background:url(images/footer-bg.gif) repeat-x 0 0;
	height:78px;
	text-align:center;
	}
#footer-panel ul{
	padding:17px 0 0 0;
	}
#footer-panel ul li{	
	display:inline;
	font:normal 13px/17px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	padding:0 15px 0 0;
	}
#footer-panel ul li a{
	color:#fff;
	background-color:inherit;
}
#footer-panel ul li a:hover{
	text-decoration:underline;
}
#footer-panel p{
	font:normal 13px/14px Arial, Helvetica, sans-serif;
	color:#B9E2FD;
	background-color:inherit;
	padding:10px 0 0 0;
	}
/*=====================Footer panel Ends=========================*/


/*=======================About Us Starts======================*/
p.welcometext-aboutus{
	width:548px;
	float:left;
	font:normal 13px/20px Arial, Helvetica, sans-serif;
	color:#002F65;
	background-color:inherit;
	padding:0 0 15px 0;
	}
	
	.style5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #002F65;
}

/*=======================About Us End========================*/


/*=======================Form Starts======================*/

.style6 {
	margin-bottom: 10px;
}
input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	color: #002F65;
	border: 1px solid #002F65;
}
textarea {
	border: 1px solid #002F65;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	color: #002F65;
}

/*=======================Form Ends======================*/
a:link {
COLOR: #333333;
}
a:visited {
COLOR: #800080;
}
a:hover {
COLOR: #FF0000;
}
a:active {
COLOR: #002F65;
}