/* CSS Document */

body{margin:0px; padding:0px; background:#FFFFFF url(../images/brick_bg.png) repeat-x; font-family:'Calibri', Helvetica, sans-serif; color:#666666; font-size:13px;}
HTML,h1,h2,h3,h4,h5,h6,p,ul,li{margin:0px; padding:0px; list-style:none;}
@font-face{ font-family:'customfont'; src:url('../fonts/TCB_____.TTF'); font-style:normal;}
@font-face{ font-family:'customfontfornav'; src:url('../fonts/DIN.ttf'); font-style:normal;}
.content a{color:#993300; text-decoration:none; font-size:14px; } .content  a:hover{color:#993300; text-decoration:underline; }
.wraper{width:1000px; margin:0 auto; padding:0px;}
.header{width:1000px; height:147px; margin:0 auto;}
.logo{ width:150px; height:147px; float:left;}
.menu{ width:840px; float:right; margin-top:57px; margin-left:10px; background:url(../images/temp_08.jpg) repeat-x; border-radius:5px;}
.topmenu{float:right; width:238px;}
.topmenu ul li{list-style:none; float:left; padding:5px 18px 5px 18px;}
.topmenu ul li a{color:#913507; text-decoration:none;}
.home{background:url(../images/home.png) no-repeat left;}
.feedback{background:url(../images/email.png) no-repeat left;}
.sitemap{background:url(../images/sitemap.png) no-repeat left;}
.open{border-bottom:3px solid #000;}
img{border:none;}.clr{clear:both;}
.siliderwraper{ background:#FFFFFF url(../images/nav.jpg) repeat-x; }
.silde{width:1000px; height:272px; margin:0 auto; }
.sildeinner{width:1000px; height:150px;}
.content{background:#FFF; width:984px;height:auto; padding:16px 8px 16px 8px; }
.contentbox{ background:url(../images/brickmarrkinfra_18.jpg) no-repeat; width:292px;  float:left; padding:10px 8px;}
.picter{width:121px; float:left;}
.textpart {width:153px; margin:0px 0px 0px 13px; float:right;}
.textpart p{ text-align:justify; line-height:16px!important; padding:0px !important; }
.textpart h3{padding:0px; margin:0px; text-transform:uppercase; color:#f9bf12; font-family:'customfont'; font-size:16px !important; font-weight:bold;}
.textpart h3 span{color:#ad3e07;}
.contentboxmiddle{ background:url(../images/brickmarrkinfra_18.jpg) no-repeat; width:292px;  float:left; margin:0px 25px; padding:10px 13px;}
.contentpart{ background:url(../images/brickmarrkinfra_19.jpg) repeat-x; min-height:160px;}
.contentpartwraper{width:1000px; margin:0 auto; padding-top:10px;}
.firstlist ul li{float:left; padding:3px 15px; }
.firstlist ul li a{color:#f2bb12; font-weight:bold; text-decoration:none;} 
.firstlist ul li a:hover{color:#FFF;}
.Secondlist {float:left; width:100px; text-align:left;}
.Secondlist ul li a{color:#000; line-height:18px; text-decoration:none;}
.Secondlist ul li a:hover{color:#FFF; line-height:18px; text-decoration:underline;}
.Thirdlist {float:left; width:228px; padding:0px 10px;}
.Thirdlist ul li a{color:#000; line-height:20px; text-decoration:none;}
.Thirdlist ul li a:hover{color:#FFF; line-height:20px; text-decoration:underline;}
.listpart{width:700px; float:left;}
.listpart h4{color:#FFF; letter-spacing:1px;	}
.address{width:250px; float:right;}

.address ul li{ padding:12px 36px;}
.address ul li a{color:#FFF; text-decoration:none; font-size:14px;}
.address ul li a:hover{color:#F9BF12;  font-size:14px; text-decoration:underline;}
.address h3{color:#FFF; font-size:17px; text-transform:capitalize;}
.address p a{color:#FFF; line-height:25px; font-size:16px; text-decoration:none;}

.footer{background:#913507; padding:10px 0px; color:#FFF;}
.footerwraper{width:1000px; margin:0 auto;}
.footerwraper p span {color:#FFF; float:right;} .footerwraper p span a {color:#FFF; float:none;}

.about{width:630px; float:left; padding-right:20px;}
.about p{ text-align:justify; line-height:22px; padding:10px 0px;}
.content h3{padding:5px 0px; margin:0px; text-transform:uppercase; color:#f9bf12; font-family:'customfont'; font-size:20px; font-weight:bold;}
.content h3 span{color:#ad3e07;}
.content p{ text-align:justify; line-height:20px; padding:15px 0px;}
.aboutleft { float:left; width:300px; }
.aboutleft p{ text-align:justify; line-height:20px; padding:15px 0px;}

h3 {
			margin: 0;	
			padding: 3px 0 0 0;
			font-size: 16px;
			text-transform: uppercase;
		}

		div#feature_list {
			width: 1000px;
			height: 270px;
			overflow: hidden;
			position: relative;
		}

		div#feature_list ul {
			position: absolute;
			top: 0;
			list-style: none;	
			padding: 0;
			margin: 0;
		}

		ul#tabs {
			left:768px;
		
			width: 230px;
		}

		ul#tabs li {
			font-size: 10px;
			
		}
		
		ul#tabs li img {
			padding: 3px;
			border: none;
			float: left;
			margin: 10px 10px 0 0;
		}

		ul#tabs li a {
			color: #222;
			text-decoration: none; background:url(../images/temp_08.jpg) repeat-x	;
			display: block;
			padding: 5px;
			 height:58px;
			outline: none; text-align:right;
		}

		ul#tabs li p{  line-height:10px;}
		ul#tabs li a:hover {
			text-decoration: underline;
		}

		ul#tabs li a.current {
			background:url(../images/feature-tab-current.png) no-repeat;
			color: #FFF; width:-450px ;padding-left:20px; 
		}

		ul#tabs li a.current:hover {
			text-decoration: none;
			cursor: default;
		}

		ul#output {
			right: ;
			width: 771px;
			
			position: relative;
		}

		ul#output li {
			position: absolute;
			width: 771px;
			height: 240px;
		}

		ul#output li a {
			position: absolute;
			bottom: 10px;
			right: 10px;
			padding: 8px 12px;
			text-decoration: none;
			font-size: 11px;
			color: #FFF;
			background: #000;
			-moz-border-radius: 5px;
		}
		
		ul#output li a:hover {
			background: #D33431;
		}
	#content {
	width: 1000px;
	margin: 0px auto;
	padding: 0px;
	
	border: 1px solid #CCC;
}
.bannercontent{position:absolute; width:380px;  margin:10px;  top:40px; left:350px; border: 0px solid #9b9c9f; 
  -webkit-border-radius: 4px;  -moz-border-radius: 4px;  border-radius: 4px; background:url(../images/bg.png) repeat;}
.bannercontent h3{font-size:25px; color:#913507; padding:10px;}
.bannercontent p{text-align:justify; line-height:18px; font-weight:bold; color:#000; padding:10px;}

.serviceslist{width:250px; float:left; margin-right:20px;} 
.serviceslist ul li{ padding:8px;background:url(../images/bg.gif) no-repeat;}
.services {width:700px; float:left;}
.services ul li{ padding:5px 18px;}
.services h3{font-size:16px; text-transform:capitalize; }
.servicespart{width:470px; margin:10px; float:left;}
.servicespart a {background:#990000; color:#FFF; padding:4px 5px; text-decoration:none;}
.servicespart h3{ color:#F9BF12; padding:4px 0px; font-size:16px; text-transform:capitalize;}
.serviceslist ul li a{color:#000; text-decoration:none; display:block; font-size:14px;}
.serviceslist ul li a:hover{color:#F9BF12;} 
.serviceslist ul li a.highlet{color:#F9BF12; font-size:14px;}
.sitemapall ul li {padding:8px 15px; }
.sitemapall ul li a{color:#000; text-decoration:none;  font-size:14px;}
.servicespart ul{padding-bottom:10px;}
.servicespart ul li{line-height:20px;}

.enq{width:600px; float:right;}
.services b{color:#993300;}
#nav{
	list-style:none;
	 font-family:'customfontfornav', Helvetica, sans-serif; text-transform:uppercase;
	margin-bottom:0px; font-size:14px;
	float:left; padding:2px 10px;
	
	
}
#nav li{
	float:left;
	margin-right:5px;
	position:relative; z-index:999px;
}
#nav a{
	display:block;
	padding:8px 10px;
	color:#fff;

	text-decoration:none;
}
#nav a:hover{
	color:#fff;
	background:#6b0c36;
	text-decoration:none;
}

/*--- DROPDOWN ---*/
#nav ul{
	background:#fff; 
	background:rgba(255,255,255,0); 
	list-style:none;
	position:absolute; z-index:99;
	left:-9999px; 
}
#nav ul li{
	padding-top:0px; 
	float:none;
}
#nav ul a{
	white-space:nowrap;
}
#nav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
#nav li:hover a{ 
	background:url(../images/brickmarrkinfra_191.jpg) repeat-x;
	text-decoration:none;
}
#nav li:hover a ,{
	background:url(../images/brickmarrkinfra_191.jpg) repeat-x;
	text-decoration:none;
}
#nav li:hover ul a{ 
	text-decoration:none;
}
#nav li:hover ul li a:hover{ 
	background:#CCCCCC;text-decoration:none;
}

.facebook{background:url(../images/facebook.png) no-repeat left;}
.twitter{background:url(../images/twitter.png) no-repeat left;}
.linkedin{background:url(../images/linkedin.png) no-repeat left;}
.contact{width:300px; float:left; font-weight:bold; font-size:14px;}
.contact h3{font-size:18px;  text-transform:capitalize;}
.contact a{color:#993300; text-decoration:none; }