/* CSS Document */
html, body, form {margin:0; padding:0}
body {padding:0; margin:0; font-family: "Thoma", Arial, Helvetica, sans-serif; font-size:12px; color:#545454; background:url(../images/bg.gif) repeat-x left top; }
img {border:0}
p {margin:7px 0px 0px 0px; padding:0; color:#545454; line-height:19px;}
a {outline:none; text-decoration:none; color:#333333;}
a:hover {outline:none; color:#4295DE;}
input, select, textarea {font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:2px; color:#333333; outline:none;}
.container { width:960px; margin:0 auto; border:0px solid red;}
.header {width:960px; height:160px; margin: 0px; padding: 0px; border:0px solid red;}
.logo { float:left; width:412px; display:block; padding:18px 0px 0px 0px; }
.nav_base { height:60px; display:block; float:right; margin:0px 0px 0px 0px;} 
.call { float:right; padding:20px 0px 0px 0px; margin:20px 0px 20px 30px; text-align:right; border-left:1px dashed #333333; width:508px; height:40px;}
.call span { font-size:16px; font-weight:bold; line-height:15px; padding:0px 0px 0px 15px; display:block; height:15px; float:left; }
.banner { width:960px; }
.banner div{ float:left; }
.clear { clear:both; margin: 0px; padding: 0px; }
.spac20 { padding:20px 0px 0px 0px; }
.spac5 { padding:5px 0px 0px 0px; }
.spac10 { padding:10px 0px 0px 0px; }
.hline { border-bottom:1px dashed #666666; }

/* menu */
#nav {padding:0; margin:0; list-style:none; height:60px; position:relative; z-index:500; float:left; }
#nav li.top {display:block; float:left; height:60px; padding:0px 0px 0px 0px;}
#nav li a.top_link {display:block; float:left; height:60px; line-height:60px; color:#FFFFFF; text-decoration:none; cursor:pointer; background: url(../images/sp.gif) no-repeat right top; font-size:13px; font-weight:bold; }
#nav li a#quote div{text-decoration: none; background: url(../images/nav_righ.gif) no-repeat center top; font-weight:bold; overflow:hidden;}
#nav li a#livechat {padding:8px 0;}
#nav li a.top_link span {float:left; display:block; padding:0 15px 0 15px; height:60px; border-right:0px solid #666666; }
#nav li:hover a.top_link {color:#FFFFFF; }
#nav li:hover a.top_link span { background-image:url(../images/nav_bgo.gif) }
/* Default list styling */
#nav li:hover {position:relative; z-index:1000; }
#nav li:hover ul.sub {left:0px; top:60px; white-space:nowrap; height:auto; z-index:1000; width:200px;  padding:0px 0px 8px 0px; background:url(../images/nav_btm1.gif) no-repeat left bottom; }
#nav li:hover ul.sub li {display:block; position:relative; float:left; width:192px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; padding:0px 4px !important; line-height:23px; background:#44516F url(../images/subnav_bg.gif) left center; text-align:left;}
#nav li:hover ul.sub li span{ background:#303B55; color:#FFFFFF; margin:0px 2px; padding:0px 0px 0px 4px; margin:4px 0px;  height:23px; display:block }
#nav li:hover ul.sub li a {display:block; font-size:11px; width:192px; text-indent:10px; color:#FFFFFF; text-decoration:none; font-weight:normal; letter-spacing:0.04em; border-bottom:1px solid #4C5A79;}
#nav li ul.sub li a.fly {background-position: right center; background-repeat:no-repeat;}
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:200px; top:-4px; padding:0px; white-space:nowrap; width:200px; z-index:1000; height:auto; background:url(../images/nav_btm1.gif) no-repeat left bottom; padding:0px 0px 4px 0px; border-left:0px solid #4C5A79;}
#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0px; list-style:none; z-index:1000; }
#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{color:#FFFFFF; background-position:14px 8px; background-repeat:no-repeat; z-index:1000;} 
#nav li:hover ul.sub li a:hover {background:#687593 url(../images/nav_bg.gif) repeat-x left top !important; color:#FFFFFF; }
#nav li:hover ul.sub li a.fly:hover {background-position:5px 0px; background-repeat:no-repeat; color:#fff;}
#nav li:hover ul.sub li a.fly:hover ul{ z-index:1000;}
#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background-position:5px 0px; background-repeat:no-repeat; color:#fff; z-index:1000;} 
/* Menu End */

h1 {color:#3F5173; margin:0px; padding:0px; line-height:28px; font-size:22px; font-weight:normal; }
h1 span{ color:#4295DE; } 
h2 {color:#4295DE; margin:0px; padding:10px 0px 0px 0px; font-size:18px; line-height:18px; font-weight:normal;}
h2 img{ float:left; }
h3 {color:#3F5173; margin:0px; padding:10px 0px 0px 0px; font-size:13px; line-height:18px; font-weight:bold; }

.middle_container { float:left; width:950px; padding:20px 0px 0px 10px;}
.middle_content { float:left; width:700px; padding:0px 0px 0px 0px; }
.middle_content p{ text-align:justify; }
.right_pannel { width:230px; float:right; }

/* Middle */
.more { font-weight:bold; text-decoration:underline; }
.services { width:700px; height:30px;  background:url(../images/gray_topbg.gif) repeat-x left top; margin:10px 0px 0px 0px; }
.services_in {background:url(../images/gray_topright.gif) no-repeat right top; } 
.services_detail { background:#ECECEC url(../images/gray_dtbg.gif) repeat-x left top; border-left:1px solid #CBCCCC; border-right:1px solid #CBCCCC; padding:20px 0px 10px 10px; }
.ser_info { width:335px; background:url(../images/curve_top.gif) no-repeat left top; padding:8px 0px 0px 0px; float:left; margin:0px 8px 10px 0px; }
.ser_info h2{ font-size:15px; font-weight:bold; padding:0px; } 
.ser_info div{ background:#FFFFFF; border-left:1px solid #C5BFBF; border-right:1px solid #C5BFBF; padding:0px 8px 0px 10px; }
ul.list { margin:8px; padding:0px 0px 0px 8px; }
ul.list li{ list-style-type:none; background:url(../images/bullet.gif) no-repeat left 8px; padding:3px 0px 3px 12px; line-height:18px; }
ul.list ul{ margin:8px 0px 8px 20px; padding:0px 0px 0px 0px; }
ul.list ul li{ list-style-type:disc; background:none; padding:3px 0px 3px 0px; line-height:18px; }
.dbox { background:url(../images/box_bg.gif) repeat-x left bottom; padding:10px 10px; border:1px solid #CBCCCC; font-size:13px; font-weight:bold; font-style:italic; } 

.project { background:url(../images/box_bg.gif) repeat-x left bottom; padding:5px 10px; border:1px solid #E9E9E9; margin:10px 0px 0px 0px; }
.project p img { border:1px solid #BDBEBF; padding:4px; float:left; margin:0px 15px 10px 5px }
.project a { color:#4295DE; text-decoration:none; }
.project a:hover { text-decoration:underline; }

ul.numlist { margin:8px; padding:0px 0px 0px 27px; }
ul.numlist li{ list-style-type:decimal; padding:3px 0px 3px 0px; line-height:18px; }

ul.numlist1 { margin:8px; padding:0px 0px 0px 8px; }
ul.numlist1 li{ list-style-type:none; padding:3px 0px 3px 0px; line-height:18px; width:320px; float:left; }



/* Right Pannel */
.inq { background:#8196CF url(../images/quote_top.gif) no-repeat left top; padding:10px 0px 0px 10px; }
.inq h2{ padding:5px 0px 10px 0px; }
.inq h2.quote{ background:url(../images/quote_icon.gif) no-repeat 110px -3px; padding:5px 0px 20px 0px; color:#FFFFFF;}
.rightcstext { background:#FFFFFF; border:none; width:198px; padding:5px 0px 0px 6px; margin:1px; height:20px; }
.rightcsarea { background:#FFFFFF; border:none; width:198px; padding:5px 0px 0px 6px; margin:1px; height:50px; }
.partner { background:url(../images/partner_bg.gif) no-repeat left top; padding:10px 5px 0px 10px; }
.partner h2{ padding:0px; } 
.rightlink { background:url(../images/right_btm.gif) no-repeat left bottom; padding:0px 0px 10px 0px; margin:0px 0px 10px 0px; }
.rightlink h2 { background:url(../images/right_title_bg.gif) no-repeat left top; line-height:36px; text-align:center; padding:0px; }
.rightlink ul { margin:0px 0px 0px 0px; padding:8px 8px 8px 8px; background:#F1F1F1; border-left:1px solid #E1E0E0; border-right:1px solid #E1E0E0; }
.rightlink ul li{ list-style-type:none; background:url(../images/bullet.gif) no-repeat left 9px; padding:5px 0px 5px 10px; line-height:18px; border-bottom:1px solid #CFCFCF; }
.rightlink ul li a{color:#3F5173; font-size:13px; padding:0px 0px 0px 0px; }
.rightlink ul li a:hover {color:#4295DE; text-decoration:underline; } 
.rightlink ul li a.sel{ color:#3F5173; font-weight:bold; font-size:12px; } 
.rightlink ul li ul { border:none; }
.rightlink ul li ul li{ list-style-type:none; background:none; border:none; padding:0px 0px 0px 0px; line-height:18px; }
.quickjump { background:#A7B3CF; padding:5px; }
.quickjump select { width:220px; }
.labeled { background:#3F5173; color:#FFFFFF; text-align:center; font-size:14px; font-style:italic; }

/* footer */
.footer { background:url(../images/foot_bg.gif) repeat-x left -10px; padding:50px 10px 10px 10px; color:#FFFFFF; text-align:center; height:130px; }
.footer p{color:#B5B3B3; }
.footlink{color:#B5B3B3;}
.footlink a{color:#B5B3B3;}
.footlink a:hover{color:#FF6600;}
.footer p a:hover{color:#FFF;}

/* form */
.frm { border:1px solid #E9E7E7; background:url(../images/frm_bg.gif) repeat-x left top; padding:10px; width:680px; } 
.frm p { margin:0px; padding:3px 0px 3px 0px; text-align:left; }
.frm p span { float:left; width:120px; line-height:20px; float:left; }
.cstext { border:1px solid #BDBDBD; background:url(../images/input_bg.gif) repeat-x left top; height:20px; }
.csbutton { border:1px solid #CBCCCC; background:url(../images/button_bg.gif) repeat-x left top; padding:0px 8px; color:#000000; font-weight:bold; height:23px; font-size:13px; }
.csselect { border:1px solid #BDBDBD; width:284px; height:26px; }
.mandatory { color:#FF0000; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; }

table { border:1px solid #C2C2C2; border-collapse:collapse; }
th { background: #E6E5E5; font-weight:bold; padding:5px; }
td { padding:3px 3px 3px 5px; }
.img-left { float:left; padding:0px 10px 0px 0px; }
.img-right { float:right; padding:0px 0px 0px 10px; }
.base1 { width:340px; float:left; }
.base2 { width:340px; float:right; }


