@import url(default.css);
#header{
	background:#f8fdf4 url(../img/head.jpg) no-repeat;
	width:770px;
	height:140px;
}
#header h1 a{
	text-indent:-9999px;
	display:block;
	width:500px;
	height:100px;
	overflow:hidden;
}

	
#content .list1{
	}
	#content .list1 ul{
	padding-top:7px;
	background:url(../img/dot_green_h.gif) repeat-x;
	zoom:1;}
	#content .list1 li{
	clear:both;
	height:23px;}
		#content .list1 li span{
		float:left;
		margin-right:5px;
		width:52px;
		padding:2px 0;
		text-align:center;
		font:10px Tahoma,sans-serif;
		background:#A5A5A5;
		color:#FFF;}
			#content .list1 li span.new{
			background:#E34F35;}
		#content .list1 li a{
		max-width:300px;
		float:left;
		overflow:hidden;
		height:14px;
		padding:2px 2px;}
			#content .list1 li a:hover{
			color:#51A909;
			background:#E4F2D8;
			padding-bottom:1px;
			border-bottom:1px solid #438B08;}
			
#content .list2{
	width:250px;}
	#content .list2 li{
	display:inline;
	float:left;
	margin:16px 16px 0 0;}
		#content .list2 li a{
		float:left;
		width:58px;
		padding:1px;
		border:2px solid #96331F;}
			#content .list2 li a img{
			display:block;}
			
#content .list3{
	float:left;
	margin:30px 2px 0;
	}			
	#content .list3 li{
	padding-left:10px;}
		#content .list3 li a{
		display:block;
		overflow:hidden;
		height:14px;
		line-height:18px;
		padding:4px 2px;}
			#content .list3 li a:hover{
			color:#E34F35;
			text-decoration:underline;}
	#content .list3 .more{
		margin:0 4px 0 0;
		position:relative;
		zoom:1;
		height:23px;
		background:url(../img/bg_list3.gif) repeat-x bottom;}
	#content .list3 .more a{
		position:absolute;
		width:42px;
		height:0;
		padding-top:9px;
		overflow:hidden;
		background:url(../img/more02.gif) no-repeat;
		bottom:4px;
		right:6px;}


#news{
	width:360px;
	overflow:hidden;}
	#news h5{
	background:url(../img/h5_news.gif) no-repeat;
	height:0;
	padding-top:28px;
	position:relative;
	overflow:hidden;}
		#news h5 .more{
		position:absolute;
		width:42px;
		height:9px;
		background:url(../img/more01.gif) no-repeat;
		bottom:2px;
		right:0;}
		#news h5 .more a{
		display:block;
		height:9px;
		width:42px;
		text-indent:-999px;
		overflow:hidden;}
		
#services{
position:absolute;
right:-16px;
top:0;}
#services h5{
background:url(../img/h5_service.gif) no-repeat;
width:229px;
height:28px;
text-indent:-999px;
overflow:hidden;}

#important{
	width:220px;
	border-right:1px dotted #666;
	background:url(../img/bg_important.gif) no-repeat 160px top;}
	#important h5{
	background:url(../img/h5_important.gif) no-repeat;
	text-indent:-999px;
	height:35px;}
	#important li{
		background:url(../img/bullet01.gif) no-repeat 0 8px;}
#hot{
	width:220px;
	border-right:1px dotted #666;
	background:url(../img/bg_hot.gif) no-repeat 140px top;}
	#hot h5{
	background:url(../img/h5_hot.gif) no-repeat;
	text-indent:-999px;
	height:35px;}
	#hot li{
		background:url(../img/bullet02.gif) no-repeat 0 8px;}

#links{
	width:155px;
	background:url(../img/bg_links.gif) no-repeat 55px top;}
	#links h5{
	background:url(../img/h5_links.gif) no-repeat;
	text-indent:-999px;
	height:35px;}
	#links li{
		background:url(../img/bullet03.gif) no-repeat 0 10px;}
