body {
	
	margin: 0;
	
	padding: 0;
	
	background:url(../images/bodybg1.png) repeat;
	
	background-attachment:fixed;
	
	font-family: Verdhana,arial,sans-serif;
	
	font-size: 12px;
	
	font-weight:normal;
	
	color: #333;
	
	letter-spacing:1px;
}

h1,h2,h3,h4,h5,h6{
	
	margin:0px;
	
	padding:0px;
}


#wrapper{
	
	width:1000px;

	margin:0px auto;
}

#page{
	
	float:left;

	width:1000px;

	padding:10px;

	background:#fff;

	box-shadow:0px 8px 5px 3px #a1a1a1;
}

#top_banner{
	
	width:100%;

	background:#e6ff65;

	float:left;
}

#top_banner img{
	
	width:90%;

	margin-left:5%;

	float:left;

	
}

#header{
	
	width:100%;

	float:left;

	margin-top:1%;

	

	
}

.banner{
	
	float:left;
	width:680px;
	height:350px;
	
}

.background {
	
	float:left;
	width:680px;
	height:350px;
	marign-top:100px;
	margin:0px auto;
	position:relative;
}

.background img {
	position:absolute;
	list-style: none;
	left:0px;
	top:0px;
	width:99%;
	height:350px;
	float:left;
	margin:0px auto;
	padding:5px;
}
.background ul li.show {
	z-index:500
}

.left_side{
	
	width:300px;

	float:left;

	margin-right:10px;

	margin-left:4px;
}

.site_visit{
	
	width:286px;

	float:left;

	background:#7cbaf4;

	margin-left:0px;

	padding:5px;

	border:1px solid #4589c9;

	border-radius:10px;

	box-shadow:0px 0px 5px 1px gray;

	margin-bottom:15px;

	margin-top:8px;
}

.site_visit h3{
	
	width:290px;

	float:left;

	padding:8px 0px;

	border-bottom:1px solid #63aef3;

	text-align:center;

	color:#fff;

	font-size:18px;

	margin-bottom:10px;
	
}

.site_visit .quick_con{
	
	width:auto;

	float:left;
}

.site_visit .quick_con img{
	
	width:100px;

	float:left;
}

.site_visit .quick_con h4{
	
	font-size:25px;

	margin-top:5px;

	margin-left:10px;

	float:left;

	color:#000;
}

.site_visit .our_mis{
	
	width:auto;

	float:left;
}

.site_visit .our_mis img{
	
	width:80px;

	float:left;

	margin-right:10px;

	margin-bottom:1px;

	padding:0px;
}

.site_visit .our_mis p{
	
	text-align:justify;

	float:left;

	line-height:22px;

	
}


.more{
	
	background:#fff;

	padding:6px 10px;

	float:right;

	border:1px solid #3c3c3c;

	margin-right:10px;

	color:#922e07;

	text-decoration:none;
}

#header #logo{
	
	width:40%;

	float:left;

	margin-left:2%;
}

#header #logo img{
	
	width:600px;

	margin-top:40px;
}

#followus{
	
	width:30%;

	float:right;

	z-index:100;

	position:relative;
}

#followus img{
	
	position:absolute;

	top:-20px;
}

#menu_bar{
	
	width:1000px;
	
	float:left;

	position:relative;

	z-index:100;

	margin-top:0px;

	margin-bottom:10px;
}

#menu_bar ul{
	
	margin:0px;
	
	padding:0px;
	
	float:left;
	
	background:#fff url(../images/box_bg.png) repeat-x bottom;
	
	margin-top:0px;
	
	padding:9px 0px;

	margin-left:0%;

	width:1000px;

	border-top:3px solid #1983ed;

	margin-bottom:10px;

	border-bottom-left-radius:5px;

	border-bottom-right-radius:5px;
}

#menu_bar ul li{
	
	list-style:none;
	
	float:left;
	
	margin:0px;
	
	padding:0px;
	
	margin-left:10px;

	

	border-right:1px solid #cbcbcb;
}

