/* reset css */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 12px;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
padding:0 0 0 0;
margin:0 0 0 0 ;
font-family:Arial, Helvetica, sans-serif;
background: url(../images1/bg.jpg) repeat-x #1a3956; height:auto;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
/*---------------------------reset code----------------------------*/
.clear { clear:both; line-height:1px; font-size:1px;}
/*---------------------------Main Body Start ----------------------------*/
/*---------------------------Main Body Start ----------------------------*/
#main_wrapper { width:100%; margin:0 auto; background:url(../images1/background_bg.jpg) repeat-y center top;}
#wrapper { width:1000px; margin:0 auto; overflow:hidden; padding:0;}
/*---------------------------Main Body End-------------------------------*/
/*---------------------------Header Start ----------------------------*/
.header_wrapper { width:1000px; height:132px; background:url(../images1/header_bg.jpg) repeat-x; margin:0 auto;}
/*---------------------------Header End ----------------------------*/
/*---------------------------Header content ----------------------------*/
.header_lft { float:left; width:335px;}
.logo { padding:14px 0 0 14px;}
.header_rht { float:right; width:250px;}
.company_name { float:right; padding:36px 55px 0 0}
/*---------------------------Header content End ----------------------------*/
/*---------------------------menu wrapper-------------------------------*/
.menu_wrapper { width:1000px; background: url(../images1/menu_bg.jpg) repeat-x; height:36px; padding:0; margin:0;}
/*---------------------------Menu wrapper-------------------------------*/
/*---------------------------menu -------------------------------*/
ul.dropdown { list-style:none; padding:0 0 0 0px; margin:0;}
ul.dropdown li {float: left; zoom: 1; display:block; float:left; border-left:1px solid #3a87bd; border-right:1px solid #355679; list-style:none;}
ul.dropdown a:hover { background: url(../images1/menu_Ho_bg.jpg) repeat-x 0 0 ; }
ul.dropdown li ul { position:absolute; list-style:none; display:none; width:212px; }
ul.dropdown li li { width:270px; margin-left:-41px; background-color: #3a87bd; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:9px; border: 1px solid #0099CC;}
ul.dropdown li:hover ul { display:block; }
ul.dropdown li a { display: block; padding:10px 12px; color:#ffffff; text-decoration:none; font-size:14px;}
ul.dropdown li.first { border-left:none; } /* Doesn't work in IE */
ul.dropdown li.last { border-right:none; }
ul.dropdown li a span { background:url(../images1/laug_img.png) left no-repeat; display:inline-block; height:16px; padding:0 0 0 8px;}
ul.dropdown li.hover, ul.menu li:hover{ color:#fff; position: relative; }
ul.dropdown li.hover a { color:#fff; text-decoration:none; font-size:14px;}
ul.dropdown li.active a { background: url(../images1/menu_Ho_bg.jpg) repeat-x 0 0 ;}
/*---------------------------Menu -------------------------------*/
/*---------------------------Banner wrapper ----------------------------*/
.banner_wrapper { width:1000px; height:349px; background: url(../images1/banner_bg.jpg) repeat-x;}
/*---------------------------Banner wrapper ----------------------------*/
/*---------------------------Banner Left ----------------------------*/
.banner_lftdiv { float:left; background:url(../images1/face.jpg) no-repeat; width:1000px }
.lft_inner_div { width:154px; height:205px; margin:0 auto;}
/*---------------------------Banner Left End ----------------------------*/
/*---------------------------Banner Right ----------------------------*/
.banner_rhtdiv { width:670px; height:349px; float:right;}
h1 { font:normal 35px "Trajan Pro", Arial, Helvetica, sans-serif; /*text-transform:capitalize; font-family:Arial, Helvetica, sans-serif; font-size:36px;*/ color: #437dbf; text-align:left; padding:25px 0 23px 0;}
.rht_lftdiv { width:309px; float:left;}
.rht_contdiv { width:300px; float:left; margin-left:20px}
.rhtcon_txtbold { font:bold 14px Arial, Helvetica, sans-serif; color: #2d4262; line-height:20px; padding-bottom:10px; width:280px;}
.rhtcon_txt { font:normal 14px Arial, Helvetica, sans-serif; color: #2d4262; line-height:20px; padding-bottom:10px; width:280px;}
.button { float:right ; height:49px;}
.button a { background: url(../images1/learn_more_mo.jpg) no-repeat; height:52px; width:151px; display:block; float:left; text-decoration:none;}
.button a:hover { background: url(../images1/learn_more.jpg ) no-repeat; height:52px; text-decoration:none;}
.clientfieldDv input { float:left; border: none; margin:8px 0 0 10px; width:110px; height:20px; border:1px solid #b3bbbd}
.image { width:24px; height:23px; float:right; margin-top:8px; margin-right:21px;}
.subscribe input { margin:0 0 0 140px; background:url(../images1/subscribe.png) no-repeat; width:140px; height:21px; border:none; font:normal 14px "Myriad Pro", Arial, Helvetica, sans-serif; color: #000; padding-bottom:10px;}
/*---------------------------Banner Right End ----------------------------*/
/*---------------------------Contaner Wrapper ----------------------------*/
.con_wrapper { width:1000px; height: auto; margin:0 auto;}
.box1 { float:left; width:332px; margin-right:1px;}
.box_cont_div { background:url(../images1/box_bg.jpg) repeat-x; height:196px;}
.box_inner_div { width:320px; height: auto; padding:15px 0 0 12px;}
.box1_img { float:left; width:104px; padding-right:10px;}
.box1_cont { float:left; width:190px; font:normal 14px Arial, Helvetica, sans-serif; color: #2d4262; line-height:20px; }
.learn_more { font:bold 14px Arial, Helvetica, sans-serif; color: #000; line-height:20px; }
.learn_more a { color: #293a54; text-decoration:none; }
.learn_more a:hover { color: #287373; text-decoration:none; }
.box2 { float:left; width:332px; background: url(../images/box_bg.jpg) repeat-x; margin-right:1px;}
.box3 { float:left; width:332px; background: url(../images/box_bg.jpg) repeat-x;}
.box3_img { float:left; width:160px; padding-right:10px;}
.box3_cont { float:left; width:130px; padding-top:40px;}
.box3_txt { font:bold 14px Arial, Helvetica, sans-serif; color: #2d4262; line-height:20px; }
.box3_cont p { font:normal 14px Arial, Helvetica, sans-serif; color: #2d4262; line-height:20px; width:130px; }
.box2_img { padding:7px 0 0 12px;}
h2 { height:41px;}
h2 a { background:#7eaad2; display:block; height:41px; color:#fff; text-align:center; padding-top:8px; font:normal 20px "Trajan Pro"; text-decoration:none;}
h2 a:hover { background:#486d95; display:block; height:41px}
h2 a.active { background:#486d95; display:block; height:41px; color:#fff; text-align:center; padding-top:8px; font:normal 20px "Trajan Pro"; text-decoration:none}
/*---------------------------Contaner Wrapper End ----------------------------*/
/*---------------------------Contaner2 Wrapper End ----------------------------*/
.cont2_wrapper { width:1000px; height:210px; margin-bottom:10px; }
.con2_lft { width:650px; height:210px; float:left;}
.con2_lft_div { width: 616px; margin:18px 0 0 10px; border:1px solid #b3bbbd;}
.dr_img { float:left; width:117px; border-right:1px solid #b3bbbd}
.con2_txt_div { width:433px; margin:32px 0 0 40px; float:left}
.bluetxt { font:bold 20px "Trajan Pro", Arial, Helvetica, sans-serif; color:#437dbf; text-align:left; padding-bottom:10px;}
.con2_txt { font:normal 14px Arial, Helvetica, sans-serif; color: #2a3c57; line-height:20px; font-style:italic}
.con2_rht { width:345px; height:209px; float:left;}
.con2_rht_div { width:318px; height:143px; margin:19px 0 0 12px;}
.follow_up { width:317px; height:42px; background:url(../images1/follow_up_bg.jpg) no-repeat;}
.follow_txt { font:normal 20px "Trajan Pro", Arial, Helvetica, sans-serif; color:#fff; text-align:left; padding:10px 0 0 8px;}
.facebook_div { width:320px; height:52px;}
.facebook { float:left ; height:52px;}
.facebook a { background: url(../images1/facebook.jpg) no-repeat; height:52px; width:162px; display:block; float:left; text-decoration:none;}
.facebook a:hover { background: url(../images1/facebook_mo.jpg) no-repeat; height:52px; text-decoration:none;}
.facebook a.active { background: url(../images1/facebook_mo.jpg) no-repeat; height:52px; text-decoration:none;}
.twitter { float:left;width:155px}
.twitter a { background: url(../images1/twitter.jpg) no-repeat; height:52px; width:155px; display:block; float:left; text-decoration:none;}
.twitter a:hover { background: url(../images1/twitter_mo.jpg) no-repeat; height:52px; text-decoration:none;}
.dna_blog { float:left;width:317px}
.dna_blog a { background: url(../images1/Dna_blog.jpg) no-repeat; height:49px; width:317px; display:block; float:left; text-decoration:none;}
.dna_blog a:hover { background: url(../images1/Dna_blog_mo.jpg) no-repeat; height:49px; text-decoration:none;}
.newletter { width:331px; height:31px;}
.let_img { float:left; width:16px; padding:10px 5px 0 4px;}
.let_txt { font:bold 14px Arial, Helvetica, sans-serif; color:#888e90; text-align:left; padding:10px 0 0 0; float:left;}
/*---------------------------Contaner2 Wrapper End ----------------------------*/
/*---------------------------Fotter Start ----------------------------*/
.fotter_wrapper { background:url(../images1/fotter_bg.jpg) repeat-x; width:999px; height:81px; float:left;}
.fotter_lft { width:558px; float:left;}
.footer_menu { width:558px; height:18px; margin: 38px 0 10px 38px}
.footer_menu ul { margin:0; padding:0;}
.footer_menu li { display:block; float:left; margin:0; padding:0 8px 0 8px; font:normal 12px Arial, Helvetica, sans-serif; color:#2a3c57;}
.footer_menu li a { color:#2a3c57; text-decoration:none}
.footer_menu li a:hover{ color:#438a8a; text-decoration:underline}
.footer_menu li a.active { color:#438a8a; text-decoration:underline}
.fotter_rht { width:340px; float:right;}
.fotter_rht_txt { font:normal 12px Arial, Helvetica, sans-serif; color:#2a3c57; margin: 38px 0 10px 20px}
/*---------------------------Fotter End ----------------------------*/
.footer_menu li span.line { color:#438a8a;}
.