body {
	font-size:12px;
	color: #333333;
	background: #e3e3e3 url(images/main-bg.png) top center repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0px;
}
.box {
	margin: 0px auto 0px auto;
	width: 920px;
}
.top-links {
	margin: 0px;
	padding: 0px 5px;
	list-style: none;
	float: right;
}
.top-links li {
	float: left;
	margin: 0px;
}
.top-links li a {
	padding: 0px 10px 0px 9px;
	height: 24px;
	font-size: 11px;
	line-height: 24px;
	display: block;
	color: #333333;
	text-decoration:none;
	background: url(images/top-links-bg.png) no-repeat top right;
}
.top-links li a:hover {
	color: #FFFFFF;
}
.top-links-current{
	background: url(images/top-links-current-bg.png) no-repeat center bottom !important;
	color: #FFFFFF !important;
}
.header {
	height: 133px;
	width: 920px;
	background: url(images/logo.png) no-repeat left top;
}


/*************************************
				Menu
************************************/


.main-menu {
	background: url(images/menu-bg.png) no-repeat center center;
	width: 890px;
	height: 44px;
	padding:0px 0px 0px 18px;
	margin: 0px auto 0px auto;
	list-style: none;
}
.main-menu li{
	float: left;
}
.main-menu li a{
	display: block;
	height: 40px;
	text-decoration: none;
	overflow: hidden;
	text-indent: -9999px;
	margin: 0px 11px 0px 0px;
}

.menu-home {
	width: 84px;
}
.menu-home:hover {
	background: url(images/menu/menu-home.png);
}
.menu-music {
	width: 53px;
}
.menu-music:hover {
	background: url(images/menu/menu-music.png);
}
.menu-charts {
	width: 57px;
}
.menu-charts:hover {
	background: url(images/menu/menu-charts.png);
}
.menu-downloads {
	width: 82px;
}
.menu-downloads:hover {
	background: url(images/menu/menu-downloads.png);
}
.menu-free {
	width: 82px;
}
.menu-free:hover {
	background: url(images/menu/menu-free.png);
}
.menu-support {
	width: 64px;
}
.menu-support:hover {
	background: url(images/menu/menu-support.png);
}

/*************************************
			content
************************************/

.content {
	width: 920px;
	padding: 10px 0px 0px 0px;
	overflow: auto;
}

.col-one {
	width: 188px;
	float: left;
	margin: 0px 0px 0px 7px;
}
.col-two {
	width: 516px;
	float: left;
	margin: 0px 0px 0px 7px;
}
.col-three {
	width: 188px;
	float: left;
	margin: 0px 0px 0px 7px;
}


/*************************************
			side-module
************************************/

.side-module {
	background: url(images/side-module-content-bg.png);
	width: 188px;
	margin-bottom: 12px;
}
.side-module h2 {
	background: url(images/side-module-h2-bg.png);
	width: 188px;
	height: 29px;
	margin: 0px 0px 5px 0px;
	font-size: 12px;
	text-indent: 15px;
	line-height: 29px;
	color: #ffffff;
}
.side-module-bottom {
	background: url(images/side-module-bottom-bg.png) no-repeat bottom center;
}
.side-module-bottom-link {
	display: block;
	height: 34px;
	width: 163px;
	text-decoration:none;
	text-align:right;
	color: #0187c5;
	line-height: 34px;
	font-size:14px;
	margin: 0px 0px 4px 10px;
	padding: 0px 5px 0px 0px;
}

.module-links {
	list-style: none;
	margin: 0px 10px 0px 10px;
	padding: 0px;
}
.module-links li{
	width: 168px;
	height: 31px;
}
.module-links li a {
	width: 168px;
	height: 31px;
	display: block;
	text-decoration: none;
	color: #333333;
	background: url(images/side-module-link-bg.png) no-repeat center right;
	line-height: 31px;
	text-indent: 5px;
	border-bottom: 1px #CCCCCC solid;
}
.module-links li a:hover {
	background: url(images/side-module-link-bg-hover.png) no-repeat center right;
	color: #0187c5;
}