#menu_bar ul li a{
	
	text-align:center;
	
	width:auto;
	
	padding:13px 10px;
	
	color:#393939;
	
	text-decoration:none;
	
	font-size:15px;

	margin-right:10px;
}

#menu_bar ul li a:hover{

	background:#1983ed;url(../images/menubg_hover.png) repeat;

	color:#fff;

	padding:10px 10px;
}

#menu_bar ul li .active{

	background:#1983ed;url(../images/menubg_hover.png) repeat; 

	color:#fff;

	padding:10px 10px;

	
}

#menu_bar ul ul{
	
	display:none;

	position:absolute;

	width:200px;

	margin-top:10px;
}

#menu_bar ul ul li a{
	
	margin:0px;

	padding:5px;

	width:99%;

	float:left;
}

#menu_bar ul ul li a:hover{
	
	background:none;

	border:none;

	padding:5px;

	width:99%;

	color:#e6ec37;
}

#menu_bar ul li:hover ul{
	
	display:block;

	position:absolute;
}
.top_img{
	
	position:absolute;
	z-index:0;

	margin-left:10%;

	margin-top:-5%;
}



#banner_bg{
	
	float:left;

	width:100%;

	background:#e6e6e6 url(../images/back_bg2.jpg) repeat;

	box-shadow:0px 0px 10px 1px  #aeaeae inset;
}



#content{
	
	width:100%;

	float:left;

	margin-top:0%;

	padding:0%;
}

#content h2{
	
	
}

#content .abtus{
	
	width:100%;

	float:left;

	margin-top:20px;
}

.abtus h2{
	
	width:100%;

	float:left;

	border-bottom:1px solid brown;

	color:brown;

	font-size:25px;

	margin-bottom:20px;

	padding-bottom:5px;
}

.abtus button{
	
	float:right;

	background:#8c2b05;

	border:none;

	padding:7px 3px;

	margin-top:10px;

	margin-right:10px;

	color:white;

	cursor:pointer;

	border:1px solid #6c2104;
}


.keyexe {
	
	width:50%;

	float:left;

	margin-left:20%;

	padding:0px;

	margin-top:20px;
}

.keyexe h4{
	
	width:98%;

	float:left;

	padding:8px 0px;

	font-weight:normal;
}

#content .abtus img{
	
	width:18%;

	float:left;

	padding:1%;

	margin-right:10px;
}

#content .abtus p{
	
	text-align:justify;

	line-height:30px;

	color:#414141;

	text-indent:20px;

	font-size:13px;
}


#content .serv{
	
	width:100%;

	float:left;

	margin-top:20px;

	margin-left:1%;
}


.serv h2{
	
	width:100%;

	float:left;

	border-bottom:1px solid brown;

	color:brown;

	font-size:25px;

	margin-bottom:20px;

	padding-bottom:5px;
}

#content .serv ul{
	
	margin:0px;

	padding:0px;

	float:left;

	width:90%;

	margin-left:0%;
}

#content .serv ul li{
	
	list-style:none;

	float:left;

	width:100%;

	background:url(../images/arrow.png) no-repeat;

	padding-left:10px;

	background-position:1px 10px;
}



#content .serv ul li a{

	text-decoration:none;

	color:white;

	padding:8px 0px;

	width:auto;

	padding-left:5px;

	float:left;

	
}


.i_ser{
	
	width:37%;

	margin-left:1%;

	padding-left:1%;
}











 #i_res{
	
	width:210px;

	float:left;

	margin:0px;

	padding:1%;

	border:1px solid #f1f1f1;

	border-radius:10px;

	background:#5d5d5d;

	margin-left:15px;

	margin-right:0%;

	margin-top:5%;

	box-shadow:0px 0px 5px 1px #f0f0f0;
}

 #i_res h2{
	
	width:100%;

	float:left;

	padding:1% 0%;

	border-bottom:1px solid gray;

	margin:0px;

	font-size:120%;

	color:white;
}

