*{
padding: 0;
margin: 0;
}
.clr{
clear: both;
}
img{
border: 0;
}
body{
background: url(../images/bodybg.png) no-repeat top center #000035;
font: normal 14px "Arial", Verdana, Tahoma, Sans-serif;
color: #000;
}
a, a:active, a:visited{
text-decoration: none;
color: #4d5d86;
}
a:hover{
text-decoration: none;
color: #000035;
}
#wrap{
background: #fff;
width: 800px;
margin: 150px auto 0 auto;
position: relative;
}
#menu{
width: 760px;
font: normal 12px "Arial", Verdana, Tahoma, Sans-serif;
color: #4d5d86;
float: left;
margin: 10px 0 10px 10px;
}
#menu li{
display: inline;
margin-left: 11px;
list-style: none;
}
a.m1, a.m2, a.m3, a.m4, a.m5{ color: #b4b4c8; text-decoration: none; padding-right: 11px;}
a:hover.m1, a:hover.m2, a:hover.m3, a:hover.m4, a:hover.m5{ color: #001751; text-decoration: none;}
a#o1, a#o2, a#o3, a#o4, a#o5{ color: #001751; text-decoration: none;}

#col1{
background: url(../images/col1_bg1.png) no-repeat top left;
width: 760px;
position: relative;
margin: 0 0 26px 20px;
padding-bottom: 10px;
float: left;
}
#col1-1{
background: url(../images/col1_bg2.png) no-repeat top left;
width: 760px;
position: relative;
margin: 0 0 26px 20px;
padding-bottom: 10px;
float: left;
}
#col1 .bottom, #col1-1 .bottom{
background: url(../images/col1_bottom.png) no-repeat bottom left;
position: absolute;
display: block;
height: 10px;
width: 760px;
bottom: -6px;
left: 0;
z-index: 10;
}
#left{
width: 360px;
min-height: 250px;
float: left;
margin: 20px 0 0 20px;
display: inline;
border-right: 1px solid #b1b8ca;
}
#left .topimg{
width: 318px;
height: 240px;
position: relative;
padding: 15px 0 0 16px;
}
#left .nohover{
width: 297px;
height: 250px;
margin: 0 0 0 22px;
padding: 0;
}
#left .docs{
width: 193px;
height: 266px;
margin: 0 0 0 40px;
padding: 0;
}
#left a.overimg{
background: url(../images/topimg_over.png) no-repeat top left;
width: 334px;
height: 255px;
position: absolute;
top: 0;
left: 0;
z-index: 10;
}
#left a.overimg span, #left p.overimg2 span{
display: none;
}
#left a.overimg:hover{
background: url(../images/topimg_over.png) no-repeat top left;
background-position: 0 -255px;
}
#left p.overimg2{
background: url(../images/topimg_over2.png) no-repeat top left;
width: 334px;
height: 255px;
position: absolute;
top: 0;
left: 0;
z-index: 10;
}
#right{
width: 335px;
height: 210px;
float: left;
position: relative;
margin-top: 20px;
padding: 45px 0 0 20px;
display: inline;
}
#right h1{
font: normal 28px "Arial", Verdana, Tahoma, Sans-serif;
color: #001751;
margin: -25px 0 7px 0;
}
#right h2{
font: normal 16px "Arial", Verdana, Tahoma, Sans-serif;
color: #4d5d86;
margin-bottom: 12px;
}
#right p{
font: normal 12px "Arial", Verdana, Tahoma, Sans-serif;
color: #4d5d86;
margin-bottom: 12px;
line-height: 18px;
text-align: justify;
}
#right a {
color: #001751;
text-decoration: underline;
}
#col2{
width: 780px;
position: relative;
float: left;
margin: 0 0 20px 20px;
}
#col3{
width: 740px;
float: left;
margin: 20px 0 -5px 20px;
}
#col3 li{
width: 350px;
height: 80px;
float: left;
margin: 0 20px 10px 0;
list-style: none;
}
#col3 li:hover{
background: url(../images/col3_li_bg.png) no-repeat top left;
}
#col3 .section{
width: 84px;
height: 63px;
position: relative;
float: left;
margin: 8px 0 0 10px;
padding: 4px 0 0 4px;
}
#col3 .nohover{
margin: 8px 0 0 10px;
padding: 0;
}
#col3 a.secover{
background: url(../images/section_over.png) no-repeat top left;
width: 88px;
height: 67px;
position: absolute;
top: 0;
left: 0;
z-index: 10;
}
#col3 li:hover a.secover, #col3 a.secover:hover{
background: url(../images/section_over.png) no-repeat top left;
background-position: 0 -67px;
}
#col3 a.secover span{
display: none;
}
.textwrap{
width: 200px;
height: 50px;
position: relative;
float: left;
margin: 15px 0 0 15px;
}
.textwrap h1{
width: 200px;
font: normal 12px "Arial", Verdana, Tahoma, Sans-serif;
color: #001751;
float: left;
}
.textwrap h2{
width: 200px;
font: normal 10px "Arial", Verdana, Tahoma, Sans-serif;
color: #4d5d86;
float: left;
}
.innerdiv{
background: url(../images/innerdiv_bg.png) no-repeat top left;
width: 370px;
height: 300px;
float: left;
margin-right: 20px;
}
.innerdiv:hover{
background-position: 0 -300px;
}
.innerdiv .imgin{
width: 219px;
height: 265px;
position: relative;
margin: 17px auto 0 auto;
padding: 10px 0 0 11px;
}
.innerdiv .nohover{
width: 230px;
height: 275px;
padding: 0 0 0 0;
}
.innerdiv a.img1over{
background: url(../images/innerimg_over.png) no-repeat top left;
width: 230px;
height: 177px;
position: absolute;
top: 0;
left: 0;
z-index: 10;
}
.innerdiv a.img1over span{
display: none;
}
.innerdiv a.img1over:hover{
background: url(../images/innerimg_over.png) no-repeat top left;
background-position: 0 -177px;
}
.imgin h2{
background: url(../images/arrow_bg.png) no-repeat center right;
font: normal 16px "Arial", Verdana, Tahoma, Sans-serif;
color: #001751;
position: absolute;
top: 180px;
left: 0;
padding-right: 20px;
}
.imgin:hover h2{
background: url(../images/arrow_hover_bg.png) no-repeat center right;
}
.imgin p{
font: normal 12px "Arial", Verdana, Tahoma, Sans-serif;
color: #4d5d86;
position: absolute;
top: 206px;
left: 0;
}


