@charset "utf-8";
/* CSS Document */
*{ margin:0;}
div,p{ padding:0;}
ul,li{ list-style:none; padding:0;}
img{ border:none;}
p{ color:#2051ab; line-height:18px;}
input,textarea{ border:1px solid #b2b1b1; width:150px; height:16px; background:#f8f8f8 url(../images/enquiry/input_bg.gif) left top repeat-x; font-size:12px;}
body
{
	background:#e8e8e8;
	font-family:"Verdana";
	font-size:12px;
}
#wrapper
{
	width:980px;
	margin:0 auto;
	padding:0;
}
#header
{
	width:100%;
	float:left;
	height:314px;
}
#middle
{
	width:88%;
	padding:13px 54px;
	float:left;
}
.container
{
	width:100%;
	float:left;
	padding-top:7px;
}

/*------------------menu css start---------------------*/
#main_menu
{
	width:100%;
	float:left;
	padding:0;
}
.menu_left{ background:url(../images/menu_left.jpg) left top no-repeat; width:17px; height:69px; float:left;}
.menu_right{ background:url(../images/menu_right.jpg) left top no-repeat; width:17px; height:69px; float:left;}
.menu_bg{ background:url(../images/menu_bg.jpg) left top repeat-x; width:946px; height:69px; float:left; font-size:13.5px; color:#000000; font-weight:bold;}
/*menu css start*/

ul.menu {list-style:none; margin:0; padding-top:23px}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#000; text-decoration:none; font-size:13px;}
ul.menu li {position:relative; float:left;}
ul.menu ul { position:absolute; top:42px; left:0; background:#e8e8e8; display:none; opacity:0; list-style:none}
ul.menu ul li { float:left; border:1px solid #aaa; border-top:none; width:200px;}
ul.menu ul li a {display:block; padding:3px 7px 5px 7px; float:left; background-color:#e8e8e8; font-size:13px;}
ul.menu a.menu_active,ul.menu ul li a:hover { color:#CC6600;}
ul.menu ul ul {left:148px; top:-1px}
ul.menu .menulink { padding:0 5.3px; float:left; font-weight:bold; font-size:13px;}
* html ul.menu .menulink { padding:0 4px;}
ul.menu .menulink:hover, ul.menu .menuhover { color:#CC6600;}
ul.menu .sub {background:#e8e8e8 url(../images/arrow.gif) 136px 8px no-repeat}
ul.menu .topline {border-top:1px solid #aaa}
/*menu css end*/

/*------------------menu css end---------------------*/

/*----------------left css start------------------*/
.left
{
	width:558px;
	float:left;
	padding:0;
}
.wel_left
{
	background:url(../images/wel_left.jpg) left top no-repeat;
	padding-left:6px;
	height:40px;
}
.wel_right
{
	background:url(../images/wel_right.jpg) right top no-repeat;
	padding-right:5px;
	height:40px;
}
.wel_bg
{
	background:#a8c6ef;
	width:99%;
	height:32px;
	font-family:Times New Roman;
	font-size:20px;
	color:#000000;
	padding-top:8px;
	padding-left:8px;
}
.wel_contain
{
	width:95%;
	padding-left:12px;
	text-align:justify;
	padding-top:20px;
}
/*---------right css start------------*/
.right
{
	width:280px;
	float:right;
	padding:0;
}
.right h1
{
	background:url(../images/globe.gif) left top no-repeat;
	width:85%;
	padding-left:40px;
	font-family:"Times New Roman", Times, serif;
	font-size:20px;
	color:#000000;
	border-bottom:1px solid #000000;
	padding-bottom:12px;
}
.right_link
{
	width:270px;
	float:right;
	line-height:24px;
}
.right_link li
{
	padding:0;
}
.right_link li a
{
	background:url(../images/right_arrow.jpg) left center no-repeat;
	padding-left:16px;
	color:#000102;
	font-size:12px;
	text-decoration:none;
}
.right_link li a:hover
{
	text-decoration:underline;
}
.more a
{
	background:url(../images/more.gif) left top no-repeat;
	width:70px;
	height:19px;
	float:right;
	padding-top:3px;
	text-align:center;
	color:#2051ab;
	font-size:12px;
	text-decoration:none;
}

.gallery_left
{
	background:url(../images/gallery_left.gif) left top no-repeat;
	padding-left:6px;
	height:103px;
}
.gallery_right
{
	background:url(../images/gallery_right.gif) right top no-repeat;
	padding-right:6px;
	height:103px;
}
.gallery_bg
{
	background:#afcaee;
	height:83px;
	width:100%;
	padding:10px 0;
}
.gallery_bg h1
{
	border-right:1px solid #000000;
	color:#000000;
	font-size:20px;
	font-family:"Times New Roman", Times, serif;
	padding:30px;
	float:left;
	height:22px;
}

.gallery_box
{
	width:656px;
	float:left;
	padding:3px 12px;
}
.gallery_img
{
	float:left;
	padding-left:14px;
}
/*---------------footer css start----------------*/
#footer
{
	border-top:1px solid #244368;
	padding:10px 0;
	width:100%;
	float:left;
	font-size:10px;
	color:#010005;
}
.fot_left
{
	width:50%;
	float:left;
	padding:0;
}
.fot_right
{
	width:50%;
	float:left;
	padding:0;
	text-align:right;
}
.fot_link
{
	color:#010005;
	text-decoration:none;
}
.fot_link:hover{ text-decoration:underline;}
/*--------------------project main start here---------------------*/
.main_product
{
	width:910px;
	float:left;
	padding:0;
}
.pro_box
{
	width:100%;
	float:left;
	padding:0;
}
.pro_r_top_img
{	
	width:347px;
	float:left;
	padding:0;
}
/*.pr_top
{
	background:url(../images/product/right_top.gif) left top no-repeat;
	width:100%;
	padding-top:7px;
}
.pr_bottom
{
	background:url(../images/product/right_bottom.gif) left bottom no-repeat;
	width:100%;
	padding-bottom:56px;
}
.pr_bg
{
	background:#ffffff;
	border-left:1px solid #c3c2c2;
	border-right:1px solid #c3c2c2;
	width:99%;
}*/

.pr_top_left
{
	background:url(../images/product/pro_top_left.gif) left bottom no-repeat;
	padding-left:8px;
	height:7px;
}
.pr_top_right
{
	background:url(../images/product/pro_top_right.gif) right bottom no-repeat;
	padding-right:8px;
	height:7px;
}
.pr_top_bg
{
	background:url(../images/product/pro_top_bg.gif) left bottom repeat-x;
	width:100%;
	height:7px;
}

.pr_bot_left
{
	background:url(../images/product/pro_bot_left.gif) left bottom no-repeat;
	padding-left:159px;
	height:62px;
}
.pr_bot_right
{
	background:url(../images/product/pro_bot_right.gif) right bottom no-repeat;
	padding-right:159px;
	height:62px;
}
.pr_bot_bg
{
	background:url(../images/product/pro_bot_bg.gif) left bottom repeat-x;
	width:100%;
	height:62px;
}

.pr_mid_bg
{
	background:#FFFFFF;
	border-left:1px solid #c3c2c2;
	border-right:1px solid #c3c2c2;
	width:93.3%;
	padding:0 28px;
	min-height:790px;
}
.pr_title
{
	width:455px;
	float:left;
	padding-top:8px;
	line-height:22px;
	text-align:justify;
}
.pr_title li
{
	padding:0;
}
.pr_title li a
{
	background:url(../images/product/pro_arrow.gif) left center no-repeat;
	color:#2051ab;
	font-size:12px;
	text-decoration:none;
	padding-left:20px;
}

.pr_right
{
	background:url(../images/product/pr_img_box.gif) left top no-repeat;
	width:328px;
	height:214px;
	float:right;
	text-align:center;
	padding:3px 0;
	margin-top:8px;
}
.pr_mid_contain{ width:100%; float:left;}
/*----------client css start----------*/
.client_height{ min-height:1260px;}

/*---------our team css start----------*/
.team_height{ min-height:620px;}
/*---------output css start----------*/
.output_height{ min-height:520px;}

/*-----------contact us css start----------*/
.con_height{ min-height:270px;}
.con_title
{
	color:#2051ab;
	font-weight:bold;
}

.con_name
{
	color:#2051ab;
	width:80px;
}
.con_mail
{
	color:#2051ab;
	text-decoration:none;
}
.con_mail:hover{ text-decoration:underline;}
.con_dot
{
	color:#2051ab;
	width:15px;
}

/*----------clients feedback css start-------------*/
.cl_contain
{
	width:100%;
	float:left;
	padding-top:8px;
	line-height:22px;
	text-align:justify;
}
.cf_main_box
{
	width:97.4%;
	border:1px solid #e8e8e8;
	float:left;
	padding:8px;
}
.cf_top_bg
{
	background:#f2f2f2;
	border:1px solid #e8e8e8;
	float:left;
	padding:5px;
	width:98.5%;
}
.cf_bot_bg
{
	background:#FFFFFF;
	border:1px solid #e8e8e8;
	padding:5px;
	width:98.5%;
	border-top:none;
}
.cf_t_text
{
	color:#2214b2;
	font-size:13px;
	font-weight:bold;
}
.cf_text_pad{ padding-top:5px;}
.cf_b_text
{
	color:#2051ab;
	font-size:13px;
	font-weight:bold;
	padding-top:5px;
	position:relative;
}

/*---------inquiery css start-------------*/
.submit
{
	background:#222830;
	padding:4px 8px;
	color:#FFFFFF;
	font-size:13px;
	text-decoration:none;
	cursor:pointer;
	border:none;
	width:70px;
	height:24px;
}
.inquiry_box
{
	background:#f8f8f8;
	border:1px solid #e8e8e8;
	width:96%;
	float:left;
	padding:8px;
}
.input
{
	background:url(../images/enquiry/input.jpg) left top no-repeat;
	width:147px;
	height:22px;
	float:left;
	padding:2px 3px;
	border:none;
}
.input:hover
{
	background:url(../images/enquiry/input_hover.jpg) left top no-repeat;
}
.textarea
{
	background:url(../images/enquiry/textarea.jpg) left top no-repeat;
	width:212px;
	height:121px;
	float:left;
	padding:2px 5px;
	border:none;
}
.textarea:hover{ background:url(../images/enquiry/textarea_hover.jpg) left top no-repeat;}

.address_area
{
	background:url(../images/enquiry/address.jpg) left top no-repeat;
	width:161px;
	height:82px;
	float:left;
	padding:2px 5px;
	border:none;
}
.address_area:hover
{
	background:url(../images/enquiry/address_hover.jpg) left top no-repeat;
}

/*--------------gallery css start-------------------*/
.gl_box
{
	width:100%;
	padding-top:8px;
}
.ga_img_box
{
	background:url(../images/gallery/img_box.jpg) left top no-repeat;
	width:179px;
	height:113px;
	float:left;
	text-align:center;
	padding-top:10px;
	padding-left:1px;
	float:left;
	margin-right:25px;
	margin-bottom:25px;
}
.img_mar
{
	margin-right:0;
	margin-bottom:18px;
}

/*inquiry css start*/
	.formError {
			position:absolute;
			top:300px; left:300px;
			width:150px;
			padding-bottom:15px;
			display:block;
			z-index:5000;
		}
			.formError .formErrorContent {
				width:100%; 
				background:#000;
				color:#fff;
				font-family:tahoma;
				font-size:10px;
				box-shadow: 1px 1px 6px #000;
				-moz-box-shadow: 1px 1px 6px #000;
				-webkit-box-shadow: 1px 1px 6px #000;
				padding:4px 10px 4px 10px;
				border-radius: 6px;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
			}
			.formError .formErrorArrow{
				position:absolute;
				bottom:0;left:20px;
				width:15px; height:15px;
				
			}
				.formError .formErrorArrow div{
					box-shadow: 1px 4px 5px #000;
					-moz-box-shadow: 1px 4px 5px #000;
					-webkit-box-shadow: 1px 1px 5px #000;
					font-size:0px; 
					
				}
				.formError .formErrorArrow .line10{width:15px;height:1px; background:#000;margin:0 auto; font-size:0px; display:block;} 
				.formError .formErrorArrow .line9{width:13px;height:1px; background:#000;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line8{width:11px;height:1px; background:#000;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line7{width:9px;height:1px; background:#000;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line6{width:7px;height:1px; background:#000;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line5{width:5px;height:1px; background:#000;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line4{width:3px;height:1px; background:#000;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line3{width:1px;height:1px; background:#000;margin:0 auto;display:block;}

/*-----------thank you css----------*/
.thnk_text{ width:100%; text-align:center; color:#000000; font-size:13px; padding-top:40px;}
.thnk_text h1{ font-size:24px; font-weight:bold; color:#38a2da;}