@charset "utf-8";
* {margin: 0px; padding: 0px;}
html {background: url(../img/bg1.gif) #202E31 repeat-x; height: 100%;}
body {font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; color: #2E3D40; background: url(../img/bg2.gif) repeat-y; width: 776px; min-height: 100%; margin: 0px auto; position: relative;}
* html body {height: 100%;}

img {border: none;}

a {font-family: Arial, Helvetica, sans-serif; color: #00B7DC; outline: none;}
a:hover {color: #74D5E8;}

#header {background: url(../img/bg3.gif) #FFFFFF repeat-x left bottom; height: 96px; position: relative;}
#header h1 {background: url(../img/logo.gif) no-repeat; position: absolute; left: 51px; top: 26px;}
#header h1 a {text-indent: -9000px; display: block; width: 314px; height: 35px; overflow: hidden;}
#header p {font-size: 1em; position: absolute; right: 41px; top: 40px;}
#header p a {background: url(../img/bghome.gif) no-repeat left center; padding-left: 15px;}

#menu {background: url(../img/bg4.jpg) no-repeat; height: 222px;}
#menu ul {padding-left: 61px; list-style: none;}
#menu ul li {background: url(../img/bgm.gif) no-repeat; height: 32px; float: left;}
#menu ul li.active {background: url(../img/bgma.gif) no-repeat;}
#menu ul li#m1 {background-position: 83px 24px; width: 216px;}
#menu ul li#m2 {background-position: 42px 24px; width: 183px;}
#menu ul li#m3 {background-position: 29px 24px; width: 162px;}
#menu ul li#m4 {background-position: 27px 24px; width: 141px;}
#menu ul li a {font-size: 1.4em; font-weight: bold; color: #ffffff; text-decoration: none;}
#menu ul li a:hover {text-decoration: underline;}
#menu ul li.active a:hover {text-decoration: none;}

#content {background: #FFFFFF; width: 750px; margin: 0px auto; padding-bottom: 100px; overflow: hidden;}

#smenu {width: 225px; float: left;}
#smenu h3 {font-size: 1.4em; text-transform: uppercase; height: 20px; margin: 0px 25px 20px 38px; border-bottom: 2px #003974 solid; position: relative; overflow: hidden;}
#smenu h3 span {background: url(../img/bgh3.gif) no-repeat; display: block; width: 100%; height: 20px; position: absolute; left: 0px; top: 0px; z-index: 1;}
#smenu ul {color: #00B7DC; margin: 0px 25px 0px 38px; list-style: none;}
#smenu ul li {font-size: 1.2em; background: url(../img/bgsmenu1.gif) no-repeat; margin-bottom: 9px; padding-left: 25px;}
#smenu ul li.active {color: #B51500;}
#smenu ul li.group {background: url(../img/bgsmenu2.gif) no-repeat;}
#smenu ul li ul {margin: 9px 0px 0px 9px;}
#smenu ul li li {font-size: 1em; background: url(../img/bgsmenu3.gif) no-repeat 0px 4px; padding-left: 15px;}
#smenu ul a {font-family: Arial, Helvetica, sans-serif; color: #00B7DC; outline: none;}
#smenu ul a:hover {color: #003974;}
#main {width: 525px; float: right;}
#main h2 {font-size: 1.4em; text-transform: uppercase; height: 20px; margin: 0px 38px 20px 25px; border-bottom: 2px #B51500 solid; position: relative; overflow: hidden;}
#main h2 span {display: block; width: 100%; height: 20px; position: absolute; left: 0px; top: 0px; z-index: 1;}
#main h2.ci span {background: url(../img/bgh2ci.gif) no-repeat;}
#main h2.ecom span {background: url(../img/bgh2ecom.gif) no-repeat;}
#main h2.cont span {background: url(../img/bgh2cont.gif) no-repeat;}
#main h2.abt span {background: url(../img/bgh2abt.gif) no-repeat;}
#main h2.sibc span {background: url(../img/bgh2sibc.gif) no-repeat;}
#main h2.uk span {background: url(../img/bgh2uk.gif) no-repeat;}
#main h2.hk span {background: url(../img/bgh2hk.gif) no-repeat;}
#main h2.ang span {background: url(../img/bgh2ang.gif) no-repeat;}
#main h2.llc span {background: url(../img/bgh2llc.gif) no-repeat;}
#main h2.eu span {background: url(../img/bgh2eu.gif) no-repeat;}
#main h2.pan span {background: url(../img/bgh2pan.gif) no-repeat;}
#main h2.bel span {background: url(../img/bgh2bel.gif) no-repeat;}
#main h2.bank span {background: url(../img/bgh2bank.gif) no-repeat;}
#main h2.bvi span {background: url(../img/bgh2bvi.gif) no-repeat;}
#main h3 {font-size: 1.4em; margin: 0px 38px 15px 34px;}
#main h3.sh3 {font-size: 1.4em; margin-top: 20px;}
#main h4 {font-size: 1.2em; margin: 20px 38px 0px 34px;}
#main p {font-size: 1.2em; margin: 9px 38px 9px 34px;}
#main p span {font-style: italic;}
#main ul {font-size: 1.2em; margin: 0px 38px 9px 34px; list-style: none;}
#main ul.dot {list-style: disc; padding-left: 17px;}
#main table {font-size: 1.2em; margin: 0px 38px 0px 34px; border: none;}

#footer {background: url(../img/bg5.gif) no-repeat; width: 776px; height: 80px; position: absolute; bottom: 0px;}
* html #footer {bottom: -1px;}
#footer p {font-size: 1.1em; color: #FFFFFF; margin: 34px 38px 0px 38px;}
#footer p a {color: #FFFFFF;}
#footer p a:hover {color: #74D5E8;}