﻿body{ background:#CBEDEF url(../images/bg0.gif) repeat-x scroll center top; text-align:left;}
.area{ width:960px;}
/*banner*/
.banner{ width:100%;height:188px;background:url(../images/banner.jpg) no-repeat left top;}
.banner h1{ display:none;}
/*main content*/
.main {width:100%; height:auto; margin-bottom:40px;}
/*left cover*/
.cover{ width:367px;height:450px; float:left;background:url(../images/cover.jpg) no-repeat left top;}
.cover h3{ padding-top:432px; float:right; font-weight:bold; font-size:14px;}
.cover h3 a{text-decoration:none;}
/*cover link*/
.cover #link{ position:absolute; width:271px; height:378px; top:235px; left:96px;}
.cover #link a{ display:block; width:100%; height:100%;}
.cover #link a span{ display:none;}
/*right navigation*/
#nav{ width:550px; margin: 70px 0 0 42px; float:left;}
#nav div { width:150px; height:150px; margin: 0 0 30px 30px; float:left; display:inline;}
#nav .col1{background-image:url(../images/bg1.jpg);}
#nav .col2{background-image:url(../images/bg2.jpg);}
#nav .col3{background-image:url(../images/bg3.jpg);}
#nav img{ margin: 5px 5px auto 5px;}
#nav h2{ padding:5px 0 0 0; font-size:16px; font-weight:bold; text-align:center;}
#nav h2 a{ color:#fff; text-decoration:none;}
/*text intro*/
.intro{ width:865px; clear:both; overflow:hidden; padding-top:20px; margin:0 0 0 95px;}
.intro:after {clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:"."; }
.intro span { width:253px; display:block; float:left; margin-right:38px; line-height:20px; padding-left:10px; background:url(../images/square.gif) no-repeat left 7px; *background-position:left 5px;}
.intro .last{ margin-right:0px;}
.intro span a { display:block; font-size:13px;}
/*footer*/
.footer{margin-left:95px;}
