* {margin: 0; padding: 0}
body {font-family: verdana, arial, sans-serif; font-size: 70%; line-height: 155%; background: #4B7D94 url(fon.jpg) repeat-x; color: #ACD6EA}
a {color: #3ECDF1; text-decoration: underline}
a:hover {text-decoration: none}
small {font-size: 90%;}
img {border: 0}
#page {margin-left: auto; margin-right: auto; width: 1000px}
#subpage {padding-left: 30px}

#header {height: 144px; background: url(map.jpg) top right no-repeat}
#logo {float: left; padding: 15px 0 0 0; _padding-left: 3px}
#topmenu {float: right; padding: 20px 45px 0 0}
#topmenu div {float: left; line-height: 22px; font-size: 12px; margin: 0 5px; color: #437F95}
#topmenu a {display: block; float: left; line-height: 20px; padding: 1px 16px; color: #DFECFF; font-size: 12px; text-align: center}

#centre {background: url(map2.jpg) top right no-repeat; margin-bottom: 25px}
#banner {background: #345C74 url(ban.jpg) top right no-repeat; margin: 0 61px 0 251px; padding: 20px 20px 60px 0;}
#subbaner {margin: 0 61px 0 251px;}
#banner h1 {font-size: 26px; font-weight: normal; color: #C3D6E7; margin:0; text-align: right; letter-spacing: 1px; line-height: 100%}
#btext {padding: 20px 0 10px 224px;}
#ruen {height: 20px; text-align: right; font-size: 10px; color: #6DA1B5}
#ruen a {color:#DFECFF; font-size: 12px;}
#ruen a.act {color: #3ECDF1; text-decoration: none;}
#iso {width: 210px; margin: 0 0 0 7px; float: left}
#iso div {float: left; margin: 20px 0 0 0}

#product {margin: 0 0 0 250px; height: 162px;}
.mp {float: left; margin: 0 1px 0 1px}
#m1, #m2, #m3, #m4 {width: 160px; height: 140px; border: 1px solid #345C73;}
#m1 {background: url(mp1.jpg) bottom no-repeat}
#m2 {background: url(mp2.jpg) bottom no-repeat}
#m3 {background: url(mp3.jpg) bottom no-repeat}
#m4 {background: url(mp4.jpg) bottom no-repeat}

#m1h, #m2h,#m3h,#m4h {width: 160px; background: #417586 url(li.gif) 5px 7px no-repeat; border: 1px solid #417586; height: 18px}
#m1h h4, #m2h h4, #m3h h4, #m4h h4 {margin: 0; padding: 0 0 0 15px; font-size: 12px; font-weight: bold; color: #DFECFF;}
ul.links {margin: 0; padding: 5px 0 0 10px; list-style-type: none}
.mp a {color: #518AA5; text-decoration: none}
.mp a:hover {color: #3ECDF1; text-decoration: underline}

#leftside {width: 193px;  margin: -26px 0 0 7px; float: left;}
.lline {height: 1px; background: #3F6B82; margin-bottom: 106px}

#contact {width: 193px; margin-left: 7px; float: left}

.phl {background: url(phl.gif) no-repeat; }
.phr {background: url(phr.gif) top right no-repeat}
.phb {height: 81px; margin: 0px 5px; background: url(phb.jpg); font-size: 12px; color: #DFECFF; line-height: 20px}

.phb div {padding: 10px 0 0 10px}

#footer {clear: both; margin: 80px 0 15px 0}
#copy {background: #6DA1B5; color: #FFF; line-height: 14px; margin: 0 61px 0 253px}
#copy a, #copy span {color: #203646; line-height: 18px}
.pcopy {padding: 13px 20px 0 20px}
.bcl {background: url(bcl.gif) no-repeat;}
.bcr {background: url(bcr.gif) top right no-repeat; height: 60px;}
#bmenu {float:left; width: 193px; border-top: 1px solid #2F5066; margin-left: 7px; font-size: 11px; padding: 20px 0 0 0; color: #6DA1B5}
#bmenu div {padding-left: 20px}
#bmenu img {vertical-align: middle; margin: 0 12px}

.submenu {position: absolute; top: 43px; left: 600px; visibility: hidden; width: 166px;  background: #1A2A38; opacity: .7; filter: alpha(opacity=70)}
.submenu  a {display: block;text-decoration: none; color: #3ECDF1; font-size: 12px; line-height: 12px; padding: 5px 0 5px 16px}
.submenu  a:hover {background: #24455A; color: #FFF;}