@charset "utf-8";

#body {background:url(../images/dot_gray.gif) 758px 0 repeat-y;}

#image {position:relative; left:-1px; top:-44px; margin-bottom:-44px; *top:0; *margin-bottom:0; *z-index:-1;}
#image ol, 
#image ul {width:950px; height:424px; position:relative;}
#image li {width:950px; height:424px; position:absolute; left:0; top:0;}
#image li img {display:block;}

#main {float:left; width:759px; margin-bottom:-1px; border-bottom:1px solid #e6e6e6; overflow:hidden;}
#main #banner {width:759px; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
	
	#news {width:759px; background:url(images/column_bg.gif);}
	#news:after {display:block; clear:both; height:0; content:"";}
	#news div {float:left; width:233px; _width:252px; margin-right:1px; padding:0 10px 9px 9px; overflow:hidden;}
	#news div h3 {width:252px; height:70px; margin-left:-9px; background:no-repeat; text-indent:-9999px; overflow:hidden;}
	#news div img {display:block;}
	#news div small {display:block; width:233px; margin-top:10px; padding-top:9px; background:url(../images/line_dotted_white.gif) repeat-x; color:#999999; font-size:1.1em; font-weight:bold; text-align:right;}
	#news div ul {margin-top:10px; padding-bottom:5px;}
	#news div li {width:233px;}
	#news div li a {display:block; width:233px; padding:7px 0 8px; text-decoration:none;}
	#news div li a:after {display:block; clear:both; height:0; content:"";}
	#news div li h5 {font-size:1.2em; line-height:1.5;}
	#news div li.thumbnail img {float:left; margin-right:10px;}
	#news div li.thumbnail h5 {float:left; width:173px; margin-top:5px;}
	#news div li.block h5 {}
	
	#news #rootote       h3 {background-image:url(images/rootote_title.gif);}
	#news #collaboration h3 {background-image:url(images/collaboration_title.gif);}
	#news #toteascanvas  h3 {background-image:url(images/toteascanvas_title.gif);}
	
	#recommend {}
	#recommend h3 {width:758px; height:49px; border-top:1px solid #e6e6e6; background:#f9f9f9 url(images/recommend_title.gif) no-repeat; text-indent:-9999px; overflow:hidden;}
	#recommend ul {width:762px; border-top:1px solid #e6e6e6; background:url(images/column_bg.gif);}
	#recommend ul:after {display:block; clear:both; height:0; content:"";}
	#recommend li {float:left; width:252px; margin-right:1px; overflow:hidden;}
	#recommend li img {display:block;}
	#recommend li a {display:block; padding:10px 10px 5px; text-decoration:none;}
	#recommend li h4 {margin-top:6px; font-size:1.2em; color:#003591; line-height:1.5;}
	#recommend li h5 {margin-top:3px; font-size:1.2em; line-height:1.5;}
	
	#importantnews {border-top:1px solid #e6e6e6;}
	
#aside {float:left; width:189px;}
#aside .banners {margin-top:-1px; border-bottom:1px solid #e6e6e6; overflow:hidden;}
#aside .banners li {border-top:1px solid #e6e6e6;}
#aside .banners li a {display:block; text-decoration:none;}
#aside .banners li img {display:block;}