@charset "UTF-8";
/* CSS Document */

/* FONTS */

/* crimson-text-regular - latin */
@font-face {
  font-family: 'Crimson Text';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/crimson-text-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/crimson-text-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/crimson-text-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/crimson-text-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/crimson-text-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/crimson-text-v19-latin-regular.svg#CrimsonText') format('svg'); /* Legacy iOS */
}
/* crimson-text-italic - latin */
@font-face {
  font-family: 'Crimson Text';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/crimson-text-v19-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/crimson-text-v19-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/crimson-text-v19-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/crimson-text-v19-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/crimson-text-v19-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/crimson-text-v19-latin-italic.svg#CrimsonText') format('svg'); /* Legacy iOS */
}
/* crimson-text-700 - latin */
@font-face {
  font-family: 'Crimson Text';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/crimson-text-v19-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/crimson-text-v19-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/crimson-text-v19-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/crimson-text-v19-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/crimson-text-v19-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/crimson-text-v19-latin-700.svg#CrimsonText') format('svg'); /* Legacy iOS */
}
/* crimson-text-700italic - latin */
@font-face {
  font-family: 'Crimson Text';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/crimson-text-v19-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/crimson-text-v19-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/crimson-text-v19-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/crimson-text-v19-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/crimson-text-v19-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/crimson-text-v19-latin-700italic.svg#CrimsonText') format('svg'); /* Legacy iOS */
}

/* FONTS end */

body {
	font-family: 'Crimson Text', serif;
	background:url(../images/bg.jpg) no-repeat center center fixed;
	background-color:#ecc69b;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: 100% 100% cover;
	-moz-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
	
	color:#000;
	font-size:16px;
	line-height:1.15em;
	font-weight:400;
	margin:0px;
}

.clearfix { clear:both;}
img { border:0; border-style: none; outline:0;}t
*:focus { outline:0!important;}

a:link, a:visited { color:#7f5a28; line-height:.8em; text-decoration:none;}
a:hover { color:#7f5a28; text-decoration:none;}

.lheight { line-height:.8em;}


h1 { font-size:39px; line-height:50px; color:#000; margin:0px;}
h2 { font-size:35px; line-height:50px; color:#000; margin:0px;}

.logo-naxos { width:85px; position:absolute; top:0px; left:30px; z-index:600;}
.maroon { color:#6c051c;}

.bottom-bar { width:980px; height:15px; background-color:#6c051c; position:absolute; bottom:0px; left:0px; z-index:500;}

.fweight400 {font-weight:400;}
.fweight700 {font-weight:700;}
.fsize13 { font-size:13px; line-height:15px;}
.fsize14 { font-size:14px; line-height:18px;}
.fsize15 { font-size:15px; line-height:18px;}
.fsize17 { font-size:17px; line-height:21px;}
.fsize18 { font-size:18px; line-height:21px;}
.fsize25 { font-size:25px; line-height:25px;}

.fix { display:inline-block; line-height:.9em;}

.mt5 { margin-top:5px;}
.mt10 { margin-top:10px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}

.txt-l { text-align:left;}
.txt-r { text-align:right;}
.txt-c { text-align:center;}

.star { color:#C20000; font-size:14px;}

#ecard-w {
	width:100%;
	height:100%;
}

#ecard {
	width:980px;
	height:570px;
	background:url(../images/bg-ecard.jpg) no-repeat center center scroll;
	background-color: rgba(230, 211, 196, 1); 
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
	border:1px solid #510617;
	margin:30px auto 0px;
	position:relative;
}

.shadow {
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}


/* NAVIGATION */

.nav-main {
	width:485px;
	height:20px;
	background-color:#520617;
	color:#FFFFFF;
	font-weight:700;
	font-size:13px;
	line-height:18px;
	text-transform:uppercase;
	text-align:right;
	padding:8px 10px 2px 15px;
	position:absolute;
	top:20px;
	left:0px;
	z-index:500;
}

.artist-nav {
	width:485px;
	height:17px;
	color:#7f5a28;
	font-weight:700;
	font-size:14px;
	line-height:18px;
	text-transform:uppercase;
	text-align:right;
	padding:0px 10px 0px 15px;
	border-bottom:2px solid #7f5a28;
	position:absolute;
	top:58px;
	left:0px;
	z-index:500;
}

.nav-ind {
	margin:0px 17px;
	float:right;
}

.nav-ind:hover {
	cursor:pointer;
}

/* NAVIGATION end */



/* HOME */

#home {
	width:980px;
	height:570px;
	background:url(../images/bg-home.jpg) no-repeat center center scroll;
	position:absolute;
	top:0px;
	left:0px;
	display:block;
}

#home .title-main {
	width:920px;
	height:80px;
	text-align:right;
	margin:28px auto 0px;
}

#home .content {
	width:920px;
	margin:8px auto 0px;
}

#home .half-l {
	width:365px;
	float:left;
}

#home .half-r {
	width:540px;
	float:left;
	margin:18px 0px 0px 15px;
}