#i_res address{
	
	margin-top:10px;

	float:left;

	margin-left:10px;

	width:90%;
}

 #i_res p{
	
	float:left;

	text-align:justify;

	line-height:17px;
}

 #i_res img{
	
	width:90%;

	float:left;

	margin-right:1%;

	padding:2%;

	background:gray;

	moz-border-radius:5px;

	border-radius:5px;
}

 #i_res .if_more{
	
	float:right;

	color:black;
}


#rec_proj{
	
	width:750px;

	float:left;

	margin-top:3%;
}

#rec_proj h2{
	
	width:100%;

	float:left;

	border-bottom:1px solid green;

	color:#3b5f39;

	font-size:25px;

	margin-bottom:20px;

	padding-bottom:5px;
}





#rec_proj table{
	
	width:80%;

	float:left;

	border-collapse:collapse;

	border:1px solid gray;

	cellpadding:5px;

	margin-left:10%;

	margin-bottom:3%;

}

#rec_proj table th,tr,td{
	
	border:1px solid #dddf9e;

	text-align:center;

	padding:10px;
}

#rec_proj table th{
	
	font-size:15px;
}

#rec_proj table tr:hover{
	
	background:#cfd274;

	color:white;
}





#rec_proj #i_res{
	
	width:44%;

	float:left;

	margin:0px;

	padding:1%;

	border:1px solid #f1f1f1;

	border-radius:10px;

	background:none;

	margin-left:1%;

	margin-right:1%;
}

#rec_proj #i_res h2{
	
	width:100%;

	float:left;

	padding:1% 0%;

	border-bottom:1px solid gray;

	margin:0px;

	font-size:120%;

	color:green;
}

#rec_proj #i_res p{
	
	float:left;

	text-align:justify;

	line-height:17px;
}

#rec_proj #i_res img{
	
	width:90%;

	float:left;

	margin-right:1%;

	padding:2%;

	background:gray;

	moz-border-radius:5px;

	border-radius:5px;
}

#rec_proj #i_res .if_more{
	
	float:right;

	color:black;
}

#separator{
	
	width:3%;

	float:left;
}

.projlist{
	
	margin-left:50px;
}

.projlist li{
	
	list-style:none;

	float:left;

	width:200px;

	height:180px;

	margin-left:20px;

	margin-right:20px;

	margin-bottom:40px;
}

.projlist li img{
	
	width:180px;

	float:left;

	margin:0px;

	padding:10px;

	height:160px;

	background:#ececec;

	border-radius:8px;
}

.projlist li img:hover{
	
	box-shadow:0px 0px 5px 1px gray;
}

.projlist li span{
	
	text-align:center;

	float:left;

	width:100%;

	padding:5px 0px;
}

/***** gallery *******/

#image_list {
	
	float: left;

	width: 960px;

	margin-left:20px;
}


#image_list #pic {
	
	float: left;

	position: relative;

	width: 960px;

	height: auto;

	margin-top: 10px;

	padding: 10px 12px 0 10px;

	
}

#image_list #thumb {
	
	float: left;

	width: 133px;

	height: 100px;

	overflow: hidden;

	border: 1px solid #ccc;

	padding: 5px;

	position:relative;

	margin-left:20px;

	margin-right:20px;

	margin-bottom:40px;
}

#image_list #thumb:hover{
	
	box-shadow:0px 0px 5px 3px #f4f4f4;
	
	-moz-border-radius:5px;
	
	border-radius:5px;
}

#image_list #thumbcrop {
	width: 133px;

	height: 100px;

	overflow: hidden;
}

#image_list #thumbcrop img{
	height: 100px;

	width:133px;

	margin-left:0px;

	position:relative;

	background:white;
}


/******** enquiry ******/

#enquiry_form {
	
	float: left;

	width: 500px;
	
 	padding: 10px;
	
	border: 1px solid #ccc;

	background: #fff url(../images/box_bg.png) repeat-x bottom;

	-moz-border-radius: 5px;

	border-radius: 5px;

	margin-left:250px;

	margin-top:20px;
}

