@charset "utf-8";
/*======================================
				dipu
			www.eSoftArena.com
=======================================*/
body{
	font-family:Tahoma, Arial;
	font-size:12px;
	color:#fff;
	text-align:center;
	background:#003875 url(../images/body_bg.gif) repeat-x; position:relative
}

/*======= Common Styles ============*/
*{margin:0; padding:0; outline:none}
img,fieldset{border:0}
.hide{display:none;	visibility:hidden}
a{text-decoration:none}
a:hover{text-decoration:underline}
ul{list-style:none}


#body_In{width:100%; background:url(../images/bodt_In_bg.jpg) no-repeat center 50px; }

/*========scroll_nav==========*/
#scroll_nav{
	width:100%;
	height:50px;
	background:url(../images/body_bg.gif) repeat-x;
	position:fixed;
	left:0;
	top:0;
	z-index:10;
}
#scroll_navIn{
	width:1004px;
	height:39px;/*50*/
	padding:11px 0 0;
	margin:0 auto;
	text-align:left;
}
#scroll_navIn p{/*width:285px;*/ float:right; height:34px; line-height:30px; font-size:11px; font-weight:bold; text-align:center}
#scroll_navIn p a{height:34px; color:#fff; float:left; padding-left:22px; overflow:hidden; background:url(../images/top_linkBg1.gif) no-repeat}
#scroll_navIn p a span{height:34px; float:left; padding-right:15px; cursor:pointer; background:url(../images/top_linkBg1.gif) no-repeat right top}
#scroll_navIn p a.top_link, #scroll_navIn p a.top_link span{background-image:url(../images/top_linkBg2.gif); color:#000}
#scroll_navIn p a.top_link{margin-left:1px}
#scroll_navIn p a:hover{text-decoration:none; background-position:left bottom}
#scroll_navIn p a:hover span{text-decoration:none; background-position:right bottom}

#wrap{
	width:1004px;
	margin:0 auto;
	padding:11px 0 0;
	text-align:left;
}
/*=========HEADER==========*/
#header{width:100%;/*1004*/ height:168px; position:relative}
#header h1{width:260px; height:105px; position:absolute; left:0; top:62px}
#header .logo{width:260px; height:105px; position:absolute; left:0; top:62px}

#header h2{width:706px; height:47px; text-indent:-1000px; overflow:hidden; background:url(../images/header_h2.png) no-repeat; position:absolute; left:281px; top:111px}
#header .strapline{width:706px; height:47px; overflow:hidden; position:absolute; left:281px; top:111px}
/*=========main_cont==========*/
#main_cont{width:992px;/*1004*/ padding:0 0 0 12px; overflow:hidden}
#lft_cont{width:247px; float:left;}
#rgt_cont{width:743px; float:right;}

