@charset "utf-8";
/* CSS Document */

body{
	margin:0;
	padding:0;
	font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 13px;
	line-height: 1.6;
}

img{
	border:none;
}

:focus{
	outline:none;
}

a{
	font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 13px;
	color:#000000;
}

a:hover{
	font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 13px;
	color:#FF6600;
}



#wrapper{
	width:100%;
	min-width:990px;
	margin:0 auto;
}

#logoPan{
	width:99%;
	height:80px;
	margin:10px auto ;
}

#contentPan{
	width:96.4%;
	min-width:1010px;
	min-height:400px;
	background:#fff;
	padding:10px;
	margin:10px auto;
	border:1px solid #ccc;
}

#leftPan{
	width:210px;
	/*height:510px;*/
	float:left;
	margin-right:10px;
	padding-right:10px;
	border-right:1px solid #ccc;
}

#lefthd{
	width:210px;
	float:left;
	height:30px;
	border-bottom:1px dotted #000000;
}

#centerPan{
	width:100%;
	min-width:450px;
	float:left;
}

#centerthd{
	width:100%;
	float:left;
	height:30px;
	border-bottom:1px dotted #000000;
}

#centerthd h1{
	font-size:20px;
	font-weight:normal;
        color:#f47822;
}

#rightPan{
	width:220px;
/*	height:510px;*/
	float:right;
	padding-left:10px;
	margin-left:10px;
	border-left:1px solid #ccc;
}

#righthd{
	width:210px;
	float:left;
	height:30px;
	border-bottom:1px dotted #000000;
}

#serviceITem{
	min-width:143px;
	margin:10px 0 0 0;
	width:100%;
	float:left;
	border:1px solid #ccc;
	height:137px;
	background:url(../images/plumbing.jpg) no-repeat top;
}

#serviceTwo{
	min-width:143px;
	margin:10px 0 0 0;
	width:100%;
	float:left;
	border:1px solid #ccc;
	height:137px;
	background:url(../images/heating.jpg) no-repeat top;
}

#serviceTwo2{
	min-width:143px;
	margin:10px 0 0 0;
	width:100%;
	float:left;
	border:1px solid #ccc;
	height:300px;
	background:url(../images/heating2.jpg) no-repeat top;
}

#cenbgDiv{
	min-width:143px;
	min-height:115px;
	margin:1px 0 0 0;
	width:100%;
	float:left;
	border:1px solid #ccc;
	padding-bottom:10px;
	background:url(../images/orange.png) no-repeat top;
}

#cenbgDiv2{
	min-width:140px;
	min-height:115px;
	margin:1px 0 0 0;
	width:99%;
	float:left;
	border:1px solid #ccc;
	padding-bottom:10px;
	background:url(../images/orange.png) no-repeat top;
}


#serviceThree{
	min-width:140px;
	margin:10px 0 0 0;
	width:99%;
	float:left;
	border:1px solid #ccc;
	height:137px;
	background:url(../images/blog_home.jpg) no-repeat top;
}

#VectorPan{
	width:100%;
	min-width:990px;
	margin:10px auto;
	height:45px;
}

#footer{
	width:100%;
	min-width:990px;
	margin:0 auto;
	height:60px;
}

#footer a{
	font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
	font-size:12px;
	line-height:18px;
	text-decoration: none;
	color:#FF6600;
}

#footer a:hover{
	font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
	font-size:12px;
	line-height:18px;
	text-decoration: none;
	color:#000000;
}

#more{
	width:100%;
	height:25px;
	background:#f47522;
	border-top:1px dotted #000000;
	border-bottom:1px dotted #000000;
	margin-top:10px;
	background:url(../images/more.jpg) repeat-x;
}

#more a{
	text-decoration:none;
	color:black;
}

/**	style used for both examples **/

#menuPan {
	width: 95%;
	margin-left:5px;
}

		.menu { 
			height: 45px;
			display: block;
		}

		.menu ul {
			list-style: none;
			padding: 0;
			margin: 0;
		}

		.menu ul li {
			/* width and height of the menu items */  
			float: left;
			overflow: hidden;
			position: relative;
			text-align: center;
			line-height: 45px;
			margin-left:10px;
		}

		.menu ul li a {
			/* must be postioned relative  */ 
			position: relative;
			display: block;
			width: 110px;
			height: 45px;
			font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
			font-size: 14px;
			font-weight: bold;
			text-transform: uppercase;
			text-decoration: none;
			cursor: pointer;
		}

		.menu ul li a span {
			/* all layers will be absolute positioned */
			position: absolute;
			left: 0;
			width: 110px;
		}

		.menu ul li a span.out {
			top: 0px;
		}

		.menu ul li a span.over,
		.menu ul li a span.bg {
			/* hide */  
			top: -45px;
		}

		/** 1st example **/

		#menu ul li a {
			color: #000;
		}

		#menu ul li a span.over {
			color: #FFF;
		}

		#menu ul li span.bg {
			/* height of the menu items */  
			height: 45px;
			background: url(../images/bg_over.gif) center center no-repeat;
		}

		.currnt {
			/* height of the menu items */  
			height: 45px;
			background: url(../images/bg_over.gif) center center no-repeat;
		}
		
		/** 2nd example **/

		#menu2 {
			background: #000;		
		}
		
		#menu2 ul li a {
			color: #FFF;
		}

		#menu2 ul li a span.over {
			background: #FFF;
			color: #000;
		}

/*-------------------- Styles for Text -------------------*/

.blackHeader{
	font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
	font-size:20px;
	line-height:22px;
	color:#000;
}

.orangeHeader{
	font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
	font-size:20px;
	color:#f47822;
	line-height:22px;
}

