@charset "utf-8";
/* CSS Document */
body{
	margin:0px;
	padding:0px;
	font-size:12px;
	}
a:hover,a:link {outline:none; border:none; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif;}
h1, h11,h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding:0;
	margin:0;
	}
h1,h2{
	font-size:18px !important;
	font-weight:normal;
	color:#134781;
	}
h11{
	font-size:12px !important;
	font-weight:normal;
	}
p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	line-height:16px;
	text-align:justify;
	clear: both;
	margin: 6px 0;
}

hr{
	float:left;
	width:963px;
	margin: 20px 0 20px 0;
	}

.read{
	width:auto;
	float:left;
	height:auto;
	color:#178592;
	font-size:11px;
	}
.read:hover{
	text-decoration:underline;
	color:#666666;
	}			
.clear{
	clear:both;
	}	
#wrapper{
	width:100%;
	height:auto;
	}	
#top_header{
	width:100%;
	height:109px;
	background:url(../images/top_strip.jpg) repeat-x;
	}
.container{
	width:1003px;
	height:auto;
	margin:0px auto;
	clear:both;
	}
.logo{
	width:373px;
	height:61px;
	float:left;
	border:none;
	padding-top:33px;
	}
.header_right{
	width:530px;
	height:auto;
	float:right;
	padding-top:33px;
	}
.top_button{
	width:150px;
	height:auto;
	float:right;
	}
.caree_cont{
	width:auto;
	height:auto;
	float: right;
	padding: 0 7px;
	margin-right: 6px;
	color:#999999;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	}
.menubg{
	width:528px;
	height:42px;
	float: right;
	margin-top: 13px;
	background:url(../images/menubg.jpg) no-repeat;
	}						
#menu, #menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#menu {
    width: 485px;
    margin: 0px auto;
    margin-top: 10px;
	padding-left:30px;
}

#menu:before,
#menu:after {
    content: "";
    display: table;
}

#menu:after {
    clear: both;
}

#menu {
    zoom:1;
}

#menu li {
    float: left;
    border-right: 0px solid #222;
    position: relative;
}

#menu a {
    float: left;
    margin: 1px 10px;
    color: #134781;
    text-transform: uppercase;
    font: 12px Arial, Helvetica;
	font-weight:bold;
    text-decoration: none;
    /* text-shadow: 0 1px 0 #000; */
}

#menu li:hover > a, a.current {
    color: #134781;
	border-bottom:1px solid #178592;
}

*html #menu li a:hover { /* IE6 only */
    color: #134781;
}


/****************************submenu*****************************************/
								
#menu ul {
    margin: 20px 0 0 0;
    _margin: 0; /*IE6 only*/
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 28px;
    left: 0;
    z-index: 1;      
    transition: all .2s ease-in-out;
}

#menu li:hover > ul {
    opacity: 1;
    visibility: visible;
    margin: 0;
}

#menu ul ul {
    top: 0;
    left: 160px;
    margin: 0 0 0 20px;
    _margin: 0; /*IE6 only*/     
}

#menu ul li {
    float: none;
    display: block;
    border: 0;
    _line-height: 0; /*IE6 only*/
}

#menu ul li:last-child {   
    box-shadow: none;    
}

#menu ul a {    
    padding: 10px;
    width: 130px;
    _height: 10px; /*IE6 only*/
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
    background-color:#e3e3e3;
}

#menu ul a:hover {
/*    background-color: #f38f19;*/
	color:#134781;
}

#menu ul li:first-child > a {
    border-radius: 3px 3px 0 0;
}

#menu ul li:first-child > a:after {
    content: '';
    position: absolute;
    left: 40px;
    top: -6px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #444;
}

#menu ul ul li:first-child a:after {
    left: -6px;
    top: 50%;
    margin-top: -6px;
    border-left: 0; 
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-right: 6px solid #3b3b3b;
}

#menu ul li:first-child a:hover:after {
    border-bottom-color: #f6931d; 
}

#menu ul ul li:first-child a:hover:after {
    border-right-color: #f6931d; 
    border-bottom-color: transparent;   
}

#menu ul li:last-child > a {
    border-radius: 0 0 3px 3px;
}


.banner{
	width:1003px;
	height:398px;
	float:left;
	background:url(../images/shadow.jpg) bottom center no-repeat;
	}
.container bg{
	width:1003px;
	height:169px;
	float:left;
	margin-top: 40px;
	background:url(../images/wel_bg.jpg) repeat-x;
	}
.welcome{
	width: 741px;
	height:auto;
	float:left;
	padding-left:20px;
	padding-right: 20px;
	background:url(../images/we_rightbar.png) right center no-repeat;
	}	
	
