/* CSS Document */
body { margin:0; padding:0; text-align:center; background-color:#36424a; }

/*---------- HomePage ----------*/

#container { width:1000px; height:auto; margin:auto; text-align:left; background-color:#414E61; }
#page-head { width:1000px; height:113px; background:url(../images/bgtop.jpg) repeat-x; }
#logobox { float:left; width:101px; height:auto; margin-left:33px; }
#spacebox { float:left; width:850px; padding:25px 16px 25px 0; color:#8996a0; font-family:Calibri; font-size:12px; text-align:right; }
*html #spacebox { float:left; width:810px; padding:25px 16px 25px 0; color:#8996a0; font-family:Calibri; font-size:12px; text-align:right; }
#home-banner { position:absolute; top:113px; width:1000px; height:auto; margin:0; padding:0; }
#slideshow { position:absolute; height:auto; z-index:0; top:0; }
#slideshow DIV { position:absolute; top:0; z-index:8; height: auto; background-color: #FFF; }
#slideshow DIV.active { z-index:10; }
#slideshow DIV.last-active { z-index:9; }
#slideshow DIV IMG { height: auto; display: block; border: 0; margin:0; }
#home-box { position:absolute; width:313px; height:100px; top:518px; background:url(../images/home_box.png) left top no-repeat; z-index:99; }
ul.homeul{ padding:20px 0 5px 0; margin:0 0 0 20px; }
ul.homeul li{ background:url(../images/arrow_home.png) 0 8px no-repeat; padding:2px 11px 1px 14px; font:normal 11px Arial; color:#fff; text-decoration:none; list-style:none; line-height:18px; }
#footer { position:absolute; font-family: Arial, Helvetica, Sans-serif; font-size: 10px; color: #737F91; padding: 10px 20px; background:url(../images/bg_footer.png) no-repeat; top:616px; width:960px; z-index:150; }
#footer #altnav { width: 350px; float: right; font-family: Arial, Helvetica, Sans-serif; font-size: 11px; color: #D0DAEA; text-align: right; padding-top: 5px; }
#footer #altnav a { color: #D0DAEA; text-decoration:none; }
#footer #altnav a:hover { color: #737F91; text-decoration:none; }
#footer #copyright { padding-top: 5px; }
#footer a { color: #737F91; text-decoration: none; }
#footer a:hover { color: #c9c9c9; }

/*---------- SubPage -------------*/

#content-page { float:left; background-color:#FFFFFF; width:1000px; height:auto; }
#sidebar-left { float:left; width:230px; height:auto; padding:20px 25px 0 20px; }
#sidebar-left #quickcontact { width:190px; height:auto; padding:20px; margin-bottom:15px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; line-height:30px; background:url("../images/bg_home-box.png") no-repeat right top; }
#sidebar-left #service-box { width:230px; height:auto; display:block; }
#service-box h3{ width:220px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:lighter; color:#03377D; border-top:2px solid #FE1C26; padding-top:15px; padding-left:10px; }
#service-box p{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; line-height:18px; text-align:justify; padding:0 10px; }
#service-box a{ display:block; text-decoration:none; }
#service-box a:hover{ background-color:#EEEEEE; }
#content-page #sidebar-right { float:left; width:522px; height:auto; margin:20px 0 0 0; }
#sub-footer { float:left; background:url(../images/bg_sub-footer.jpg) repeat-x; width:1000px; height:30px; }
#footer-sub { clear:both; font-family: Arial, Helvetica, Sans-serif; font-size: 10px; color: #737F91; padding: 10px 20px; line-height: 18px; background:url(../images/bg_footer_sub.jpg) no-repeat; }
#footer-sub #altnav { width: 350px; float: right; font-family: Arial, Helvetica, Sans-serif; font-size: 11px; color: #D0DAEA; text-align: right; padding-top: 5px; }
#footer-sub #altnav a { color: #D0DAEA; text-decoration:none; }
#footer-sub #altnav a:hover { color: #737F91; text-decoration:none; }
#footer-sub #copyright { padding-top: 5px; }
#footer-sub a { color: #737F91; text-decoration: none; }
#footer-sub a:hover { color: #c9c9c9; }
.subcontent p{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; text-align:justify; line-height:18px; }
.subcontent h2{ font:normal 16px Arial; color:#B30804; }
.subcontent h1{ font:bold 11px Arial; color:#0E3550; margin:0; }
.subcontent h3{ font:normal 14px Arial; color:#064083; line-height:20px; margin:0; }
ul.middleul{ padding:0 0 5px 0; margin:5px 0 0 10px; }
ul.middleul li{ background:url(../images/bullet.gif) 0 8px no-repeat; padding:2px 11px 1px 14px; font:normal 11px Arial; color:#333333; text-decoration:none; list-style:none; line-height:18px; }
ul.middleul li a{ color:#0E3550; text-decoration:none; font-weight:lighter; }
ul.middleul li a:hover{ color:#13488E; text-decoration:underline; font-weight:lighter; }
ul.middlesubul{ padding:0 0 5px 0; margin:0 0 0 10px; }
ul.middlesubul li{ background:url(../images/bullet1.gif) 0 8px no-repeat; padding:2px 11px 1px 14px; font:normal 11px Arial; text-decoration:none; list-style:none; color:#033B8D; line-height:17px; }
.head { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#8D9099; font-weight:bold; }
.maillink{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; text-decoration:underline; }
.maillink:hover{ color:#FFFFFF; text-decoration:none; }
.text { font:normal 11px Arial; color:#414E61; }
input,select,textarea { font-size: 11px; font-family: Arial, Verdana, sans-serif; color:#414E61; }
.subbutn { font-family: Arial, Verdana, sans-serif; font-size:12px; background-color:#414E61; color:#F5F5F5; border: 1px solid #414E61; text-align:center; text-decoration:none; padding:2px; }
.sitemap { display:block; height:15px; border-bottom:1px solid #CCCCCC; text-align:left; text-decoration:none; font-family:arial; font-size:12px; font-weight: bold; color:#03347C; padding: 5px 0 0 2px; }
.sitemap:hover { color:#008CF3; border-bottom:1px solid #333333; }
.sitemap1 { display:block; height:15px; text-align:left; font-family:arial; font-size:12px; color:#333333; padding: 5px 0 0 2px; text-decoration:none; }
.sitemap1:hover { color:#333333; text-decoration:underline; }
.sitemap2 { display:block; height:15px; text-align:left; text-decoration:none; font-family:Arial; font-size:12px; color:#666666; padding: 5px 0 0 10px; }
.sitemap2:hover { text-decoration:underline; color:#333333; }


/*---------- Navigation ----------*/

#navbar { float:right; width:866px; margin:0; padding:0; height:48px; }
*html #navbar { float:right; width:830px; margin:0; padding:0; height:48px; }
.nav {float:right; font-size:11px; width:auto; z-index:100; margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif;}
.nav .table {display:table; margin:0;}
.nav .select,.nav .current {margin:0; padding:0; list-style:none; display:inline; white-space:nowrap;}
.nav li {margin:0; padding:0; height:auto; float:left;}
.nav .select a {display:block; float:left; font-weight:normal; padding:0 20px; text-decoration:none; line-height:47px; white-space:nowrap; color:#fff;}
.nav .select a:hover, .nav .select li:hover a {background:url(../images/nav-bg_h.jpg) 0 -2px repeat-x; padding:0 20px; cursor:pointer; color:#fff;}
.nav .select li a.selected {background:url(../images/nav-bg_h.jpg) 0 -2px repeat-x; padding:0 20px; cursor:pointer; color:#fff;}
.dropmenudiv{ position:absolute; top: 0; font-size:11px; font-weight:normal; line-height:30px; z-index:100; background: #414e61; width: 200px; visibility: hidden; font-family:Verdana, Arial, Helvetica, sans-serif; }
.dropmenudiv a{ width: auto; display: block; padding: 2px 10px; text-decoration: none; font-weight: normal; color: #fff; }
* html .dropmenudiv a{ width: 100%; }
.dropmenudiv a:hover{ background-color: #2e3948; color:#fff; }

#navMenu { width:158px; height:auto; float:right; padding:56px 20px 0 0; }
#navMenu #sub-head { width:158px; height:20px; background-color:#414E61; font:bold 11px Verdana; color:#FFFFFF; padding-top:5px; text-indent:10px; }
#navMenu #sub-headlink { width:158px; height:auto; font:normal 11px Verdana; color:#064083; text-decoration:none; padding-top:3px; text-indent:6px; }
#navMenu #sub-headlink a{ color:#064083; border-bottom:1px solid #D3D3D3; }
#navMenu #sub-headlink a:hover { color:#414E61; border-bottom:1px solid #CCCCCC; }
.submenu{ margin: 0; padding: 0; width: 158px; /*width of menu*/ border-bottom-width: 0; }
.submenu a { font: normal 11px Verdana; display: block; /*position: relative;*/ width: auto; padding: 4px 0; padding-left: 5px; text-decoration: none; }
.submenu a:hover{ background-color: #E9EDF1; }