@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_bg2.gif) repeat-x;
}

/*======= 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 20px}
#wrap{
	width:1004px;
	margin:0 auto;
	padding:10px 0 0;
	text-align:left;
}
/*=========HEADER==========*/
#header{width:100%;/*1004*/ height:154px; position:relative}
#header h1{width:260px; height:105px; position:absolute; left:0; top:40px}
#header .logo{width:260px; height:105px; position:absolute; left:0; top:40px}
#header p{/*width:285px;*/ float:right; height:23px; line-height:20px; font-size:11px; font-weight:bold; text-align:center; position:absolute; right:0; top:0}
#header p a{width:91px; height:23px; color:#fff; float:left; overflow:hidden; margin-right:3px; background:url(../images/top_link.png) no-repeat}
#header p a:hover{color:#fba926; text-decoration:none; background-position:left bottom}
#header h2{width:706px; height:47px; text-indent:-1000px; overflow:hidden; background:url(../images/header_h2.png) no-repeat; position:absolute; left:281px; top:90px}
#header .strapline{width:706px; height:47px; overflow:hidden; position:absolute; left:281px; top:90px}
/*=========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:right bottom; display:none; position:absolute; left:2px; top:1px; z-index:1; overflow:hidden}
.js_gallery dt.slide_box{width:88px; height:14px; padding:0; display:block; 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; }


/*========================================*/
@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}
}