@charset "UTF-8";
/* CSS Document */


#rotate {
	background: url(/img/bannerbg2.png) top center no-repeat;	
	width: 934px;
	height: 306px;
	margin: 0px auto;
	padding-top: 14px;
	padding-left: 14px;
	position: relative;
	z-index: 1;
}

#rotatecorner {
	position: absolute;
	top: 14px;
	left: 14px;
	background: url(/img/bannercorner.png) no-repeat;
	width: 26px;
	height: 28px;
}

.rotateText {
	width: 200px;
	float: right;
	margin-top: 10px;
	margin-right: 27px;
}

.rotateText .title {
	font-weight: 200;
	color: #ffffff;
	font-size: 30px;
	text-shadow: 1px 1px 1px #333333;
	border-bottom: 1px solid #ffffff;
	padding-bottom: 10px;
	margin-bottom: 10px;
	line-height: 28px;
}

.rotateText .link  {
	margin-top: 10px;
	float: right;
	text-align: right;	
}

.rotateText .link A {
	color: #404040;
	padding-right: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
	background: url(/img/linkbtn-15.png) right 5px no-repeat;	
	font-size: 13px;
	font-weight: 400;
	text-decoration: none;
}

.rotateText .body {
	margin-top: 10px;
	font-weight: 300;
	color: #404040;
	font-size: 16px;	
}

.rotate {
	width: 940px;	
}

.rotate IMG {
	float: left;	
	border-right: 1px solid #85ac35;
	width: 700px;
	height: 292px;
}


#rotateButtons {
	xfloat: right;
	xmargin-top: 13px;
	xheight: 12px;
	position: relative;
	top: -30px;
	right: 30px;
	
}

.rotateButton {
	border: 2px solid #404040;
}

.rotateButton.active {
	background: #404040;	
}