/* 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;}
.logo1 { padding:14px 0 0 0px; width:100px; height:70px; border:1px solid #FFFFFF; position:absolute; margin-top:14px; background-color:#FFFF00; text-align:center; font-weight:bold; }
.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:521px;repeat-x;}
/*---------------------------Banner wrapper ----------------------------*/
/*---------------------------Banner Left ----------------------------*/
.banner_lftdiv { float:left; background:url(../images1/headerbg.jpg) no-repeat; width:1000px; height:521px; margin:0 auto;}
.lft_inner_div { width:154px; height:205px; margin:0 auto;}
/*---------------------------Banner Left End ----------------------------*/
/*---------------------------Banner Right ----------------------------*/
.banner_rhtdiv { height:auto; float:left; margin-left:380px;}
h1 { font:normal 28px bold "Trajan Pro", Arial, Helvetica, sans-serif; /*text-transform:capitalize; font-family:Arial, Helvetica, sans-serif; font-size:36px;*/ color: #FFFFFF; text-align:left; padding:25px 0 0 0;}
.text_main{
font-size:20px;
font-family:Trajan Pro;
color:#ffffff;
}
.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:5px; width:300px;}
.rhtcon_txt { font:normal 14px Arial, Helvetica, sans-serif; color: #2d4262; line-height:19px; padding-bottom:5px; width:300px;}
.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:81; 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; float:left; }
.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:1000px; 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;}
/****************************This is new header**************************************************************************************/
.menu_wrapper1 { width:504px; background: url(../images1/menu_bg.jpg) repeat-x; height:36px; padding:0; margin:0; float:right; margin-top:-225px; margin-right:200px;}
.tab_container {
border: 1px solid #000000;
border-top: none;
overflow: hidden;
clear: both;
float: left; width: 100%;
background: #fff;
height:400px;
}
.tab_content {
font-size: 1.2em;
}
.cntnt_collection{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
float: left;
width:335px;
text-decoration:none;
}
.cntnt_tab{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
float: left;
line-height:15px;
width:560px;
text-decoration:none;
}
.cntnt_tab a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#00CCFF;
float: left;
line-height:20px;
width:550px;
text-decoration:none;
}
.cntnt_tab a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#00CCFF;
float: left;
line-height:20px;
width:550px;
text-decoration:none;
}
.cntntbld_tab{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
float: left;
font-weight:bold;
}
.list{
font-family:Verdana, Arial, Helvetica, sans-serif;
width:530px;
}
.list li{
display:block;
list-style:none;}
.list1{
font-family:Arial, Helvetica, sans-serif;
width:550px;
font-size:12px;
}
.list1 li{
display:block;
list-style:square;}
.sunlinst{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
float: left;
margin-left:5px;
}
.sunlinst li{
list-style:square;
}