@charset "UTF-8";
/* CSS Document */

body {
	font-family: 'Tinos', serif;
	margin:0px 0px 0px 0px;
	background-image:url(../images/bg_pattern.jpg);
	background-repeat:repeat;
	background-position:top center;
	background-color:#000000;
	color:#EEEEEE;
}

p {
	margin:0px 0px 15px 0px;
}

#bg_main {
	width:100%;
	height:100%;
	background-image:url(../images/bg_main.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	padding-top:30px;
}

#main_center {
	width:850px;
	margin:auto;
}

#main {
	width:850px;
	height:550px;
	border:1px solid #666666;
	margin-bottom:20px;
	position:relative;
}

#content_center {
	width:790px;
	margin:auto;
}

.logo_naxos {
	width:75px;
	height:75px;
	background-image:url(../images/logo_naxos.jpg);
	background-repeat:no-repeat;
	background-color:#0f5c98;
	position:absolute;
	top:0px;
	left:30px;
	z-index:3;
}

#footer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	margin:8px 0px 10px 20px;
}

.spacer {
	clear:both;
}



/* MENU */

#menu_main {
	width:850px;
	height:45px;
	background-image:url(../images/menu_bg.jpg);
	background-repeat:no-repeat;
	background-color:#181818;
	position:absolute;
	top:0px;
	left:0px;
	z-index:2;
}

#menu {
	width:630px;
	margin:0px 0px 0px 220px;
}

.menu_indiv {
	padding:15px 31px 8px 31px;
	margin:0px 30px 0px 30px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	color:#ffffff;
	float:left;
}

.menu_indiv:hover {
	background-image:url(../images/menu_hover.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	cursor:pointer;
}


/* MENU END */


/* HOME */

#home {
	width:850px;
	height:550px;
	background-image:url(../images/bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	z-index:1;
}

.title_main {
	width:690px;
	margin:55px 0px 0px 100px;
	font-size:30px;
	line-height:30px;
	color:#FFFFFF;
	text-align:center;
}

.album_main {
	margin-top:22px;
}

.cover_main {
	width:365px;
	margin-top:5px;
	float:left;
}

.cover {
	width:365p;
	height:362px;
	background-image:url(../images/cover.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
}

.cover:hover {
	background-image:url(../images/cover_over.jpg);
	cursor:pointer;
}

.cat_no {
	font-size:14px;
	color:#ff4d45;
	font-weight:700;
	letter-spacing:1px;
	text-align:center;
	margin-top:10px;
}

.album_details {
	width:385px;
	margin-left:40px;
	float:left;
}

.album_details_part {
	padding-bottom:17px;
	background-image:url(../images/dot_pattern.png);
	background-repeat:repeat-x;
	background-position:bottom;
}

.album_details01 {
	font-size:40px;
	line-height:30px;
	color:#ff4d45;
	text-transform:uppercase;
	letter-spacing:1px;
}

.album_details02 {
	font-size:25px;
	line-height:25px;
	font-weight:700;
}

.album_details03 {
	font-size:18px;
	line-height:20px;
	margin-top:7px;
}

.album_details04 {
	font-size:14px;
	line-height:15px;
	margin-top:7px;
}

.quote {
	font-size:13px;
	line-height:17px;
	letter-spacing:1px;
	font-style:italic;
	color:#FFFFFF;
	margin-top:12px;
}

.quote .highlight {
	font-weight:700;
	color:#ff4d45;
}

.audio_text {
	font-size:14px;
	line-height:16px;
	margin-top:15px;
}

.audio {
	width:230px;
	margin-top:8px;
}

.buy_text {
	font-size:25px;
	line-height:20px;
	color:#ff4d45;
	text-transform:uppercase;
	margin-top:15px;
}

.btns_main {
	margin-top:5px;
}

.btn_amazon {
	width:96px;
	height:20px;
	background-image:url(../images/btn_amazon.png);
	background-repeat:no-repeat;
	margin:7px 10px 0px 0px;
	float:left;
}

.btn_amazon:hover {
	background-image:url(../images/btn_amazon_over.png);
	cursor:pointer;
}

.btn_col {
	width:134px;
	height:20px;
	background-image:url(../images/btn_col.png);
	background-repeat:no-repeat;
	margin:4px 10px 0px 10px;
	float:left;
}

.btn_col:hover {
	background-image:url(../images/btn_col_over.png);
	cursor:pointer;
}

.btn_itunes {
	width:72px;
	height:21px;
	background-image:url(../images/btn_itunes.png);
	background-repeat:no-repeat;
	margin:0px 10px 0px 10px;
	float:left;
}

.btn_itunes:hover {
	background-image:url(../images/btn_itunes_over.png);
	cursor:pointer;
}

.facebook_main {
	width:144px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	margin:auto;
}

.facebook_text {
	width:83px;
	margin-top:5px;
	float:left;
}

.facebook {
	width:61px;
	height:18px;
	background-image:url(../images/logo_facebook.jpg);
	background-repeat:no-repeat;
	float:left;
}


.facebook:hover {
	background-image:url(../images/logo_facebook_over.jpg);
	cursor:pointer;
}


/* HOME END */



/* ARTISTS */

#artists {
	width:850px;
	background-image:url(../images/bg_artists.png);
	background-repeat:repeat;
	padding-bottom:18px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
	display:none;
}

.page_title {
	width:790px;
	font-size:28px;
	line-height:30px;
	font-weight:700;
	color:#ff4d45;
	text-align:right;
	margin-top:58px;
}

.artist_name {
	font-size:18px;
	line-height:20px;
	color:#ff4d45;
	margin-top:5px;
}

.pic_tan {
	width:157px;
	height:229px;
	background-image:url(../images/pic_tan_dun.jpg);
	background-repeat:no-repeat;
	padding:0px 23px 4px 0px;
	float:left;
}

.pic_hpo {
	width:316px;
	height:200px;
	background-image:url(../images/pic_hpo.jpg);
	background-repeat:no-repeat;
	padding:0px 23px 4px 0px;
	float:left;
}

.content04 {
	width:790px;
	font-size:14px;
	line-height:19px;
	text-align:justify;
	margin-top:10px;
}

.content02 {
	width:790px;
	font-size:14px;
	line-height:19px;
	text-align:justify;
	margin-top:10px;
}

.content02 a:link {
	color:#ff4d45;
	font-weight:700;
	text-decoration:none;
}

.content02 a:visited {
	color:#ff4d45;
	font-weight:700;
	text-decoration:none;
}

.content02 a:hover {
	color:#b42c2e;
	font-weight:700;
	text-decoration:none;
}

.content02 .highlight {
	font-weight:700;
	color:#ff4d45;
}


/* ARTISTS END */

/* WORKS */

#works {
	width:850px;
	height:550px;
	background-image:url(../images/bg_works.jpg);
	background-repeat:repeat;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
	display:none;
}

.content03 {
	width:450px;
	margin-left:340px;
	font-size:14px;
	line-height:18px;
	text-align:justify;
	margin-top:20px;
}



/* WORKS END */