.downloads {
	width: 113px;
	height: 74px;
	padding: 15px 0px 0px 55px;
	margin: 0px auto 0px auto;
	border-bottom: 1px #CCCCCC solid;
}
.downloads p{
	padding: 0px;
	margin: 0px;
	font-size: 11px;
}
.downloads big{
	font-weight:bold;
}
/*************************************
			center-module
************************************/

.center-module {
	width: 516px;
	margin-bottom: 12px;
	background: url(images/center-moudle-content-bg.png) center center repeat-y;
}

.center-module h2 {
	background: url(images/center-moudle-h2-bg.png);
	width: 516px;
	height: 29px;
	margin: 0px 0px 5px 0px;
	font-size: 12px;
	text-indent: 15px;
	line-height: 29px;
	color: #ffffff;
}

.center-module-bottom {
	background: url(images/center-moudle-bottom-bg.png) no-repeat bottom center;
}

.center-module-overflow {
	overflow: auto;
}

.frame {
	width: 121px;
	height: 130px;
	float:left;
	text-align: center;
	margin: 5px 4px 0px 4px;
}

.center-module-link {
	display: block;
	height: 38px;
	width: 495px;
	text-decoration:none;
	text-align:right;
	color: #0187c5;
	line-height: 38px;
	font-size:14px;
	margin: 0px 0px 4px 10px;
	padding: 0px 5px 0px 0px;
}

.frame-link {
	width: 120px;
	display: block;
	height: 12px;
	text-align: left;
	color:#333333;
	font-weight:bold;
	text-decoration: none;
	text-indent: 5px;
	background: url(images/arrow.png) 109px center no-repeat;
}
.frame-link:hover {
	color:#0187c5;
	background: url(images/arrow-hover.png) 109px center no-repeat;
}

/*************************************
			center-module
************************************/

.login {
	margin: 0px 10px 0px 10px;
	padding: 5px 0px 0px 0px;
	overflow: auto;
	height: 95px;
}
.login input {
	width: 163px;
	border: 1px #333333 solid;
	color:#0187c5;
	background: #e3e3e3;
	font-weight: bold;
	font-size: 11px;
	margin: 0px 0px 10px 0px;
	padding: 3px 0px 3px 3px;
}
.come-in-link {
	display: block;
	width: 68px;
	height: 20px;
	background: url(images/come-in-link-bg.png) top center;
	color:#FFFFFF;
	font-weight: bold;
	line-height: 20px;
	text-align:center;
	text-decoration:none;
	float: left;
}
.forgot-information-link {
	display: block;
	width: 100px;
	height: 20px;
	color:#333333;
	line-height: 20px;
	text-align: right;
	text-decoration:none;
	float: left;
	font-size: 11px;
}



.bottom-links {
	width: 920px;
	height: 114px;
	background: url(images/bottom-links.png) no-repeat center center;
}
.bottom-links big {
	font-size:18px;
	color: #0187c5;
	letter-spacing: 3px;
}
.bottom-links p {
	font-size:11px;
	margin: 0px;
}

.bottom-links-one {
	width: 120px;
	height: 94px;
	padding: 20px 0px 0px 110px;
	float: left;
}
.bottom-links-two {
	width: 125px;
	height: 94px;
	padding: 20px 0px 0px 115px;
	float: left;
}
.bottom-links-three {
	width: 120px;
	height: 94px;
	padding: 20px 0px 0px 90px;
	float: left;
}
.bottom-links-four {
	width: 120px;
	height: 94px;
	padding: 20px 10px 0px 100px;
	float: left;
}


.bottom-nav {
	width: 866px;
	background: #dedede;
	overflow: auto;
	margin: 10px auto 0px auto;
	padding: 0px 20px 0px 20px;
}
.bottom-nav-box {
	width: 204px;
	padding: 5px;
	float: left;
}
.bottom-nav p {
	text-align: center;
	margin: 0px;
	color: #999999;
}
.bottom-nav p a {
	color: #6db0cf;
	font-size: 10px;
}
.bottom-nav-box h2 {
	font-size:12px;
	color: #333333;
	border-bottom: 1px solid #bcbcbc;
	text-indent: 5px;
	margin: 10px 0px 5px 0px;
}
.bottom-nav-box a {
	color:#333333;
	text-decoration: none;
	text-indent: 5px;
	display:block;
}
.bottom-nav-box a:hover {
	color: #6db0cf;
}