@charset "UTF-8";
/* CSS Document */
* { margin:0; padding:0; border:0px;} 
body{font:'Yanone Kaffeesatz',Microsoft YaHei,Arial, Helvetica, sans-serif; color:#999; font-size:10px; text-decoration:none; }
#container{position:relative;width:760px;height:100%;margin:0 auto;padding:0;}
#head{background-image:url(images/bgtop.jpg);background-repeat:no-repeat;background-position:top;width:100%;height:100px;}
a:link{color:#333;text-decoration:none}
a:visited{ color:#333;text-decoration:none;}
a:hover{ color:#F00;text-decoration:none;}

.logo{position:relative;float:left;height:100px;width:100px;padding-left:0px;}
.nav{position:relative;float:right;margin-top:60px;height:10px;width:400px;text-align:right;}
.menu {font-family:'Yanone Kaffeesatz',Arial, Helvetica, sans-serif;font-size:16px;color:#999;padding:12px;text-align:center;}
#line{
	background:#f5f5f5;
	width:760px;
	height:1px;
	position:relative;
	float:left;
	margin-bottom: 10px;
}

#aboutpic{text-align:right;margin-top:10px;margin-bottom:30px;width:760px;position:relative;float:left;}
#abouttop{text-align:right;margin-top:50px;width:760px;position:relative;float:left;}
#aboutbottom{width:760px;position:relative;margin-top:30px;margin-bottom:30px;float:left;text-align:right;}
#abouten{text-align:right;margin-top:30px;margin-bottom:20px;width:770px;position:relative;float:left;}

/*--Window/Masking Styles--*/
.window{position:relative;overflow: hidden;float:left;width:760px; height:300px;}
.image_reel{position: absolute;top: 0; left: 0;}
.image_reel img{float:left;}

/*--Paging Styles--*/
.paging {position: relative;float:right;margin:-30px 0px -100px 0px;width: 100px; height:40px;text-align: center;line-height: 30px;display: none; }
.paging a {padding: 5px;text-decoration: none;color: #CCC;}
.paging a:active {font-weight: bold;}
.paging a:hover {font-weight: bold; color:#FFF;}

/*--title --*/
#title{width:660px; height:80px;position:relative;float:left; margin:10px auto;}
#titletext{font-family:Arial, Helvetica, sans-serif;font-size:20px;width:620px;height:100px;text-align:center;position:relative;float:left;padding-top:40px;}
#page{width:100px; height:80px; margin:10px auto;position:relative; float:right;}
#previous {position:relative;float:left; height:30px; width:40px; margin:20px auto;}
#next {position:relative;float:right; height:30px; width:40px; margin:20px auto;}
#news{float:left; width:760px; margin:10px 0px 0px 0px;overflow:hidden;}
#news a:hover{ background-color:#ee0000; color:#FFF;}
#news ul{ float:left; width:248px;list-style:none;}
#news ul li{ list-style:none;padding:0px;}
#news1{ float:left;width:248px; margin:0px 8px 0px 0px;}
#news2{ float:left;width:248px; margin:0px 8px 0px 0px;}
#news3{ float:right;width:248px;}
.newstitle{ ;color:#333;font:24px Hiragino Sans GB,Microsoft YaHei,Verdana;}
.newscon{ line-height: 20px;font:12px Hiragino Sans GB,Microsoft YaHei,Verdana;word-wrap:break-word;}
#workspic{position:relative;width:760px;float:left; margin-bottom:20px;}
#works {float:left;width:760px;overflow:hidden;margin:0 auto;padding:0; }
#workstitle{float:left;padding-top:10px auto;width:650px;height:45px;font-size:35px; font-family: 'Yanone Kaffeesatz',Verdana, Geneva, sans-serif; color:#666;}
#workscontent{font:Arial, Helvetica, sans-serif; float:left;width:650px;height:15px; font-style:italic;font-size:12px; margin:10px 0px 10px 0px; }
#worksdown{float:left;width:760px;margin:20px 0 20px 0px;font:12px Hiragino Sans GB,Microsoft YaHei,Verdana;word-wrap:break-word;text-align:left;}
#works ul{width:770px;list-style:none;}
#works ul li{ margin:0px 10px 10px 0px;float:left;padding:0px; }
#copy {font-size:8px;float:left;width:760px;text-align:right;height:50px; margin:20px 0px 30px 0px;}
#gotop{ float:right; font-size:10px; color:#CCC;}
font.titlesmall{ font-size:15px; color:#999;}

/*--work pic--*/
ul.gallery {width: 760px;list-style: none;margin: 0; padding: 0;}
ul.gallery li {float: left;margin: 0px 10px 0px 0px; padding: 0;display: inline; }
ul.gallery li a.thumb {width: 100px;height: 100px; cursor: pointer;}
ul.gallery li span { 	width: 100px;height: 100px;overflow: hidden;display: block;}
ul.gallery li a.thumb:hover {background: #333; }
ul.gallery li a {text-decoration: none; color: #777; display: block;}