#box { position:relative; display:block;}
#packshot { position: absolute; top:190px; left:-20px; display:none}

.point:hover { cursor:pointer;}

/* HOME end */



/* DISCS */

#discs {
	width:980px;
	height:570px;
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}

#discs .title-main {
	width:920px;
	height:80px;
	text-align:right;
	margin:28px auto 0px;
}

#discs .content {
	width:900px;
	height:430px;
	margin:0px auto 0px;
	
}

#discs .half-l {
	width:230px;
	float:left;
	height:380px;
	position:relative;
}

#discs .half-r {
	width:615px;
	float:left;
	margin-left:35px;
}

.book { width:100px; position:absolute; top:145px; right:-20px; z-index:600;}
.book.shadow, .book-instance1.shadow, .book-instance2.shadow, .book-instance3.shadow, .book-instance4.shadow {
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,.3);
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,.3);
	box-shadow: 0px 0px 8px rgba(0,0,0,.3);
}
.book-instance1 {	
	transform:          rotate(-5deg);
	-ms-transform:      rotate(-5deg);
	-moz-transform:     rotate(-5deg);
	-webkit-transform:  rotate(-5deg);
	-o-transform:       rotate(-5deg);
	position:absolute;
	top:145px;
	right:25px;
	z-index:600
 }

.book-instance2 {	
	transform:          rotate(-3deg);
	-ms-transform:      rotate(-3deg);
	-moz-transform:     rotate(-3deg);
	-webkit-transform:  rotate(-3deg);
	-o-transform:       rotate(-3deg);
	position:absolute;
	top:145px;
	right:10px;
	z-index:600
 }

.book-instance3 {	
	transform:          rotate(-1deg);
	-ms-transform:      rotate(-1deg);
	-moz-transform:     rotate(-1deg);
	-webkit-transform:  rotate(-1deg);
	-o-transform:       rotate(-1deg);
	position:absolute;
	top:145px;
	right:-5px;
	z-index:600
 }

.book-instance4 {	
	transform:          rotate(3deg);
	-ms-transform:      rotate(3deg);
	-moz-transform:     rotate(3deg);
	-webkit-transform:  rotate(3deg);
	-o-transform:       rotate(3deg);
	position:absolute;
	top:145px;
	right:-20px;
	z-index:600
 }
 
.book-instance1:hover, .book-instance2:hover, .book-instance3:hover, .book-instance4:hover { z-index:700;}
.book-slide { padding:0px 10px;}
.book-nav { width:500px; margin:auto;}

/* DISCS end */


/* ARTISTS */

#artists {
	width:980px;
	height:570px;
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}

#artists .title-main {
	width:920px;
	height:80px;
	text-align:right;
	margin:28px auto 0px;
}

#artists .content {
	width:900px;
	height:430px;
	margin:25px auto 0px;
	
}

#longhini {position:relative; display:block; }

#delitiae { position:relative; display:none; }

/* ARTISTS end */


/* RECOMMENDED */

#recommended {
	width:980px;
	height:570px;
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}

#recommended .title-main {
	width:920px;
	height:80px;
	text-align:right;
	margin:28px auto 0px;
}

#recommended .content {
	width:900px;
	height:430px;
	margin:20px auto 0px;
	
}

.reco-rel { width:180px; margin:auto}

/* RECOMMENDED end */





/* FOOTER */

.footer {
	font-size:12px;
	line-height:13px;
	text-align:center;
	margin:20px 0px;
	color:#000;
}

.footer a {
	color:#6c051c;
}

.footer a:hover {
	color:#fff;
}

/* FOOTER end */

