#div1 {
	position: absolute;
	background-color:#FFF;
	
}
#header {
	height: 410px;
	width: 680px;
	padding: 0px;
	font-family: "宋体";
	font-size: 12px;
	background-image: url(../images/11.jpg);
	background-repeat: no-repeat;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


#content_2{
	width: 668px;
	padding: 5px;
	background: #FFF;
	border: 1px solid #CCC;
	margin-top: 15px;
	}
		#content_2 h5 {
	margin: 0;
	font-size: 16px;
	text-transform: uppercase;
	padding-top: 7px;
	padding-right: 0;
	padding-left: 0;
		}

		div#feature_list {
	height: 320px;
	overflow: hidden;
	position: relative;
		}


		div#feature_list ul {
			position: absolute;
			top: 0;
			list-style: none;	
			padding: 0;
			margin: 0;
		}

		ul#tabs {
	left: 0;
	z-index: 2;
	width: 265px;
		}

		ul#tabs li {
			font-size: 12px;
			font-family: Arial;
		}
		
		ul#tabs li img {
			padding: 5px;
			border: none;
			float: left;
			margin: 10px 10px 0 0;
		}

		ul#tabs li a {
			color: #222;
			text-decoration: none;	
			display: block;
			padding: 10px;
			height: 60px;
			outline: none;
		}

		ul#tabs li a:hover {
			text-decoration: underline;
		}

		ul#tabs li a.current {
	color: #FFF;
	background-image: url(../images/promo/feature-tab-current.png);
	background-position: right 0px;
		}

		ul#tabs li a.current:hover {
			text-decoration: none;
			cursor: default;
		}

		ul#output {
	right: 0;
	width: 463px;
	height: 320px;
	position: relative;
		}

		ul#output li {
	position: absolute;
	width: 435px;
	height: 320px;
	margin-left: 28px;
	background-color: #000;
		}

		ul#output li a {
			position: absolute;
			bottom: 10px;
			right: 10px;
			padding: 8px 12px;
			text-decoration: none;
			font-size: 11px;
			color: #FFF;
			background: #000;
			-moz-border-radius: 5px;
		}
		
		ul#output li a:hover {
			background: #D33431;
		}

#server {
	margin-top: 5px;
}
#server .cn{
	background-image: url(../images/server_bg_4.gif);
	background-repeat: no-repeat;
	height: 184px;
	width: 335px;
	color: #333;
	float: left;
	background-position: right bottom;
	border: 1px solid #A1A1A1;
}
#server .cn ul {
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#server .cn li{
	list-style-type:none;
	background-image: url(../images/server_bg_3.gif);
	background-repeat: no-repeat;
	text-indent: 20px;
	margin-left: 5px;
	margin-bottom: 3px;
	padding-top: 1px;
	background-position: 0px 4px;
}


#server .cn h6{
	height: 21px;
	margin: 0px;
	font-size: 16px;
	padding-top: 5px;
	padding-left: 20px;
}
#server .cn .b {
	margin: 5px;
	padding: 5px;
	border: 1px dashed #666;
	text-align: center;
	width: 100px;
}
#server .cn .b a:hover {
	display:block;
	background-color: #666;
}

#server .bk {
	float: left;
	width: 6px;
	height: 184px;
}
.domain {
	border: 1px solid #CCC;
	margin-top: 5px;
	padding: 5px;
}
.domain #form1 h1 {
	position: absolute;
	margin-left: 70px;
	letter-spacing: 5px;
	font-size: 24px;
	font-weight: normal;
}

.domain input {
	border: 1px solid #CCC;
	color: #333;
}
.domain #form1 {
	margin: 0px;
	padding: 0px;
}
#page-wrap {
	width: 680px;
	margin:10px 0 0 0;
	height:442px;
}
#page-wrap .more{background:url(../images/2011morebg1.gif) repeat-x; height:29px; text-align:center; display: block;}
/* Generic Utility */
.hide { position: absolute; top: -9999px; left: -9999px; }



/* Specific to example two */

#example-two .list-wrap {
	
	width: 658px;
	clip: rect(auto,auto,auto,auto);
	z-index: 2;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	padding: 0 10px 10px 10px;
}
#example-two .list-wrap ul{}
#example-two .list-wrap ul li{
	padding-right:5px;
	float:left;}
#example-two .list-wrap ul li .text{
	width:213px;
	height:25px;}
#example-two .list-wrap ul li img{
	width:205px;
	height:150px;}
#example-two ul { list-style: none; margin:0px; padding:0px; }
#example-two ul li a { display: block; padding: 4px; color: #666; }
#example-two ul li a:hover { background: #333; color: white; }
#example-two ul li:last-child a { border: none; }

#example-two .nav {
	overflow: hidden;
	z-index: 1;
}
#example-two .nav li { width: 114px; float: left; margin: 0 15px 0 0;  }
#example-two .nav li.last { margin-right: 0; }
#example-two .nav li a {
	display: block;
	padding: 8px 8px 17px 8px;
	color: black;
	font-size: 12px;
	text-align: center;
	background-color: #fff;
	background-image: url(../images/2010/bg05.gif);
	background-repeat: no-repeat;

}

#example-two li a.current,#example-two li a.current:hover {
	padding: 8px 8px 17px 8px;
	font-size: 12px;
	background-color: #fff !important;
	color: white;
		background-image: url(../images/2010/bg03.gif);
	background-repeat: no-repeat;

	
}
#example-two .nav li a:hover, #example-two .nav li a:focus {
	background-color: #fff;
			background-image: url(../images/2010/bg04.gif);
	background-repeat: no-repeat;
	
}
a:focus { outline: 0; }