/* Custom Scrolbar */
#scroller{
width: 695px;
height: 280px;
font: normal 12px "Arial", Verdana, Tahoma, Sans-serif;
color: #4d5d86;
float: left;
margin: 20px 0 5px 20px;
padding-right: 10px;
overflow: hidden;
display: inline;
}
#slide{
position: relative;
width: 11px;
height: 280px;
float: left;
margin: 20px 0 0 5px;
display: inline;
}
#slide #slider{
background: url(../images/img_scroll.png) no-repeat top left;
width: 12px;
height: 12px;
position: absolute;
top: 0;
left: -4px;
cursor: pointer;
}
#slide #slidebar{
width: 2px;
height: 280px;
border-right: 1px solid #8e99b2;
border-left: 1px solid #8e99b2;
}
#slide #slidertop{
background: url(../images/img_scroll_bg_top.png) no-repeat top left;
width: 4px;
height: 4px;
position: absolute;
top: -4px;
left: 0;
}
#slide #sliderbottom{
background: url(../images/img_scroll_bg_bottom.png) no-repeat top left;
width: 4px;
height: 4px;
position: absolute;
bottom: -4px;
left: 0;
}
#scroller h1{
font: normal 11px "Arial", Verdana, Tahoma, Sans-serif;
color: #001751;
margin-bottom: 10px;
text-transform: capitalize;
}
#scroller h2{
font: normal 11px "Arial", Verdana, Tahoma, Sans-serif;
color: #001751;
margin:30px 0 10px 0;
text-transform: capitalize;
}
#scroller p{
font: normal 11px "Arial", Verdana, Tahoma, Sans-serif;
color: #001751;
margin-bottom: 10px;
line-height: 18px;
}

/* Right Pager */
.pager{
font: normal 12px "Arial", Verdana, Tahoma, Sans-serif;
color: #4d5d86;
position: relative;
float: right;
margin: 10px 20px 0 0;
}
.pager li{
display: inline;
list-style: none;
}
.pager a, .pager a:active, .pager a:visited{
padding: 0 6px;
text-decoration: none;
color: #4d5d86;
}
.pager a:hover, .pager .pageractive{
padding: 0 6px;
text-decoration: none;
color: #000033;
}

/* Footer */
#footer{
width: 800px;
height: 30px;
position: relative;
margin: 10px auto 0 auto;
}
#footer p{
width: 545px;
float: left;
font: normal 9px "Arial", Verdana, Tahoma, Sans-serif;
color: #9696ae;
}
#footer a, #footer a:active, #footer a:visited{
color: #FFF;
}
#footer a:hover{
text-decoration: none;
color: #4d5d86;
}

/* Video Popup */
#popupWrap .clr{
clear: both;
}
#popupWrap a:link, #popupWrap a:visited, #popupWrap a:hover, #popupWrap a:active{
text-decoration: none;
}
#popupForm{
background: url(../images/bgrc.jpg) no-repeat #011852;
width: 640px;
padding: 213px 0 0 0;
}
#popupForm h1{
font-family: Arial;
font-size: 19px;
color: #fff;
font-style: normal;
font-weight: normal;
color: #001751;
margin:  0 0 20px 224px;
}
#popupForm label{
display:block;
float: left;
width: 192px;
height: 20px;
margin: 5px 20px 0 0;
text-align: right;
font: normal 14px Arial;
color: #FFF;
}
#popupForm .field, #popupForm .textarea{
margin: 0 0 4px 0;
height: 23px;
line-height: 23px;
width: 339px;
padding: 0 0 0 5px;
border: 1px solid #2f4782;
background: #728bc7;
font: normal 14px Arial;
color: #FFF;
float: left;
}
#popupForm .textarea{
height: 54px;
}
#popupForm #invalidCode {
color: #ff0000;
display: block;
float: left;
font-size: 12px;
height: 20px;
margin: 6px 0 0 0
}
#popupForm #referralcode {
width: 165px;
margin-right: 16px;
}
#popupForm #submit{
background: url(../images/next.png) no-repeat;
background-position: top right; 
border: none;
width: auto;
height: 15px;
line-height: 13px;
font-family: Arial;
color: #5e709d;
font-style: normal;
font-weight: normal;
font-size: 15px;
display: block;
float: right;
margin: 10px 83px 20px 0;
}
#popupForm a:hover#submit{
background-position-y: -16px;
}
a:hover#submit span{
color: #FFF;
}
#popupForm #submit span{
padding: 0 20px 0 0; 
float: left;
}