#enquiry_form h2 {
	
	float: left;

	padding: 0;

	width: 98%;

	font-size: 20px;

	padding: 10px 1%;

	color:#0a7602;

	border-bottom: 1px dotted #ddd;

	margin: 0 0 15px 0;
}


#enquiry_form #field {
	
	float: left;
	
	width: 100%;
	
	margin-bottom: 15px;
}	
	
#enquiry_form #field1 {
	
	float: left;
	
	width: 100px;
}	
	
#enquiry_form #field2 {
	
	float: left;
	
	width :2px;
	
	margin-left: 10px;
}	

#enquiry_form #field3 {
	
	float: left;
	
	width: 360px;

	padding-left: 25px;

	color: #eee;
}

#enquiry_form .box {
	
	width: 338px;

	border: 1px solid #ccc;

	padding: 5px 10px 5px 10px;

	color: #cc3399;

	background: url(../images/box_bg.png) repeat-x bottom;

	moz-border-radius:5px;

	border-radius:5px;
}

#enquiry_form .box:focus {
	
	border: 1px solid #0d9e02;

	background:none;
}

#enquiry_form .textarea {
	
	width: 498px;

	height: 50px;

	border: 1px solid #ccc;

	background: url(../images/box_bg.png) repeat-x bottom;
}

#enquiry_form .textarea:focus {
	
	border: 1px solid #0d9e02;

	background:none;
}

.enq_img{
	
	position:absolute;

	left:15%;
}

/******** contactus ********/

#contactus {
	width:550px;

	float:left;

	margin:0px;

	paddding:0px;

	border:1px solid #c9c9c9;

	background:#e57a07;url(../images/backbg1.jpg) repeat;

	padding:10px;

	margin-left:200px;

	moz-border-radius:10px;

	border-radius:10px;

	margin-bottom:20px;
}

#contactus .address{
	
	width:330px;

	float:left;
}

#contactus .address1{
	
	width:290px;

	float:left;

	

	
}

#contactus .address1 address{
	
	margin-top:5px;

	font-weight:bold;

	color:black;

	text-align:left;

	margin-left:20px;
}

#contactus address{
	
	margin-top:5px;

	font-weight:bold;

	color:black;

	text-align:right;

	margin-right:20px;

	font-size:15px;
}

#contactus .image{
	
	float:left;

	width:130px;
}

#contactus .image img{
	
	width:130px;

	margin-top:10px;
}
/******* footer **********/



#footer{
	
	width:100%;

	margin:0px;

	padding:0px;

	margin-top:10px;

	float:left;
	
}

#foot{
	
	width:100%;

	margin:0px;

	padding:2% 0%;

	background:#2494e2;

	float:left;

	
}
#footer ul{

	margin:0px;

	padding:0px;

	float:left;

	margin-left:35%;
}

#footer ul li{
	
	list-style:none;

	float:left;

	width:auto;
}

#footer ul li a{
	
	color:white;

	text-decoration:none;

	width:auto;

	text-align:ceter;

	padding:2px 10px;

	border-right:1px solid #ceefff;

	
}

#footer ul li a:hover{
	
	text-decoration:underline;

	color:black;
}

#footer h4{
	
	margin-top:20px;

	padding:0px 10px;

	color:#fff;
}

#content .products{
	
	width:1000px;

	float:left;

	margin:0px;

	padding:0px;
}

#content .products ul{
	
	float:left;

	margin:0px;

	padding:0px;

	width:1000px;
}

#content .products ul li{
	
	list-style:none;

	float:left;

	margin:0px;

	padding:0px;

	width:160px;

	margin-right:15px;

	margin-left:20px;

	margin-bottom:10px;
}

#content .products ul li img{
	
	width:160px;

	float:left;

	height:150px;

	padding:5px;

	background:#d5cfc6;
}