/*=========lft_nav==========*/
.lft_nav{width:100%;/*247*/ padding-bottom:2px; overflow:hidden; font-size:11px;margin-top:0;}
.lft_nav li{width:100%; /*float:left;*/ padding:0 0 7px; display:block; overflow:hidden}
.lft_nav li h4{width:100%; height:25px; overflow:hidden; background:url(../images/lft_nav_bg.png) no-repeat}
.lft_nav li h4 a{color:#fff; display:block}
.lft_nav li h4 a:hover, .lft_nav li.selected h4 a, .lft_nav li.subOpen h4 a{color:#fff; text-decoration:none; color:#ffbe22}

.lft_nav li h4:hover{background-position:left bottom}
.lft_nav li.selected h4, .lft_nav li.subOpen h4{background-position:left center}

.lft_nav li h4 strong{width:200px;/*216*/ padding:0 9px 0 7px; float:left; line-height:23px; cursor:pointer; font-size:11px}
.lft_nav li h4 b{width:25px; height:25px; float:left; text-indent:-1000px; overflow:hidden; cursor:pointer}
.lft_nav ul{width:100%; display:none}
.lft_nav li.subOpen ul{display:block}
.lft_nav li li{width:240px;/*247*/ padding:0 0 0 7px; line-height:18px}
.lft_nav li li a{color:#fff;text-decoration:none;}
.lft_nav li li a:hover{color:#ffbe22; text-decoration:none;}

/*=========lft_box==========*/
.lft_box_tp{width:247px; background:url(../images/lft_box_bg.png) no-repeat center top; overflow:hidden; margin-top:4px; cursor:pointer;}
.lft_box_tp, .lft_box_tp customer, lft_box_tp brochure { cursor:pointer; } 
.lft_box_btm{width:100%; padding:13px 0; background:url(../images/lft_box_bg.png) no-repeat right bottom; float:left; }
.lft_box{width:223px;/*247*/ padding:0 8px 9px 16px; background:url(../images/lft_box_bg.png) repeat-y; float:left}
.lft_box_tp h4{width:100%; font-family:"Myriad Pro", Arial; font-size:20px; line-height:20px; float:left}
.lft_box_tp a{padding-left:25px; color:#ffbd23; text-decoration:underline; float:left; line-height:14px; background:url(../images/arrow_1.gif) no-repeat 3px 2px}
.lft_box_tp a:hover{text-decoration:none}

.overview h4, .brochure h4{min-height:78px;/*99*/ padding-bottom:21px; background:url(../images/overview_bg.png) no-repeat 139px 4px; margin-bottom:-21px}
.overview h4 span, .brochure h4 span{font-weight:normal; display:block}
.brochure h4{background:url(../images/brochure.png) no-repeat 126px top}
.brochure h4 small{font-size:12px; font-weight:normal}

.customer h4{padding-bottom:5px}
/*.customer a{margin-bottom:5px}*/
/*==================right-side=======================*/

.js_gallery{width:733px;/*743*/ height:299px;/*309*/ padding:1px 8px 9px 2px; background:url(../images/js_gallery_bg.png) no-repeat; margin-bottom:4px; overflow:hidden; position:relative}
.js_gallery dd, .js_gallery dt{width:733px; height:299px; float:left; background-repeat:no-repeat; background-position:left top; position:absolute; left:1px; top:1px; z-index:1; overflow:hidden}
.js_gallery dd{_top:2px;}
.js_gallery dt.slide_box{width:88px; height:14px; padding:0; left:635px; top:271px; z-index:2}
.js_gallery_01{background-image:url(../images/js_gallery_bg1.png)}
.js_gallery_02{background-image:url(../images/js_gallery_bg2.png)}
.js_gallery_03{background-image:url(../images/js_gallery_bg3.png)}
.js_gallery_04{background-image:url(../images/js_gallery_bg4.png)}

.js_gallery dd p{width:607px;/*721*/ height:31px; padding:0 100px 0 14px; overflow:hidden; background:url(../images/slide_box_bg.png) no-repeat; position:absolute; left:6px; top:262px; z-index:1}
.js_gallery dd p a{padding-left:23px; font-size:14px; color:#ffbd23; font-weight:bold; line-height:31px; float:left; background:url(../images/arrow_2.png) no-repeat left 10px; text-decoration:underline}
.js_gallery dd p a:hover{text-decoration:none}

/*---------slide_box------------*/
.slide_box a{width:14px; height:100%; float:left; overflow:hidden; text-indent:-1000px; margin-right:8px; background:url(../images/slide_icon.png) no-repeat left top}
.slide_box a:hover, .slide_box a.slct{background-position:left bottom}

.js_gallery_01 h2, .js_gallery_02 h2, .js_gallery_03 h2, .js_gallery_04 h2{width:713px;/*743*/ /*margin:27px 0 0 30px;*/ height:78px; background-repeat:no-repeat; text-indent:-2000px; overflow:hidden; position:absolute; left:30px; top:27px}
.js_gallery_01 img{margin:20px 10px 10px 20px;}
.js_gallery_02 img{margin:20px 10px 10px 20px;}
.js_gallery_03 img{margin:20px 10px 10px 20px;}
.js_gallery_04 img{margin:20px 10px 10px 20px;}

/*---------blue_box------------*/
.blue_box_tp{width:743px; background:url(../images/blue_box.png) no-repeat center top; margin-bottom:4px; overflow:hidden}
.blue_box_btm{width:100%; padding:13px 0; background:url(../images/blue_box.png) no-repeat right bottom; float:left}
.blue_box{width:100%; background:url(../images/blue_box.png) repeat-y; float:left}

/*---------intro------------*/
.blue_box_intro{padding-bottom:18px}
.intro{width:713px;/*743*/ padding:0 12px 0 18px; overflow:hidden;}
.intro_lft{width:713px; float:left}
.intro_lft h3{font-size:22px; line-height:30px; font-weight:normal}
.intro_lft p{line-height:18px; margin-bottom:18px}
.intro_lft p.last_p{margin-bottom:0}
.intro_lft a{color:#ffc021; text-decoration:underline}
.intro_lft a:hover{text-decoration:none}
.intro_rgt{width:252px; float:right; text-align:center}
.intro_rgt label{display:block; font-size:26px; line-height:31px}
.intro_rgt label.or{font-size:22px; line-height:38px}
.intro_rgt label b{font-size:31px; color:#ffbd23; display:block; font-weight:normal}
.intro_rgt span{padding:9px 20px 0 25px; text-align:left; display:block; line-height:20px}
.intro_rgt span a{color:#ffbc25; font-size:17px; text-decoration:underline}
.intro_rgt span a:hover{text-decoration:none}

/*---------ex_industry------------*/
.ex_industry{width:727px;/*743*/ padding:0 8px 0}
.ex_industry h3{padding:0 0 2px 8px; font:bold 15px/15px Arial; color:#ffbc25; text-transform:uppercase}
.ex_industry dl{width:727px; overflow:hidden}
.ex_industry dd{width:220px; padding-bottom:7px;padding-right:12px;padding-left:7px; float:left; overflow:hidden}
.ex_industry dd label{width:220px;/*145*/ height:100px;/**/ padding:3px 5px 5px 3px; display:block; overflow:hidden; background:url(../images/extreme_imgBG.png) no-repeat}
.ex_industry dd label img{width:220px; height:100px; border:1px solid #577da5;}
.ex_industry dd span{padding-left:4px; display:block; font-size:11px; line-height:12px}

/*================footer-================*/
#footer{width:984px;/*992*/ padding:5px 0 50px 12px}
#footer .services{width:983px;}
.ftr_blue_box{width:981px;/*992*/ height:32px;/*40*/ padding:0 11px 8px 0; font-size:11px; line-height:32px; overflow:hidden; background:url(../images/footer_blue_box.png) no-repeat}
.ftr_blue_box a{float:left; color:#fff; padding:0 14px}
.ftr_blue_box b{float:left; font-weight:normal}
.ftr_blue_box span{float:right}
.ftr_blue_box span em{float:left; font-style:normal; padding-right:14px}
.ftr_add{width:100%; padding:3px 0 0}
.ftr_add a{margin-right:23px}

/*==========[page:content]================*/
.content{width:711px;/*743*/ padding:6px 8px 8px 24px; overflow:hidden}
.content h1{font-size:24px; line-height:28px; font-weight:normal;margin-bottom:-1px;}
.content h2{font-size:18px; line-height:28px; font-weight:normal;margin-top:24px;margin-bottom:-4px;}
h2.errorMessage, #customers h2 { font-size:16px;color:#dbe0e6; }
#customers h2 { margin:10px 0 2px 0; }
.content h3{padding:0 0 12px; float:left; font-size:24px; line-height:27px; font-weight:normal}
.content_lft{width:455px; float:left}
#customers .content_lft { width:655px; }
#customers th.heading, #customers td.input,#customers td.input2  { background-color:#053263;padding:3px 8px; }
#customers td.input { background-color:#476e9a; }
#customers td.input2 { background-color: #4f78a7; }
#customers h1
.content_rgt{width:208px;/*223*/ padding:13px 15px 0 0; float:right}
.content_lft p{line-height:16px; margin-top:16px;}
.content_lft a{color:#ffb12b; text-decoration:underline;}
.content_lft a:hover{text-decoration:none}
.content_lft ul{margin:16px 0 0 2px;}
.content_lft ul li{width:100%; padding:0 0 0 24px; line-height:16px; background:url(../images/bullet.gif) no-repeat left 2px;}
.content_lft ul li a{padding-left:24px;}
.content_lft ul li a:hover{text-decoration:none}
.content_lft ul { margin-left:4px; }
.content_lft ul.second li { list-style: disc outside;margin:0 0 16px 15px; padding-left:0; background-image:none;width:auto; }
.content_lft ul.second li ul { margin:3px 0 0 14px; }
.content_lft ul.second li ul li { margin-bottom:0;  list-style-type: circle;  }
.content_rgt { margin-left:475px;width:225px; }
.content_rgt label{width:200px;/*208*/ height:200px;/*208*/ padding:1px 6px 7px 2px; margin-bottom:23px; display:block; background:url(../images/content_imgBg.png) no-repeat}
.content_rgt label{width:200px;/*208*/ height:200px;/*208*/ padding:1px 6px 7px 2px; margin-bottom:23px; display:block; background:url(../images/content_imgBg.png) no-repeat}
.content_rgt img{width:198px; border:1px solid #003976;margin-bottom:16px;}

/*==========[page:contact]================*/
.box_map{width:723px;/*743*/ padding:0 12px 2px 8px; position:relative; margin-top:-7px; float:left}
.google_map{width:722px; height:300px;/*250*/}
.box_map p{width:709px;/*721*/ height:31px; padding:0 12px 0 0; text-align:right; line-height:31px; margin-top:8px; background:url(../images/larger_mapBg.png) no-repeat; overflow:hidden}
.box_map p a{padding-left:22px; color:#ffb12b; text-decoration:underline; background:url(../images/arrow_2.png) no-repeat left center}
.box_map p a:hover{text-decoration:none}

.blue_box_contact{padding-bottom:17px}
.contact{width:698px;/*743*/ padding:0 27px 0 18px; overflow:hidden; background:url(../images/border_01.png) repeat-y 240px top}
.contact_lft{width:222px; float:left}
.contact_rgt{width:452px; float:right}
.contact h3{font-size:22px; line-height:22px; padding-bottom:14px; font-weight:normal}
.contact_lft p{line-height:16px; margin-bottom:16px}
.contact_lft a{color:#ffb12b; text-decoration:underline}
.contact_lft a:hover{text-decoration:none}
.contact_lft p strong{font-size:11px; display:block}
.contact_lft p strong.add_title{font-size:12px; color:#ffb12b}
.contact_lft p span{display:block}
.contact_lft p span.ph_no{color:#ffb12b}
.contact_lft p span.sml{font-size:11px}
.contact_lft p span b{font-weight:normal; color:#ffb12b}
.contact_lft h5{font-size:18px; font-weight:normal; line-height:20px}

.contact_rgt span{display:block; line-height:14px; padding-bottom:5px}
.contact_rgt label{display:block; line-height:14px; padding-bottom:5px}
.contact_rgt input{width:272px;/*274*/ height:16px;/*22*/ padding:2px 0; border:1px solid #dbe0e6; border-top:1px solid #acadb2; margin-bottom:8px; font-size:12px; font-family:Tahoma, Arial}
.contact_rgt p{width:100%; overflow:hidden; padding-bottom:15px}
.contact_rgt p input{width:13px; height:12px; float:left; margin:1px 6px 0 0; padding:0; border:0}
.contact_rgt p label{float:left; padding:0 47px 0 0}
.contact_rgt b{color:#ffb12b; font-weight:normal}
.contact_rgt textarea{width:449px;/*451*/ height:109px;/*115*/ padding:2px 0; border:1px solid #dbe0e6; border-top:1px solid #acadb2; margin-bottom:8px; font-size:12px; font-family:Tahoma, Arial}
.contact_rgt a{color:#ffb12b; text-decoration:underline; padding-left:22px; background:url(../images/arrow_2.png) no-repeat left 2px}
input.contactSbmt { background:url(../images/arrow_2.png) no-repeat left 5px; width:auto !important;border:0;padding:2px 0 2px 18px; color:#ffb12b;height:auto;cursor:pointer;}
input.contactSbmt:hover { color:#fff; }
.contact_rgt a:hover{text-decoration:none; }
.alignImg { margin-top:8px;margin-bottom:3px;font-weight:bold; }

/*=======dipu-2010-07-15===========*/
.button_y{
	width:100%;
	overflow:hidden; padding-top:12px;
}
.button_y a{
	float:left;
	height:33px;
	padding-left:28px;
	background:url(../images/butn_bg.gif) no-repeat;
	text-decoration:none;
}
.button_y a span{
	float:left;
	height:33px;
	padding-right:15px;
	background:url(../images/butn_bg.gif) no-repeat right top;
	font-size:14px;
	line-height:31px;
	color:#001730;
	font-weight:bold;
	cursor:pointer;
}
.button_y a:hover{text-decoration:none; background-position:left bottom}
.button_y a:hover span{background-position:right bottom}

/*---popup-----*/
/*#popup_wrap{display:none}*/
#popup_top{
	width:512px;
	background:url(../images/popup_bg.gif) no-repeat;
}
#popup_btm{
	width:512px;
	padding:11px 0;
	background:url(../images/popup_bg.gif) no-repeat right bottom;
}
#popup{
	width:482px;/*512*/
	padding:11px 5px 0 25px;
	background:url(../images/popup_bg.gif) repeat-y center top;
	text-align:left;
	position:relative;
}
a.butn_close{
	width:21px;
	height:21px;
	display:block;
	text-indent:-1000px;
	overflow:hidden;
	background:url(../images/butn_close.gif) no-repeat;
	position:absolute;
	right:11px;
	top:0;
}
#popup h2{
	width:100%;
	height:27px;
	text-indent:-1000px;
	overflow:hidden;
	background:url(../images/talk-to-us.gif) no-repeat;
}
form.talk_form{
	width:482px;
	overflow:hidden;
}
form.talk_form span{
	width:220px;
	float:left;
	padding-right:20px;
}
form.talk_form span.big{width:460px; padding:0 0 15px}
form.talk_form span label{
	display:block;
	font-size:13px;
	line-height:28px;
	color:#3b2313;
	font-style:italic;
}
form.talk_form span label b{color:#0a64af}
input.inp_txt1, .txtarea_1{
	width:214px;/*220*/
	height:16px;/*22*/
	padding:2px;
	border:1px solid #e3e4e9;
	border-top:1px solid #acadb2;
	font-size:14px;
	line-height:16px;
	display:block;
}
.txtarea_1{
	width:454px;/*460*/
	height:132px;/*138*/
}
input.submit_1{float:right}




/*========================================*/
@media screen and (-webkit-min-device-pixel-ratio:0){ /*only for safari hack*/
	.lft_nav li h4 strong, .lft_box_tp h4, .js_gallery dd p a{font-weight:normal}
	.js_gallery dd p a{font-size:1.25em}
}