.services{
	width: 183px;
	height:auto;
	float:left;
	padding-left: 27px;
}
.services ul{
	padding:0px;
	margin-top: 10px;
}
.services li {
	list-style:url(../images/serv_arrow.png);
	/* float:left; */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	/* line-height: 18px; */
	padding: 2px 0;
	/* width: 166px; */
	margin-left: 17px;
}
.services li a{
	display:block;
	width:183px;
	color:#666666;
	}
	
.maicontent_scroll{
	width:100%;
	padding-top:0px;
	margin:0 auto;
	}	
		
.mission_main{
	width:1003px;
	height:auto;
	float:left;
	margin-top:15px;

	}
.mission_bg{
	width:198px;
	height:35px;
	float:left;
	background:url(../images/mission_bg.jpg);
	}
.mission_bg h1{
	color:#FFFFFF;
	padding: 6px 0 0 19px;
}		
.mission_rightbg{
	width:805px;
	height:35px;
	float:left;
	background:#e9e8e8;
	}
.mission_rightbg p{
	font-family:Tahoma;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	margin: 9px 0;
	}	
	
.projects_main h1{
	width:960px;
	height:auto;
	float:left;
	margin: 10px 21.5px;
	}
	
.projects_slider{
	width:960px;
	height:auto;
	float:left;
	margin:0 21.5px;
	background:#f0f0f0;
	border:1px solid #d7d7d7;
	margin-bottom: 29px;
	}
.slider_img{
	width:215px;
	height:75px;
	border:1px solid #CCCCCC;
	float:left;
	margin: 11px 11px;
	}
.footer{
	width:1003px;
	height:auto;
	float:left;
	background:#e0e0e0;
	padding: 2px 0;
}
.footer_left,.footer_right{
	width:501.5px;
	height:auto;
	float:left;
	}

.f_menu{
	width: 407px;
	height:auto;
	float:left;
	padding-top: 20px;
	margin-left: 14px;
	padding-bottom: 20px;
	}
.f_menu ul{
	margin:0px auto;
	padding:0px;
	list-style:none;
	}
.f_menu ul li a{
	display:block;
	float:left;
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	padding: 5px 7px;
	color:#666666;
	/* margin-left:20px; */
	font-weight: bold;
}
.f_menu ul li a:hover{
	color:#178592;
	}
.social{
	width:60px;
	height:auto;
	float:right;
	margin-right: 19px;
	margin-top: 18px;
	}
.social_f{
	width:25px;
	height:26px;
	float:left;
	background:url(../images/fac.jpg) no-repeat;
	margin-right: 10px;

	}
	
.social_f:hover{
	background:url(../images/fac_hover.jpg) no-repeat;
	}	
		
.social_t{
	width:25px;
	height:26px;
	float:left;
	background:url(../images/tw.jpg) no-repeat;
	}
	
.social_t:hover{
	background:url(../images/tw_hover.jpg);
	}	
.copyright{
	width: 396px;
	height:auto;
	float: right;
	text-align:right;
	padding: 5px 9px;
}
	
.copyright p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	font-weight: normal;
	}
	
#home_downloads{width: 960px;}
#home_download_scroll{width: 930px!important;overflow:hidden; visibility: visible; position: relative; z-index: 2; 
		margin: 15px 15px 15px 15px;}
#home_download_scroll ul{margin: 0px; padding: 0px; position: relative; list-style-type: none; z-index: 1; width: 1000px; left: -1651.28px;}
#home_download_scroll ul li{width:215px;height:75px;margin-right:15px;overflow: hidden;}	
								
				
/*About Us*/

.main{
	width:963px;
	float: left;
	margin-top:35px;
	margin-bottom:20px;
	margin-left:20px;
	margin-right:20px;
}

.main h1, h2{
	width: auto;
	padding: 6px 0px; 
	float: left;
}

.main h2{
	padding:0 0 !important;
	}

.liststyle{
	width: auto;
	height:auto;
	float: left;
	margin-bottom: 15px;
	padding-left: 18px;
}
.liststyle ul{
	padding:0px;
	margin-top: 4px;
	/* margin-bottom: 10px; */
}
.liststyle li {
	list-style:url(../images/serv_arrow.png);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 5px 0;
	margin-left: 17px;
	color:#666666;
}

.liststyle1{
	width: auto;
	height:auto;
	float: left;
	margin-bottom: 15px;
	padding-left: 18px;
}
.liststyle1 ul{
	padding:0px;
	margin-top: 4px;
	/* margin-bottom: 10px; */
}
.liststyle1 li {
	list-style:url(../images/serv_arrow.png);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 5px 0;
	margin-left: 17px;
	color:#fff;
}
.main p{
	margin: 6px 0;
	}
	
.main_values{
	width:963px;
	float: left;
	/* margin-top:35px; */
	margin-bottom:20px;
	margin-left:20px;
	margin-right:20px;
}	
			
	#products div {
    margin:0 0px 0px 0;
    cursor:pointer;
	background:url(../images/bullet.png) no-repeat left center;
	padding-left:20px;
	line-height: 18px;
}	
   
