﻿/* CSS Document */
body{background:#9db4c5 url(images/main_x.gif) repeat-x;color:#1F4F71; font-family:Arial, Helvetica, sans-serif; font-size:13px;margin-top:0px}
img{padding:0px; margin:0px;}
h5{padding:0px; margin:0px;}
h4{padding:0px; margin:0px;}
h3{padding:0px; margin:0px;}
h2{padding:0px; margin:0px;}
ul{padding:0px; margin:0px;}
p{padding:0px; margin:0px;}
div{padding:0px; margin:0px;}
hr {color:#A61C1C; height:60%;}
h5 {color:#3991d3; text-decoration:none;}
a {color:#3991d3; text-decoration:none;}
a:hover {text-decoration:underline;}
#main {height:100%;}
#all { margin:0px; padding:0px;background:url(images/main_y.gif) center top repeat-y;}
.hide{display: none;}
.show{display: block;}
#header {width:776px; margin:auto;padding-top:40px;}
#logo {float:left; clear:both;width:220px;height:42px;background:url(images/logo.gif) no-repeat;margin:auto}
.botton{width:220px; height:45px; position:absolute;top:8px;margin:0px 0 0 350px;}
.botton li{float:left; height:45px;  list-style:none;}
.botton li.home a{width:42px; height:45px; display:block; background:url(images/home-normal.gif) 0 0 no-repeat; text-indent:-200000px; margin:0 12px 0 0;}
.botton li.home a:hover{background:url(images/home-hover.gif) 0 0 no-repeat;}
.botton li.aboutus a{width:42px; height:45px; display:block; background:url(images/aboutus-normal.gif) 0 0 no-repeat; text-indent:-200000px; margin:0 12px 0 0;}
.botton li.aboutus a:hover{background:url(images/aboutus-hover.gif) 0 0 no-repeat;}
.botton li.contact a{width:42px; height:45px; display:block; background:url(images/contact-normal.gif) 0 0 no-repeat; text-indent:-200000px; margin:0 12px 0 0;}
.botton li.contact a:hover{background:url(images/contact-hover.gif) 0 0 no-repeat;}
.botton li.lang a{width:42px; height:45px; display:block; background:url(images/lang-normal.gif) 0 0 no-repeat; text-indent:-200000px; }
.botton li.lang a:hover{background:url(images/lang-hover.gif) 0 0 no-repeat;}


.menu {clear:both;font-size:12px; padding:20px 0px 10px 0px;width:550px;float:right;margin-right:0px;}
.menu .bg-left {background:url(images/menu_main.gif) no-repeat; height:33px; padding-left:8px;}
.menu .bg-right {background:url(images/menu_main.gif) right bottom no-repeat; height:33px; padding-right:8px;}
.menu ul {background:url(images/menu_main.gif) 33px repeat-x;height:33px; list-style:none }
.menu a {color:#1F4F71; display:block; font-weight:bold; padding:8px 14px 8px 12px; text-decoration:none;}
.menu a:hover {color:#3991d3;}
.menu li {float:left; text-align:left;}
.active  {color:#A61C1C;display:block; font-weight:bold; padding:8px 14px 8px 12px; text-decoration:none;}

#banner{height:217px; background:url(images/header.jpg) center top no-repeat;margin:auto;border-bottom:5px solid #4783A8; width:788px;clear:both;}
#bodyPan{width:788px; margin:auto; padding:10px;}
/*----Body Left Panel----*/
#leftPan{width:180px; float:left;padding-top:10px}
#leftPan h2{width:180px; height:25px; background:url(images/toptitle.gif) ; color:#fff; font-size:14px; line-height:25px;text-align:center;}
#leftPan dl{margin: 0;padding: 0;list-style-type: none;width: 178px;font-family: Arial, sans-serif;font-size: 12px;padding-bottom: 10px;background:#83ABC5;color: #fff;border:1px solid #4783A8;margin-bottom:20px;}
#leftPan dt{padding:8px 0px 8px 8px ;list-style-type: none;border-bottom:1px solid #fff;font-weight: bold;}
#leftPan ul{width:178px;margin: 0;padding: 0;list-style-type: none;}
#leftPan ul li a{padding:5px;background: #eee;	display: block;border-bottom: 1px solid #ddd; color: #4783A8;text-decoration:none;}
#leftPan ul li {margin: 0;padding: 0;list-style-type: none;background: #eee;display: block;color: #4783A8;}
#leftPan dd {margin: 0;padding: 0;list-style-type: none;}

#leftPan ul li.current {padding:5px;background : #ccc;font-weight: bold;}
#leftPan ul li a:hover{	background : #4783A8 url(images/linkarrow.gif) no-repeat right center;	color: #fff;	text-decoration: none;}
#leftPan ul li span{text-decoration:none;}

/*----/Body Left Panel----*/
/*----Body Right Panel----*/
#rightPan{width:588px; float:right; border-left:0px solid #4783A8;margin:5px 0px 0px 0px; padding:0 10px;text-align:justify;line-height:21px;}
#rightPan p{padding:0 0 10px 0;}
#rightPan p.more{width:502px; height:25px; float:left; background:url(images/sky-color-bg.gif) 0 10px repeat-x; padding:0 0 20px 0;}
#rightPan p.more a{width:92px; height:21px; display:block; background:url(images/icon2.jpg) 0 0 no-repeat #fff; color:#958201; line-height:21px; text-transform:uppercase; text-decoration:none; margin:0 0 0 328px; padding:4px 0 0 50px;}
#rightPan p.more a:hover{background:url(images/icon2.jpg) 0 0 no-repeat #fff; color:#645804; text-decoration:none;}
#rightPan h2{padding-bottom:10px;border-bottom:1px solid #A61C1C;color:#A61C1C;}
#rightPan ol{color:#A61C1C; font-weight:bold}

#cc {width:455px;margin:auto;}
#cc li {list-style:none}
.l1{float:left;border-right:1px black dotted;border-bottom:1px black dotted;padding-right:10px;padding-bottom:10px;padding-top:10px; }
.r1{float:left;border-bottom:1px black dotted;padding-bottom:31px;padding-top:10px;padding-left:10px;}
.l2{float:left;border-right:1px black dotted;padding-right:138px;padding-left:10px;padding-top:10px;}
.r2{float:right}

.img1 {border:1px solid #000;margin:auto;}
.img2{border:1px solid #909483;margin:auto;}
.img3 {border:1px solid #4783A9;margin:auto;}
.img4 {border:1px solid #e7b88a;margin:auto;}
.table_size {border-collapse: collapse;border: 1px solid #C8E8E2;text-align:center;}
.table_model {border: 1px solid #C8E8E2;}

.footer-spacer {background:#FFF; clear:both; height:115px; margin:auto; overflow:hidden; width:777px;}
.footer {background:#FFF; height:100%; margin:auto; overflow:hidden; position:relative; width:777px;border-top:1px solid;padding-top:5px;}
.footer .bg {background:url(images/footer.gif) repeat-x;}
.footer .copy {font-size:11px; padding:0px 0px 0px 0px;}
.footer .copy-inner {font-size:11px; padding:5px 0px 0px 0px;}
.footer-menu {font-size:12px}