.whiteHeader{
	font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
	font-size:11px;
	color:#fff;
	padding:5px 15px 0 0;
	line-height:22px;
	font-weight:bold;
}

.commonText{
	font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
	font-size:13px;
	line-height:20px;
	text-align:justify;
}

.commonText2{
	font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
	font-size:13px;
	line-height:20px;
	text-align:justify;
	letter-spacing:1px;
}


.orangeNormal{
	font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 13px;
	line-height: 1.6;
	color:#f47822;
}

.sideOrange{
	text-decoration: none;
	font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
	font-style:normal;
	font-size:13px;
	color:#f47822;
	font-weight:bold;
}

.whiteText{
	font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
	color:#fff;
	font-size: 13px;
	line-height: 1.6;
}

/*-------------------- Styles for Flds-------------------*/

.fldNormal{
	min-width:115px;
	height:18px;
	border:1px solid #969696;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

.fldLarge{
	min-width:150px;
	height:17px;
	border:1px solid #969696;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}


.fldMultipel{
	min-width:210px;
	height:60px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	border:1px solid #969696;
}


/*----------------------------- Usefull Link Style -----------------------------*/

.sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display:block;
}

.sidebar li {
	margin:0;
	padding-bottom:7px;
	padding-top:7px;
	height:15px;
	border-bottom:1px dashed #909090;
	background:url(../images/tick.gif) 0px no-repeat;
}

.sidebar li a {
	text-decoration: none;
	font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
	font-style:normal;
	font-size:13px;
	color:#000000;
	font-weight:bold;
	margin-left:20px;
}

.sidebar li a:hover {
	text-decoration: none;
	font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
	font-style:normal;
	font-weight:bold;
	font-size:13px;
	color:#f47822;
}

/*------------------ Style for Buttons ----------------------*/

.login{
	background: transparent url(../images/login.jpg);
	width:48px;
	height:21px;
	border:none;
	cursor:pointer;
}

.enquire{
	background: transparent url(../images/enquire.jpg);
	width:70px;
	height:21px;
	border:none;
	cursor:pointer;
}

.register{
	background: transparent url(../images/register.jpg);
	width:70px;
	height:21px;
	border:none;
	cursor:pointer;
}

.send{
	background: transparent url(../images/send.jpg);
	width:47px;
	height:21px;
	border:none;
	cursor:pointer;
}

/*------------------------- Table Style ------------------------------*/

#hor-zebra
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	width: 480px;
	margin:15px 15px 15px 62px;
	text-align: left;
	border-collapse: collapse;
}
#hor-zebra th
{
	font-size: 14px;
	font-weight: normal;
	padding: 10px 8px;
	color: #039;
}
#hor-zebra td
{
	padding: 4px;
	color: #669;
}
#hor-zebra .odd
{
	background: #e8edff; 
}

/*-----------------------------Blog Style--------------------------*/
.blog_commen12{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	text-align:justify;
	line-height:18px;
}	

.blog_Bold12{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	font-weight:bold;
	line-height:18px;
}

#blog_content{
	width:558px;
	background:#f7f7f7;
	font-family:Tahoma, Verdana, Arial;
	border:1px solid #999;
	padding:10px;
	margin:0 auto;
	color:#000;
}		

#blog_seprater{
	width:558px;
	height:5px;
	margin:0 0 10px 0;
	border-bottom:1px dotted #000;
	color:#000;
}

#blog_navigator{
	width:558px;
	background:#faa428;
	float:left;
	margin-top:2px;
	font-family:Tahoma, Verdana, Arial;
	border:1px solid #999;
	padding:0 10px 2px 10px;
	color:#000;
}	

#blog_navigator a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;	
	color:#000;
	text-decoration:none;
	border-bottom:1px dotted #000;
}

.blog_naviText{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;	
	color:#000;
	letter-spacing:.5px;
	
}

#blog_comment{
	width:558px;
	background:#fff;
	float:left;
	margin:2px 0 10px 0;
	font-family:Tahoma, Verdana, Arial;
	border:1px solid #999;
	padding:0 10px 2px 10px;
	color:#000;
	text-align:justify;
}	

.button_post{
	background: transparent url(../images/button_post.jpg);
	width:100px;
	height:21px;
	border:none;
	cursor:pointer;
}

.button_cancel{
	background: transparent url(../images/button_cancel.jpg);
	width:60px;
	height:21px;
	border:none;
	cursor:pointer;
}

.button_postblog{
	background: transparent url(../images/button_post_blog.jpg);
	width:40px;
	height:21px;
	border:none;
	cursor:pointer;
}

._pagination{
	height:10px;
	float:left;
	margin-left:3px;
	background:#f3f6fb;
	border:1px solid #d4d9dd;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	letter-spacing:1px;
	color:#28445a;
	padding:2px 5px 5px 5px;
}

._paginationSelected{
	height:10px;
	float:left;
	margin-left:3px;
	background:#F5E6FB;
	border:1px solid #FCB6F7;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	letter-spacing:1px;
	color:#28445a;
	padding:2px 5px 5px 5px;
}
._pagination a{
	text-decoration:none;
	color:#28445a;
}

label.error{
	color: #FF0000;
	border:none;
	height:0px;
}
.error{
	border:1px solid #FF0000; min-height:12px;
	color: #FF0000;
	padding:2px;
	
}

.login_feild{
	width:120px;
	background:#000;
	border:1px solid #333333;
	height:18px;
}

.button_logout{
	background: transparent url(../images/button_logout.jpg);
	width:54px;
	height:21px;
	border:none;
	cursor:pointer;
}
a.case-study {
	display:block;
	text-align:center;
}
a.case-study img {
	border:2px solid #f47822;
}

.hidden {
      display:none;
}
.unhidden {
      display:block;
}