/*services sub*/


.ser_subimg{
	width:963px;
	height:220px;
	float:left;
	margin-right: 10px;
	border: 0px solid #CCCCCC;
	margin-top:5px;
}
	
.ser_sub{
	width: 761px;
	height:auto;
	margin:0px auto;
	text-align:center;
	margin-top:0px;
	padding-right: 0px;
}

.ser_sub p{
	font-size:12px;
	}

.services_main{
	width: 695px;
	height:auto;
	float:left;
	padding-right: 16px;
	padding-top:7px;
	}	

.services_part{
	/* padding: 0; */
	width: 695px;
	text-align: justify;
	margin-top: 22px; 
	float: left;
}

.services_right{
	width: 250px;
	height:auto;
	float:right;
	padding-top: 15px;
	background-color:#134781;
}

.services_right h2{
	margin: 0 0 0 18px;
	color: #178592;
}
.services_bottom{
	width:920px;
	height:auto;
	float:left;
	background-color:#134781;
	padding:10px 20px;
	margin-top: 20px;
	}
.services_bottom h1{
	color:#FFFFFF;
	}
.services_bleft{
	width:533px;
	height:auto;
	float:left;
	}
.services_bottom1 img{
	width: 236px;
	height: 94px;
	float: left;
	margin-right: 20px;
	}
.services_bottom2 img{
	float:right;
	}
.services_bottom p{
	color:#fff;
	line-height: 22px;
	}
.services_bright{
	width:340px;
	height:auto;
	float: right;
	}
.services_bright p{
	padding:0 0 !important;
	}						
.chair{
	width: 800px;
	height:auto;
	float:right;
	margin-top:5px;
	padding-right: 5px;
	}

.chair_img{
	width:140px;
	height:110px;
	float:left;
	margin-right: 10px;
	border: 2px solid #CCCCCC;
	margin-top:5px;
}	

/*enquiry*/
.enquir_img{
	width:340px;
	height:266px;
	float:right;
	padding-top:15px;
	}

/*Contact us*/	

.contact{
	width: 225px;
	height:auto;
	float:left;
	margin-left:0px;
	padding:0px 0px 25px 0;
	}				
	
.address_main{
	width:225px;
	height:auto;
	float:left;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	}				
				
	
table{
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:12px;
	width:400px;
	}
	
.feiald{
	width:300px;
	height:auto;
	float: right;
	border-radius:3px;
	border:#CCCCCC 1px solid;
	color:#666666;
	padding:8px;
	margin-top:15px;
	}
	
.button{
	width:80px;
	height:auto;
	float:left;
	background-color:#000;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding:8px 8px;
	cursor:pointer;
	margin-top:15px;
	margin-bottom: 20px;
	}	
	
.map{
	width:730px;
	height:420px;
	float: right;
	margin-bottom:20px;
	border:1px solid #CCCCCC;
	}
	
ul.tabs {
		margin: 0;
		/* padding: 20px 0 0 0; */
		float: left;
		list-style-type:disc;
		list-style-position: inside;
		display:block;
		height: 310px;
		/* margin-right: 0; */
		width: 209px;
		border-right: 1px dotted #CCCCCC;
}
ul.tabs li {
		 width: 180px; 
		 float: left; 
		cursor: pointer;
		
		 padding: 8px 0px;
		
		 /* margin-left: -12px; */
		 height: auto;
		/* line-height: 31px; */
/*		border: 1px solid #999999;*/
		
		 /* border-left: none; */
		
		 border-bottom:1px dotted #CCCCCC;
		 /* font-weight: bold; */
		font-family:Verdana, Arial, Helvetica, sans-serif;
		
		 font-size: 12px;
		color:#666666;

}

}
/*ul.tabs li:hover {
		background: #CCCCCC;
	}	
ul.tabs li.active{
		background: #FFFFFF;
	}*/
.tab_container {
		border-top: none;
		/* clear: both; */
		float: right; 
		width: 437px;
		height: 167px;
		padding-top: 18px;
		background: #FFFFFF;
	}
.tab_content {
		padding:0;
		margin:0;
		display: none;
	}
#container {
		width: 600px;
		margin: 0 auto;	
	}					
.tableft{
	width: 720px;
	height:auto;
	float: left;
	margin-bottom: 15px;
	padding-left: 31px;
}
.tableft ul{
	padding:0px;
	margin-top: 4px;
	/* margin-bottom: 10px; */
}
.tableft li {
	list-style:url(../images/serv_arrow.png);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 5px 0;
	margin-left: 17px;
	color: #666666;
}

.tableft p{
	line-height:22px;
	text-align:left;
	}

.tab_img{
	width: 288px;
	height: 170px;
	float:left;
	margin-right:20px;
	margin-bottom:10px;
	margin-top:10px;
	background-color:#996633;
	border:1px solid #dbdbdb;
	}