/* CSS Document */
html, body, p, div, h1, h2, h3, h4, h5, h6, img, span, ul, li, br, hr, a, form, tr, td, table, dl, dt, dd { padding:0px;margin:0px;border:0px;}
body{ color:#4D4D4D;font:normal 12px/18px Tahoma;background:url(../images/main_bg.gif) left top repeat-x #EAEAEA;}
body.inner_body{background:url(../images/inner_bg.gif) left top repeat-x #EAEAEA;}

br{ font-size:0;height:0;line-height:0;clear:both;}
a{outline:none;border:0;color:#929FBC;text-decoration:none;}
a:hover{ color:#fff;}
.float_l{float:left;}
.float_r{float:right;}

ul{ list-style:none;}
.wrap{ width:800px;margin:0 auto;}
h2{color:#fff; font:normal 22px/32px Tahoma; width:284px;}
h2 span{color:#838FAC;font:bold 30px/32px Tahoma;}
h3{font:bold 14px/18px tahoma; color:#838FAC; margin:0 0 7px 0;}

.mar_r_6{ margin-right:6px;}

/*header section*/
#top{ height:173px; background:url(../images/top_bg.png) center bottom no-repeat;}
#top div.logo{ padding-top:50px;float:left;padding-left:1px;}

ul.nav{ text-align:right; padding-top:88px; white-space:nowrap; overflow:hidden; float:right; }
ul.nav li{float:left;}
ul.nav li a{ font:bold 14px/24px Tahoma; color:#8E9BB9; padding:0 6px; height:26px; display:block; margin-left:12px;}
ul.nav li a:hover{ color:#fff;}
ul.nav li a.act{color:#202A3B; background:url(../images/home_act.gif) center center no-repeat;}
ul.nav li a.features{background:url(../images/features_act.gif) center center no-repeat;}
ul.nav li a.design{background:url(../images/design_act.gif) center center no-repeat;}
ul.nav li a.contact{background:url(../images/contact_act.gif) center center no-repeat;}


.wrap2{ background:url(../images/banner_bg.png) left top repeat-x; width:860px; margin:0 auto;}
.wrap3{ background:url(../images/inner_top_bg.png) left top repeat-x; width:860px; margin:0 auto;}

.banner{background:url(../images/banner_r.png) right top no-repeat;padding-right:22px;margin-bottom: 19px;}
.banner_l{background:url(../images/banner_l.png) left top no-repeat; padding-left:22px;}
.banner_main{background:url(../images/banner_m.png) left top repeat-x;height:114px;padding:10px 22px  0 18px;}

/*box section*/
.box{ width:800px; margin-bottom:19px;}
.block_2{ width:252px; float:left; padding-top:18px;}
.block_2:hover{color:#fff;}
.mar_l_22{ margin-left:22px;}

.block_2{ background:url(../images/block_2_t.gif) left top no-repeat;}
.block_2_cont{ background:url(../images/block_2_b.gif) left bottom no-repeat; padding-bottom:18px;}
.block_2_cont div{ background:#fff; padding:0 24px 15px 24px;}

.block_1,.block_2:hover{ background:url(../images/block_1_t.gif) left top no-repeat;}
.block_1_cont,.block_2:hover .block_2_cont{ background:url(../images/block_1_b.gif) left bottom no-repeat; padding-bottom:18px;}
.block_1_cont div,.block_2:hover .block_2_cont div{ background:#4B566F; padding:0 24px 15px 24px;}


.block_1 h3,.block_2 h3{ font:bold 18px/20px tahoma;}

.block_1 h3 span,.block_2 h3 span{ text-align:center;width:21px; height:21px; display:block; float:left; margin-right:3px;}

.block_2 h3{color:#374C71;}
.block_2 h3 span{ background:url(../images/no_bg2.gif) no-repeat; color:#374C71;}

.block_2:hover h3{color:#fff;}
.block_1 h3 span,.block_2:hover h3 span{ background:url(../images/no_bg.gif) no-repeat; color:#fff;}


.block_2 img{ border:5px solid #E8E7E7; margin:11px 0;}
.block_1 img,.block_2:hover img{ border:5px solid #626A7E; margin:11px 0;}

/*footer section*/
#footer{background:url(../images/main_bot_bg.gif) left bottom repeat-x; padding-bottom:90px;}
.box2_l{ background:url(../images/box2_l.png) left top no-repeat; width:23px; height:150px; float:left;}
.box2_r{ background:url(../images/box2_r.png) left top no-repeat; width:23px; height:150px; float:right;}
.box2_m{ background:url(../images/box2_m.png) left top repeat-x;height:100px;float:left; width:754px; padding:20px 0 30px 0;}

.box2_left{ width:356px; float:left;}
.box2_right{ width:372px; float:right;}
.box2_left h2,.box2_right h2{color:#374C71; font:bold 18px/30px Tahoma;}

.form1{ margin-top:8px;}
.tbgl{ width:6px; float:left; background:url(../images/tbgl.png) left top no-repeat; height:29px;}
.tbgr{ width:6px; float:left; background:url(../images/tbgr.png) left top no-repeat; height:29px;}
.tbgr2{ width:6px; float:left; background:url(../images/tbgr.png) left top no-repeat; height:29px; margin-right: 6px;}
.tbgm{ width:120px; float:left; background:url(../images/tbgm.png) left top repeat-x; height:29px; padding:0 5px;}
.tbgm2{ width:300px; float:left; background:url(../images/tbgm.png) left top repeat-x; height:29px; padding:0 5px;}
.tbgm3{ width:113px; float:left; background:url(../images/tbgm.png) left top repeat-x; height:29px; padding:0 5px;}
.input{border:none;margin:3px 0 0 0;padding-top:2px;font:normal 12px/18px Tahoma;width:120px;color:#747474; border:0; background:none;}
.input2{border:0;margin:3px 0 0 0;padding-top:2px;font:normal 12px/18px Tahoma;width:300px;color:#747474; border:0; background:none;}

.tabg_l{ width:6px; float:left; background:url(../images/ta_bg_l.png) left top no-repeat; height:109px;}
.tabg_r{ width:6px; float:left; background:url(../images/ta_bg_r.png) left top no-repeat; height:109px;}
.tabg_m{ width:300px; float:left; background:url(../images/ta_bg_m.png) left top repeat-x; height:109px; padding:0 5px;}
.textarea_big{border:none;margin:3px 0 0 0;padding-top:2px;font:normal 12px/18px Tahoma;width:300px;color:#747474; border:0; background:none; height:100px; overflow:auto;}


.foot{ padding:10px 0 0 32px; color:#EAEAEA; font:normal 11px/18px Tahoma;}
p.p2{ margin-top:7px;}
ul.nav2 li{float:left;}
ul.nav2 li a{ font:normal 11px/18px tahoma; color:#929FBC;float:left; white-space:nowrap;}
ul.nav2 li a:hover{ color:#fff;}
ul.nav2 li span{ padding:0 11px; color:#929FBC;float:left;}

/*inner pages styles*/
.cont_main_t{ background:url(../images/cont_main_t.gif) left top no-repeat #0A1021; width:800px; height:16px; float:left;}
.cont_main_b{ background:url(../images/cont_main_b.gif) left top no-repeat; width:800px; height:16px; float:left;}
.cont_main_m{background:#fff;width:800px;padding:0;float: left;}

.title{font:normal 11px tahoma;color:#3B455A;background:url(../images/title_bg.gif) left bottom repeat-x;padding:0 21px;height:29px;}
.title span{ color:#929FBC; padding:0 2px;}
.title a:hover{color:#3B455A;}

.cont{ padding:20px 23px 30px 23px; width:754px; float:left;}
.cont_l{ width:502px; float:left;}
.cont_r{ width:226px; float:right;}

.cont h2{font:bold 24px/30px Tahoma;color:#374C71;width: auto;margin-bottom: 7px;}

ul.features{ margin:25px 0;}
ul.features li{ background:url(../images/dot.gif) left top repeat-x;padding:25px 0; float:left; width:502px;}
ul.features li img{ border:5px solid #E8E7E7; margin:0 25px 23px 0;}
ul.features li h3,ul.features li h3 a{font:bold 14px/18px tahoma; color:#838FAC; margin:0 0 7px 0; text-decoration:none;}
ul.features li .text{ width:273px; float:left;}
ul.features li .text a,ul.features li a, div.cont_l a { text-decoration:underline; color:#374C71;}
ul.features li .text a:hover,ul.features li a:hover, div.cont_l a:hover { text-decoration:none; color:#0A1023;}
ul.features li img.bor_none{ border:none;}

.right_box{ margin-bottom:20px;}
.box_t{ background:url(../images/right_box_t.gif) left top no-repeat;width:226px; height:5px;}
.box_b{ background:url(../images/right_box_b.gif) left top no-repeat;width:226px; height:5px;}
.box_m{ background:#4B566F;width:226px;color:#B7C2DC;}
h4{font:bold 18px/38px tahoma; color:#FEFEFE; border-bottom:1px solid #616D88; padding:0 20px; margin-bottom:11px;}
h4.two{font:bold 18px/38px tahoma; color:#374C71; border-bottom:1px solid #D1D1D1; padding:0 20px; margin-bottom:11px;}

.box_m a,.box_m span a{color:#fff;}
.box_m span{ font:bold 14px/20px Tahoma;}
.pad_lrb_20{ padding:0 20px 20px;}

.box_t2{ background:url(../images/right_box_t2.gif) left top no-repeat;width:226px; height:5px;}
.box_b2{ background:url(../images/right_box_b2.gif) left top no-repeat;width:226px; height:5px;}
.box_m2{ background:#F3F3F3;width:226px;}
.box_m2 p.p2{}


ul.menu{ padding:0 20px 30px 20px;}
ul.menu li a{color:#B7C2DC; line-height:28px; background:url(../images/bullet.gif) left center no-repeat; padding-left:21px; }
ul.menu li a:hover, ul.menu li a.active{color:#fff;}

a.btn,span.btn{ background:url(../images/butn_bg.gif) center center no-repeat; width:69px; height:34px; display:block; float:right; text-align:center; color:#fff !important; font:bold 20px/30px Tahoma; text-decoration:none !important; margin:0 0 7px 7px;}
a.btn:hover,span.btn:hover{ background:url(../images/butn_bg_o.gif) center center no-repeat;}


.form2{ background:url(../images/dot.gif) left top repeat-x;padding:25px 0; float:left; width:502px; margin:25px 0;}
.form2 label{float:left;width:148px;clear: left;display: block;margin-bottom:11px;padding: 5px 0;}
.form2 input.text,.form1 textarea, .form1 select{font-size:11px;padding:2px;border:1px solid #d9c2c2; color:#867240;float:left;margin-bottom:10px;}
.form2 textarea{width:300px;height:100px;clear: right;margin-bottom:10px;float: left;color: #747474;}
.form2 select{width:306px;clear: right;border:1px solid #d9c2c2 !important;float: left;margin-bottom:10px;}
.textbox{float:left;margin-bottom:11px;width: 322px;}


.select_box{width:300px;border:none;position:relative;height:26px;}
ul#select_menus{list-style:none; margin:0; padding:0; width:289px; position:absolute; left:-11px; top:26px; visibility:hidden; background-color:#E3E8F3;}
ul#select_menus li{}
ul#select_menus li a{color:#4D4D4D; background:#; display:block; padding:6px 10px; text-decoration:none}
ul#select_menus li a:hover{color:#4D4D4D; background:#D1D7E4;}

a.arrow{width:32px; height:29px; display:block; position:absolute; top:0px; right:-10px; background:url(../images/select_dropdown.gif) no-repeat; display:block;}
#show{line-height:26px;color: #747474;}
#d1,#d2{ float:left; margin-right:5px; }

.pricing-table {width:100%; font-size:14px; margin-top:2em; border:1px solid #e2e2e2;}
.pricing-table th {background:#374C71; color:#fff; text-align:left; font-size:14px; padding:8px 10px;}
.pricing-table td {padding:8px 10px;}
.pricing-table .alt {background:#f3f3f3;}

div.cont_l a.button {text-decoration:none !important; color:#fff !important; background:#374C71; font-weight:bold; text-align:center; font-size:14px; border-radius:5px; display:block; width:100%; padding:5px;}
div.cont_l a.button:hover {background:#0C1224;}