* { 
margin:0; 
padding:0; 
} 
body {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 80%;
	height: auto;
	background-color: #EBEEEF;
	margin:0 auto 10px;
	color:#364249;
	line-height: 16px;
}
#header {
	width:100%;
	background-color:#364249;
	height:190px;
}
#search{
float:right;
top:-6em;
right:1.5em;
position:relative;
display:none;
}
#mysearch{
float:right;
top:-7em;
right:0.2em;
position:relative;
}


.banner{
	padding-top:1em;
	padding-bottom:0.5em;
	margin:auto;
	width:950px;
	display:block;
	border-bottom:1px solid #414F58;
}

.banner img{
left:-3em;
position:relative;
}

#nav{
	margin:auto;
	width:950px;
	padding-top:1.5em;
}
.navlink ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	position:absolute;
}
.navlink ul li {
border-left:1px solid #414F58;
display:inline;
float:left;
padding:0pt;
}
.navlink ul li a {
background:#364249;
color:#CCCCCC;
display:block;
height:auto;
line-height:1em;
padding:0.5em 1.5em;
text-decoration:none;
voice-family:inherit;

}
.navlink ul li a span{
display:none;
}
.navlink ul li a:hover span{
	display:block;
	position:absolute;
	top:0.5em;
	left:55em;
	width:20em;
	z-index:10;
}
html > body .navlink ul li a {
height:1em;
}
.navlink ul li a.active ,.navlink ul li a.active:hover {
background:#CC0000 none repeat scroll 0%;
border-top:1px solid #CC0000;
position:relative;
top:-1px;
}
.navlink ul li a:hover {
	background-attachment: scroll;
	background-color: #414F58;
	background-image: none;
	background-repeat: repeat;
	background-position: 0%;
}


.clear{
clear:both;
}
a{	color:#364249;
	text-decoration: underline;
}
a:hover{
	color: #DD6326;
	text-decoration: none;
}

#maincontent{
	color: #364249;
	margin:auto;
	width:960px;
	height:auto;
}
#main{
height:auto;
}
#mainleft{
width:180px;
float:left;
margin:30px 0;
padding:0 5px;
}
#mainright{
	width:735px;
	height:auto;
	margin:30px 2px;
	padding:5px;
	float:right;
	border:1px solid #CCCCCC;
}


#sidebar{
width:180px;
float:left;
height:auto;
padding:0 5px;
}

.pnglist ul{
	list-style-type:none;
}
.suiji{
height:auto;
padding:50px 5px 5px;
line-height: 20px;
}
.suiji img{

border:0;
}

.suiji ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
.suiji ul li a{
text-decoration: none;
}



.rand ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

.rand ul li{
background:transparent url(../img/dotli.gif) no-repeat scroll -3995px 50%;
padding-left:1em;
line-height: 20px;
}

#page{
background:url(../img/page.gif) top center no-repeat;
}
#design{
background:url(../img/page2.gif) top center no-repeat;
}
#works{
background:url(../img/page3.gif) top center no-repeat;
}
#share{
background:url(../img/page4.gif) top center no-repeat;
}
#news{
background:url(../img/page5.gif) top center no-repeat;
}




.flashbanner{
float:right;
margin:0 2px 10px 0px;
border-right:0px solid #364249;
border-top:0px solid #364249;
width:728px;
background:url(../img/flashbanner.gif) top right no-repeat;
}


.artlist{
width:750px;
float:right;
}
.artlist ul{
	clear:both;
	height:auto;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:10px;
}
.artlist ul li{
background:transparent url(../img/dotli.gif) no-repeat scroll -3995px 50%;
padding-left:1em;
line-height: 20px;
}
.artlist ul li a{
	text-decoration: none;
}
.artlist ul li a:hover{
	text-decoration: underline;
}

.fenleilist{
width:250px;
height:300px;
}
.fenleilist img{

}
.fenleilist img:hover{

}

.imglink{
padding:10px  0 0 10px;
float:left;
}
.imglink img{
width:50px;
height:50px;
padding:3px;
border:1px solid #cccccc;
}
.imglink img:hover{
background-color:#cccccc;
border:1px solid #ccc;
}


.textlink{
width:160px;
text-align:left;
padding:10px 10px 0 0;
float:right;
}
.textinfo{
width:160px;
text-align:left;
padding:5px 10px 0 0;
float:right;
}

.imglink2{
padding:10px  0 0 10px;

}
.imglink2 img{
width:80px;
height:60px;
padding:3px;
border:1px solid #cccccc;
}
.imglink2 img:hover{
background-color:#cccccc;
border:1px solid #ccc;
}


.textlink2{
width:160px;
text-align:left;
padding:10px 10px 0 0;

}
.textinfo2{
width:160px;
text-align:left;
padding:5px 10px 0 0;

}

.list{
float:left;
}
.list2{
float:right;
}
.arttitle{
margin:0 2px;
text-align:center;
padding:5px;
height:auto;
background-color:#364249;
color:#ccc;
}
.arttitle a{
display:block;
background:#364249;
text-decoration: none;
color:#CCCCCC;
}
.arttitle a:hover{
display:block;
background:#364249;
color: #DD6326;
}

.indexads{
float:right;
margin-top:8px;
margin-right:12px;
margin-bottom:8px;
}
#downlist{
height:auto;
}


#footer{
	margin:0px auto 0;
	width:950px;
	border-bottom:1px solid #CCCCCC;
	padding:5px;
}
#footer2{

position:relative;
}
.pagelink{
width:950px;
margin:auto;
padding:5px 5px 0 5px;
}

#rights{
	margin:auto;
	width:950px;
	padding:5px 5px 0 5px;
}
.counter{
width:200px;
margin:auto;
text-align:center;
}