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


/* Tags */

body{
	background-color:#CCC;
	background-position:absolute;
	top:0px;
}

img {
	border:0px none;
}

a:link {
	text-decoration:underline;
	color:#CCC;
	}

a:visited {
	text-decoration:underline;
	color: #CCC;
}

a:hover {
	text-decoration:underline;
	color:#ff0000;
}

a:active {
	text-decoration:underline;
	color: #000000;
}



/* Classes */

.main {
	position: relative;
	background-color:#FFFFFF;
	width:1020px;
	min-height:1090px;
	margin:50px auto 0px;
	z-index:2;
	padding:30px;
	overflow-x: none;
	overflow-y: auto;
}

.home_button {
	position:absolute;
	top:30px;
	left:30px;
	width:160px;
	height:30px;
	z-index:3;
}

.nav-experience {
	position:absolute;
	top:80px;
	left:30px;
	width:300px;
	height:50px;
	padding-top:10px;
	z-index:3;
}
.nav-shows {
	position:absolute;
	top:80px;
	left:30px;
	width:185px;
	height:50px;
	padding-top:10px;
	z-index:3;
}

.nav-read {
	position:absolute;
	top:80px;
	left:215px;
	width:170px;
	height:50px;
	padding-top:10px;
	z-index:3;
}

.nav-listen {
	position:absolute;
	top:80px;
	left:382px;
	width:180px;
	height:50px;
	padding-top:10px;
	z-index:3;
}

.nav-look {
	position:absolute;
	top:130px;
	left:30px;
	width:140px;
	height:50px;
	padding-top:10px;
	z-index:3;
}

.nav-watch {
	position:absolute;
	top:130px;
	left:160px;
	width:210px;
	height:50px;
	padding-top:10px;
	z-index:3;
}

.nav-link {
	position:absolute;
	top:140px;
	left:900px;
	width:110px;
}

.nav-contact {
	position:absolute;
	top:129px;
	left:360px;
	width:240px;
	height:50px;
	padding-top:10px;
	z-index:3;
}



.nav-decoration-home {
	position:absolute;
	top:200px;
	height:2px;
	width:990px;
	z-index:3;
	background-color:#1a7bfe;
}

.nav-decoration-experience {
	position:absolute;
	top:200px;
	height:2px;
	width:990px;
	z-index:3;
	background-color:#8c62ad;
}

.nav-decoration-read {
	position:absolute;
	top:200px;
	height:2px;
	width:990px;
	z-index:3;
	background-color:#ef073d;
}

.nav-decoration-listen {
	position:absolute;
	top:200px;
	height:2px;
	width:990px;
	z-index:3;
	background-color:#fcd63c;
}

.nav-decoration-look {
	position:absolute;
	top:200px;
	height:2px;
	width:990px;
	z-index:3;
	background-color:#f68e56;
}

.nav-decoration-watch {
	position:absolute;
	top:200px;
	height:2px;
	width:990px;
	z-index:3;
	background-color:#7cc576;
}

.nav-decoration-contact {
	position:absolute;
	top:200px;
	height:2px;
	width:870px;
	z-index:3;
	background-color:#ec008c;
}

.home-l {
	position:relative;
	top:200px;
	left:0px;
	width:520px;
	float:left;
	z-index:4;
}

.home-l-middle{
	position:absolute;
	top:475px;
	left:50px;
}


.home-mp3 {
	position:absolute;
	top:765px;
	left:57px;
	width:399px;
	z-index:6;
	
}

.home-l-bottom {
	position:absolute;
	top:650px;
	left:0px;
	z-index:4;
}

.home-r {
	position:absolute;
	top:580px;
	left:550px;
	width:450px;
	height:500px;
	z-index:4;
	background-color:#999;
	overflow-y:auto;
}

.home-news-title {
	position:absolute;
	top:0px;
	left:1px;
	z-index:5;
}

.home-r-top {
	position:absolute;
	top:0px;
	left:520px;
	z-index:4;
	width: 525px;
}

.home-r-middle {
	position:absolute;
	top:20px;
	left:61px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#FFF;
	height:190px;
	width:360px;
	z-index:5;
}

.home-r-bottom {
	position:absolute;
	top:840px;
	left:550px;
	z-index:5;
}

.experience {
	position:relative;
	top:200px;
	left:0px;
	z-index:4;
	float:left;
}

.experience-1 {
	position:absolute;
	top:0px;
	left:0px;
	min-height:400px;
	width:260px;
	background-color:#999;
	padding-top:20px;
	padding-left:60px;
	padding-bottom:30px;
	z-index:3;
	font-family:Verdana, Geneva, sans-serif;

	font-size:10px;
}

.experience-2 {
	position:absolute;
	top:0px;
	left:340px;
	min-height:400px;
	width:260px;
	background-color:#999;
	padding-top:20px;
	padding-left:60px;
	padding-bottom:30px;
	z-index:3;
	font-family:Verdana, Geneva, sans-serif;

	font-size:10px;
}

