@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0}
body{ font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px; background:#000 url(nosebg.jpg) no-repeat fixed center top; color:#777}
img{ border:none}
h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd{ margin:0; padding:0}
ul,li{ list-style:none}
a{ text-decoration:none}
a:hover{ text-decoration:underline}
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}

#toolbar{ background:url(toolbar.png) no-repeat; width:100%; height:48px; position:relative; z-index:9999}
.toolbar-left{ position:absolute; left:20px; width:354px; background:url(line.gif) no-repeat top right}
.logo{ position:absolute; top:-2px}
.piclink{ margin-left:205px; width:150px}
.piclink li,.toolbar-right li{ float:left; background:url(line.gif) no-repeat top left}
.piclink li a{ width:38px; height:32px; display:block; padding:5px 0 0 12px;}
.qq img{ margin:5px 0 0 5px;}
.toolbar-right{ width:160px; position:absolute; right:20px; width:352px}
.toolbar-right li a{ width:85px; height:37px; display:block; line-height:37px; text-align:center; font-family:Microsoft YaHei, Arial, Verdana, Helvetica, sans-serif; color:#9a9a9a}
.tel{float:left;background:url(line.gif) no-repeat left top; padding-left:2px;}

#content{ width:1000px; margin:0 auto; position:relative; top:-9px}
#nav{ width:175px; height:auto; float:left; text-indent:-99999px; position:absolute; left:25px; top:40px}
#nav dt,a.menu01,a.menu02,a.menu03,#heightlight01,#heightlight02,#heightlight03{ background:url(navbg.png) no-repeat}
#nav dt{ height:66px; background-position:0 0; margin-bottom:10px}
#nav dd a{ width:175px; height:41px; display:block}
a.menu01{ background-position:0 -70px}
a:hover.menu01,#heightlight01{background-position:0 -215px}
a.menu02{ background-position:0 -111px}
a:hover.menu02,#heightlight02{background-position:0 -256px}
a.menu03{ background-position:0 -152px}
a:hover.menu03,#heightlight03{background-position:0 -297px}

#sidebar{ background:url(content-bg.png) no-repeat; width:824px; height:auto; overflow:hidden; float:right}
.hotline{ position:absolute; right:35px; top:280px}
.hotline a{ width:100px; height:30px; display:block; margin-bottom:15px; text-indent:-9999px}
.advisory,.reservations{ background:url(onlineicon.gif) no-repeat}
.advisory{ background-position:left top}
.advisory:hover{background-position:left -30px}
.reservations{ background-position:-110px top}
.reservations:hover{ background-position:-110px -30px;}
.video{ width:800px; height:420px; background:url(videobg.jpg) no-repeat; text-align:center}
.navigation{ width:750px; height:40px; padding-left:50px; background: url(menubg.gif) repeat-x}
.navigation li{ float:left; padding:1px 2px 0 0}
.navigation li a{ color:#444; float:left; height:39px; line-height:39px; display:block; font-weight:bold}
.navigation a:hover, .navigation a.selected { background:fff; text-decoration:none}
.navigation a span{ padding:0 16px; height:39px; display:block;float:left}
.navigation a:hover span, .navigation a.selected span {color:#fa5382; background:#fff; border-left:1px solid #cdcdcd; border-right:1px solid #cdcdcd; cursor:pointer; padding:0 15px}
.scroll{ width:750px; height:auto; margin:0 auto; overflow:auto; position:relative; clear:left} 
.panel{ width:750px; padding:25px 0; height:auto; overflow:hidden}
.panel h4{ font-size:12px; color:#369; margin-bottom:5px}
.panel p{ line-height:140%}
.panel a{ color:#369; text-decoration:underline}
.test{ width:484px; float:left; border-right:1px solid #cdcdcd}
.test h3{background: url(digital.png) no-repeat 10px 0; padding-left:30px; font-size:14px; color:#369}
.test p{ color:#9a9a9a; padding:10px 0 20px 30px}
.test p span{ color:#369}
.results{ width:245px; float:right}
.results img{ margin:10px 0 30px 0}
.results p strong{ color:#444}

#footer{ width:990px; margin:0 auto; padding:0 12px 30px 0;}
#footer p{ font-size:10px; font-weight:bold; color:#421f31; text-align:right}
#footer p a{ color:#713a57; font-size:12px; font-weight:lighter; padding-left:15px;}