@charset "UTF-8";
/* CSS Document */

body {
	font-family: 'Handlee', cursive;
	background-image:url(../images/bg-pattern.jpg);
	background-repeat:repeat;
	color:#333333;
	-webkit-text-size-adjust:100%;
	margin:30px 0px 0px 0px;
}

.nomargin {
	margin:0px;
}

h1 {
	font-size:20px;
	line-height:25px;
	color:#6a7614;
	margin:0px 0px 0px 0px;
}

p {
	margin:15px 0px 0px 0px;
}

img {
	border-style:none;
}

.spacer {
	clear:both;
}

#ecard {
	width:864px;
	margin:auto;
}

.main {
	width:850px;
	height:550px;
	background-image:url(../images/bg.jpg);
	background-repeat:no-repeat;
	float:left;
}

.content-main {
	width:850px;
	height:550px;
	position:relative;
}

.content-center {
	width:790px;
	margin:auto;
}


.footer_main {
	width:858px;
	margin:auto;
	position:relative;
}

.footer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:0px;
	color:#000000;
	text-align:center;
	margin:8px 0px 10px 0px;
}

.facebook_center {
	width:146px;
	margin:auto;
}

.facebook_main {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	margin-top:-30px;
}

.facebook {
	width:145px;
	margin-top:10px;
}

/* HEADER */

.header {
	width:790px;
	overflow:hidden;
}

.logo-naxos {
	width:75px;
	height:75px;
	float:left;
}

.title-main {
	width:710px;
	margin:20px 0px 0px 80px;
}

.title {
	width:561px;
	height:43px;
	background-image:url(../images/title.png);
	background-repeat:no-repeat;
	margin:auto;
}

/* HEADER end */

/* BORDER */

.border-top {
	width:864px;
	height:7px;
	background-image:url(../images/border-top.png);
	background-repeat:no-repeat;
	background-position:top center;
}

.border-bottom {
	width:864px;
	height:41px;
	background-image:url(../images/border-bottom.png);
	background-repeat:no-repeat;
	background-position:top center;
}

.border-left {
	width:7px;
	height:550px;
	background-image:url(../images/border-left.png);
	background-repeat:repeat;
	float:left;
}

.border-right {
	width:7px;
	height:550px;
	background-image:url(../images/border-right.png);
	background-repeat:repeat;
	float:left;
}

/* BORDER end */

/* HOME */

#home {
	width:850px;
	height:550px;
	position:absolute;
	top:0px;
	left:0px;
	display:block;
}

.sub01 {
	font-size:17px;
	line-height:20px;
	text-align:center;
}

.sub02 {
	font-size:15px;
	line-height:18px;
	text-align:center;
}

.green {
	color:#6a7614;
}

.content-home {
	margin-top:130px;
}

.book-main {
	width:372px;
	float:left;
}

.blurb {
	width:398px;
	margin-left:20px;
	float:left;
}

.isbn {
	font-size:13px;
	line-height:18px;
	text-align:center;
}

.bassoon {
	width:66px;
	height:145px;
	background-image:url(../images/bassoon.png);
	background-repeat:no-repeat;
	position:absolute;
	top:280px;
	left:390px;
	z-index:2;
}

.trumpet {
	width:111px;
	height:130px;
	background-image:url(../images/trumpet.png);
	background-repeat:no-repeat;
	position:absolute;
	top:200px;
	left:707px;
	z-index:2;
}

.buy-tormod {
	width:225px;
	height:132px;
	background-image:url(../images/buy-tormod.png);
	background-repeat:no-repeat;
	position:absolute;
	bottom:0px;
	left:400px;
}

.buy-tormod-home {
	width:100px;
	height:50px;
	position:absolute;
	top:440px;
	left:420px;
}

.btn-next-page {
	width:122px;
	height:132px;
	background-image:url(../images/btn-nextpage.png);
	background-repeat:none;
	position:absolute;
	bottom:10px;
	left:710px;
}

.btn-next-page:hover {
	background-image:url(../images/btn-nextpage-over.png);
	cursor:pointer;
}

/* HOME end */

/* MORE INFO */

#moreinfo {
	width:850px;
	height:550px;
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}

.content-moreinfo {
	margin-top:140px;
}

.ss-main {
	width:441px;
	height:332px;
	float:left;
}

.info-main {
	width:319px;
	font-size:15px;
	line-height:18px;
	margin-left:30px;
	float:left;
}

.info-indiv {
	margin-top:5px;
}

.info-label {
	width:80px;
	float:left;
}

.info {
	width:230px;
	margin-left:9px;
	float:left;
}

.buy {
	margin:5px 0px 0px 22px;
}

.buy-text {
	font-size:15px;
	line-height:18px;
	color:#c14a62;
	float:left;
}

.buy-btn {
	width:86px;
	margin:4px 0px 0px 8px;
	float:left;
}

.btn-back {
	width:122px;
	height:132px;
	background-image:url(../images/btn-back.png);
	background-repeat:none;
	position:absolute;
	bottom:10px;
	left:710px;
}

.btn-back:hover {
	background-image:url(../images/btn-back-over.png);
	cursor:pointer;
}

/* MORE INFO end */