.experience-3 {
	position:absolute;
	top:0px;
	left:680px;
	min-height:400px;
	width:260px;
	background-color:#999;
	padding-top:20px;
	padding-left:60px;
	padding-bottom:30px;
	z-index:3;
	font-family:Verdana, Geneva, sans-serif;

	font-size:10px;
}

.experience-4 {
	position:absolute;
	top:230px;
	left:1110px;
	margin-right:30px;
	min-height:400px;
	width:270px;
	background-color:#999;
	padding-top:20px;
	padding-left:60px;
	padding-bottom:30px;
	z-index:3;
	font-family:Verdana, Geneva, sans-serif;

	font-size:10px;
}

.experience-5 {
	position:absolute;
	top:230px;
	left:1470px;
	margin-right:30px;
	min-height:230px;
	width:270px;
	background-color:#999;
	padding-top:20px;
	padding-left:60px;
	padding-bottom:30px;
	z-index:3;
	font-family:Verdana, Geneva, sans-serif;

	font-size:10px;
}

.experience1-type {
	position:absolute;
	top:10px;
	z-index:4;
	margin-left:10px;
	left: 0px;
}

.experience2-type {
	position:absolute;
	top:10px;
	z-index:4;
	margin-left:10px;
	left:340px;
}

.experience3-type {
	position:absolute;
	top:10px;
	z-index:4;
	margin-left:10px;
	left:680px;
}

.read {
	position:relative;
	top:200px;
	left:0px;
	width:1020px;
	float:left;
}


.listen {
	position:absolute;
	top:230px;
	left:20px;
	float:left;
	z-index:4;
}

.listenR {
	position:absolute;
	top:230px;
	left:545px;
	float:left;
	z-index:4;
}

.listen-type-top {
	position:absolute;
	top:230px;
	left:310px;
	float:left;
	z-index:4;
	font-family:Verdana, Geneva, sans-serif;

	font-size:10px;
}

.listen-type-topR {
	position:absolute;
	top:230px;
	left:835px;
	float:left;
	z-index:4;
	font-family:Verdana, Geneva, sans-serif;

	font-size:10px;
}

.listen-sub {
	position:relative;
	top:20px;
	left:0px;
	float:left;
	z-index:4;
}

.listen-type-top-sub {
	position:absolute;
	top:185px;
	left:290px;
	float:left;
	z-index:4;
	font-family:Verdana, Geneva, sans-serif;

	font-size:10px;
}

.look {
	position:absolute;
	top:230px;
	left:30px;
	width:580px;
	height:680px;
	z-index:4;
	background-color:#999;
}

.look-2 {
	position:absolute;
	top:230px;
	left:630px;
	width:400px;
	height:680px;
	z-index:4;
	background-color:#999;
}
.look-type {
	position:absolute;
	top:10px;
	left:10px;
	z-index:5;
}

.look-bw-type {
	position:absolute;
	top:10px;
	left:10px;
	z-index:5;
}

.look-bw {
	position:absolute;
	top:20px;
	left:80px;
	z-index:5;
}

.look-images1 {
	position:absolute;
	top:20px;
	left:80px;
	z-index:6;
}

.look-images2 {
	position:absolute;
	top:240px;
	left:80px;
	z-index:6;
}

.look-images3 {
	position:absolute;
	top:460px;
	left:80px;
	z-index:6;
}

.look-lg {
	position:absolute;
	top:230px;
	left:30px;
	z-index:4;
	width:950px;
	height:1463px;;
}

.contact {
	position:relative;
	top:230px;
	left:30px;
	width:870px;
	float:left;
}

.c1-type {
	position:absolute;
	top:-20px;
	left:-20px;
	z-index:4;
}

.c2-type {
	position:absolute;
	top:-20px;
	left:280px;
	z-index:4;
}

.c3-type {
	position:absolute;
	top:-20px;
	left:580px;
	z-index:4;
}

.c1 {
	position:absolute;
	top:-30px;
	width:210px;
	height:260px;
	background-color:#999;
	padding-left:60px;
	padding-top:20px;
	padding-bottom:30px;
	margin-right:30px;
	font-family:Verdana, Geneva, sans-serif;

	font-size:10px;
	left: -30px;
}

.c2 {
	position:absolute;
	top:-30px;
	left:270px;
	width:210px;
	height:260px;
	background-color:#999;
	padding-left:60px;
	padding-top:20px;
	padding-bottom:30px;
	margin-right:30px;
	font-family:Verdana, Geneva, sans-serif;

	font-size:10px;
}

.c3 {
	position:absolute;
	top:-30px;
	left:570px;
	width:210px;
	height:260px;
	background-color:#999;
	padding-left:60px;
	padding-top:20px;
	padding-bottom:30px;
	margin-right:30px;
	font-family:Verdana, Geneva, sans-serif;

	font-size:10px;
}