body {padding:0;margin:0; background: url(../images/bg-header.gif) repeat-x #e6e8e9; font:normal 10px Lucida Sans Unicode; height:100%; width:100%}
h1 { font:bold 12px Lucida Sans Unicode; color:#2A2A2A; margin:0}
h2 { font:normal 11px Lucida Sans Unicode; color:#2A2A2A; margin:0}
a { color:#09F}
a:hover { color:#336}
.active { color:#999}


#wrapper { width:900px; font:normal 11px Lucida Sans Unicode; color:#2A2A2A; margin:0 auto}


/*HEADER*/
#header { width:900px; height:145px; background:url(../images/header.gif) no-repeat; margin-top:4px; padding:3px}
#logo { width:225px; height:52px; margin:4px 0 0 30px; float:left}
#topleft { float:right; font:normal 11px Lucida Sans Unicode; margin:0 45px 0 0; width:100px; text-align:right; height:20px; color:#FFF}
#topleft a { color:#FFF; text-decoration:none}
#topleft a:hover { color:#336}
  
/*horiz. BANNER*/
#nav {width:780px; margin:110px auto; }
#nav #marco {margin:10px 0;padding:0px;text-align:center;}

#nav .preload2 {}
#nav .menu2 {padding:0; margin:0; margin-bottom:0; list-style:none; height:40px; position:relative; font:Lucida Sans Unicode; }
#nav .menu2 li.top {display:block; float:left; position:relative;}
#nav .menu2 li a.top_link {display:block; float:left; height:37px; margin-left:6px; line-height:37px; color:#333; text-decoration:none; font-size:11px; font-weight:normal; padding:0 0 0 6px}
#nav .menu2 li a.top_link span {float:left; display:block; padding:0 10px 0 6px; height:37px;}
#nav .menu2 li a.top_link span.down {float:left; display:block; padding:0 10px 5px 6px; height:37px;}


#header #nav .menu2 li:hover > a.top_link {color: #09F; height:37px}
#header #nav .menu2 li:hover > a.top_link span { height:37px}
#header #nav .menu2 li:hover > a.top_link span.down { height:37px}

#header #nav .menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

#header #nav .menu2 a:hover {visibility:visible;}
#header #nav .menu2 li:hover {position:relative; z-index:200;}

#header #nav .menu2 ul, 
#header #nav .menu2 :hover ul ul, 
#header #nav .menu2 :hover ul :hover ul ul,
#header #nav .menu2 :hover ul :hover ul :hover ul ul,
#header #nav .menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:37px; margin:0; padding:0; list-style:none;}

#header #nav .menu2 :hover ul.sub {left:6px; top:40px; padding:0;width:auto; height:auto; font-weight:normal;}
#header #nav .menu2 :hover ul.sub li {display:block; position:relative; float:left; width:160px; border-bottom:1px solid #b6e2f7; margin-bottom:0;}
#header #nav .menu2 :hover ul.sub li a {display:block; height:auto; font-size:11px; padding:6px 9px; line-height:1; color: #333; text-decoration:none;background:url(../images/bg-nav.gif) repeat-x #eef7fc}
#header #nav .menu2 :hover ul.sub li a.fly {background:#fff;}
#header #nav .menu2 :hover ul.sub li a:hover {background:#000; color:#fff;}
#header #nav .menu2 :hover ul.sub li a.fly:hover {background:#e6e8e9;}
#header #nav .menu2 :hover ul li:hover > a.fly {background:#e6e8e9} 

#header #nav .menu2 :hover ul :hover ul,
#header #nav .menu2 :hover ul :hover ul :hover ul,
#header #nav .menu2 :hover ul :hover ul :hover ul :hover ul,
#header #nav .menu2 :hover ul :hover ul :hover ul :hover ul :hover ul {left:160px; top:-1px; padding:0; width:auto; z-index:300; height:auto;}
#header #nav .menu2 :hover ul.sub li ul {border-top:1px solid #b6e2f7; z-index:300; }

.hshadow { width:900px; height:13px; background:url(../images/header-shadow.gif) no-repeat}

/*IMAGE HEADER*/
#main-image { width: 860px; height:150px; background:url(../images/bg-home.gif) no-repeat; padding:60px 0 0 40px}
.maintxt { width:490px; text-align:justify;}

/*WHITE CONTENT*/
.wcontent { width:820px; margin-top:20px; background: #FFF; padding:20px 40px 20px 40px; text-align:justify; height:160px}
.wcontent .col1 { width:240px; float:left; padding:0 20px 0 0}
.wcontent .col2 { width:250px; float:left; border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; padding:0 20px 0 20px}
.wcontent .col3 { width:240px; float:left; padding:0 0 0 20px}

/*LIGHT BLUE TABS*/
.tab { width:350px; height:22px; margin:5px 0 0 35px; background:url(../images/tabs.png) no-repeat; padding:4px 0 0 23px; font-weight:bold}
.tab a { color:#333}

/*BEGINNING SECTION*/
.main-cont { width:900px;}
.tit { background:url(../images/beginning1.gif) repeat-y; padding:17px 37px 20px 37px; height:30px}
.tit a { color:#333
}
.tit1 { float:left; color:#333; width:611px}
.tit2 { float:right; color:#FFF; text-align:center; font-weight:bold}
.tit2 a { color:#FFF; text-decoration:none}
.tit2 a:hover { color:#09F}
.tit3 { width:611px; background:url(../images/beginning3.gif) repeat-y; padding:17px 37px 30px 37px}
.mainleft { width:685px; float:left; background:#FFF; padding:0 0 30px 0; min-height:287px}
.mainleftgray { width:645px; float:left; background:#f1f2f3; padding:20px 0 20px 40px; height:25px; margin-bottom:20px}
.mainleftgray a { color:#333}
#mainrignt { width:160px; float:right; background: url(../images/cont-right.gif) repeat-y; padding:17px 27px 30px 27px}
#mainrignt a { color:#333; text-decoration:none}
#mainrignt a:hover { color:#09F}
.contact-imgright { width:166px; height:105px; background:url(../images/contact-us.gif)}
.info1 { width:610px}

/*INFO BUTTONS BOXES*/
.contbut { width:610px; margin:0 0 0 37px; text-align:justify; padding-top:20px}
#contbut { width:610px; margin:0 0 20px 37px; text-align:justify}
#contbut ul { margin:0; padding:0}
#contbut li { list-style: url(../images/bullet-gray.gif); margin-left:25px}
#contbut li li { list-style:url(../images/bullet-gray2.gif)}
#contbut a { color:#333; text-decoration:none}
#contbut a:hover { color:#09F}
#contbut1 { background-color:#fcda7e; width:570px; padding:20px; margin-top:30px}
#contbut2 { width:610px; margin:0 0 20px 37px; text-align:justify}
#contbut2 .leftbox { width: 285px; height:168px; margin:0 25px 20px 0; background:url(../images/var.gif) no-repeat; float:left}
#contbut2 .title { margin:6px 0 0 10px}
#contbut2 .info { margin:20px}
#contbut2 .rightbox { width: 285px; height:168px; margin:0 0 20px 0; background:url(../images/var.gif) no-repeat; float:right}

/*CONTACT*/
.contact { width:166px; height:85px; background:url(../images/contact-us.gif) no-repeat; margin-bottom:25px; padding-top:20px}
.contact .conttit { margin: 0 30px 0 30px; font:bold 12px Lucida Sans Unicode; text-align:center}
.contact .tel { margin: 20px 25px 0 15px;}
.contimg { background:url(../images/main-contact.gif) no-repeat; padding-left:320px; min-height:200px; margin:20px 40px 0 40px}
.contimg p { font:normal 12px Lucida Sans Unicode}


/*ADVISORY*/
#adv-img { background:url(../images/main-advisory.gif) no-repeat; padding-left:420px; min-height:255px; margin:20px 40px 40px 40px}
#adv-img p { font:normal 1.2em Lucida Sans Unicode}
#bi-img { background:url(../images/main-bi.gif) no-repeat; padding-left:420px; min-height:255px; margin:20px 40px 40px 40px}
#bi-img p { font:normal 1.2em Lucida Sans Unicode}
#finan-img { background:url(../images/main-financial.jpg) no-repeat; padding-left:420px; min-height:255px; margin:20px 40px 40px 40px}
#finan-img p { font:normal 1.2em Lucida Sans Unicode}

/*FOOTER*/
#footer {width:860px; margin:30px auto;clear:both;font-size: 85%;padding:15px 20px 20px 20px;color: #333; background:url(../images/bg-shadow.gif) no-repeat}
#footer a{color: #09F; text-decoration:none}
#footer a:hover{color: #336; text-decoration: none;}
 