/*
Theme Name: artemis
Theme URI: http://www.artemis-china.com/
Description: Designed by Yophee for www.artemis-china.com only
Version: 1.0
Author: Yophee Hsing
Author URI: http://xinyuefei.com/
Tags: black, clear, one columns, fixed width
*/

/* Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote { margin: 0;padding: 0; }
html { overflow-y: scroll; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
ol, ul, li { list-style: none; }
fieldset, img { border:0; }

/* BASIC */
a { color:#595959; text-decoration: none; outline: none; }
a:hover { color:#eafce9; text-decoration: underline; }
a img{ outline:none; }
.clear { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

body {background-color:#060606; font-family: "Microsoft Yahei","宋体";}
#wrapper { height:100%; min-height:100%; height:auto !important; margin:0 auto; font-size:14px; line-height:1.5em; }
	
#logoandnav { position:relative; text-align:center; width:100%; height:91px; background:url(i/nav.jpg) left top repeat-x;}
#navbar {margin: 0 auto; width: 960px;}
#navbar ul {margin: 0px; padding: 0px;}
#navbar li { background:url(i/nav-divider.png) left 20px no-repeat;
float:left; padding: 0px 0px 0px 1px; width: 115px; height:91px; position:relative; }
#navbar li.nodivider { background-image:none; padding: 0px 0px 0px 0px; }
#navbar li.logo { background-image:none; padding: 0px 0px 0px 0px; width: 130px; }
#navbar div { background:url(i/nav-hover.jpg) center bottom no-repeat;
position: absolute; top:0px; left: 2px; width: 114px; height: 91px; z-index:100; }
#navbar a { color:#777; font-size:15px; font-weight: bold; display:block; width: 113px; height:70px;
line-height:85px; padding: 21px 0 0 2px; position: absolute; top:0px; left: 0px; z-index:200; outline: none; text-align: center;
-webkit-transition:all .6s linear;
-moz-transition:all .6s linear;
-o-transition:all .6s linear;
transition:all .6s linear; }
#navbar a:hover { color:#eafce9; text-decoration:none; }
#navbar li.logo a { display:block; border-width:0px; height:71px; padding: 9px 0 0 0; position:relative;}
#navbar li.logo a img { border-width:0px; }


#body1 { position:relative; text-align:center; width:100%; background:#060606 url(i/body-bg.jpg) center top repeat-x; overflow: auto; height: auto; }

#contentout { margin: 0 auto; width: 980px; text-align:left;}

#openmenu { float: left; width: 980px; height:9px; margin: 1px 0 15px 0; text-align:right; }
#topMenuImage{ margin: 0 10px 0 0; height:9px; line-height:9px; }

#content { float: left; width: 980px; margin: 0px 0 15px 0; }
#contenttop { float: left; width: 980px; height:60px; background:url(i/top-fw.png) left top no-repeat; color:#000;}
#contentcenter { float: left; width: 980px; background:url(i/middle-fw.png) left top repeat-y; overflow: auto; height: auto; }
#contentbottom { float: left; width: 980px; height:22px; background:url(i/bottom-fw.png) left top no-repeat; }
	
#footer { float: left; width: 980px; height:120px; }
.foot1 { float:left; text-align:left; width: 200px; height: 100px; padding: 0 0 20px 40px; color:#595959; font-size: 12px; }
.foot1 h2 { width: 200px; height:25px; font-size: 14px; color:#878787; font-weight:bold; line-height: 17px; margin: 0 0 2px 0; text-align:left; border-bottom:1px solid #2f2f2f; }
.foot2 { float:left; text-align:left; width: 100px; height: 85px; padding: 15px 0 20px 90px; }

#contentin { padding:0px 60px 0 60px; }
#cl { width: 170px; height:520px; float:left; }
#cc { width: 390px; height:520px; float:left; }
#cr { width: 290px; height:520px; float:left; color:#eafce9; font-size:12px; }

#cl ul { width: 100px; }
#cl ul li { list-style:none; width: 100px; height:55px; }
#cl ul li a { display:block; width: 100px; height:32px; line-height:30px; text-align:center; background:url(i/menu.jpg) center bottom no-repeat;
-webkit-transition:all .6s linear;
-moz-transition:all .6s linear;
-o-transition:all .6s linear;
transition:all .6s linear;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px; }
#cl ul li a:hover { text-decoration:none;}
#cl ul li a.now { background:url(i/menu.jpg) center top no-repeat; color:#eafce9; }

#show { width: 320px; height: 480px; overflow: hidden; position: relative; }
#show div { width: 320px; height: 480px; position: absolute; top:0; left:0; display:none; }
#show #pic-1 { display: block; }
#show div img { width: 320px; height: 480px; }

#cr ul { width: 300px; }
#cr ul li { list-style:none; width:88px; height:160px; float:left; }
#cr ul li a { display:block; width:80px; height:120px; }
#cr ul li a img { opacity:0.5; width:80px; height:120px;
-webkit-transition:all .6s linear;
-moz-transition:all .6s linear;
-o-transition:all .6s linear;
transition:all .6s linear; }
#cr ul li a:hover img { opacity:1; }
#cr ul li p { width:80px; height:25px; line-height:25px; text-align:center; }