@charset "UTF-8";
/* CSS Document */

body {
	margin:30px 0px 0px 0px;
	color:#333;
	font-family: 'Averia Sans Libre', cursive;
	background-image:url(../images/bg_pattern.jpg);
	background-repeat:repeat;
	background-color:#ddecf1;
}

p {
	margin-top:0px;
	margin-bottom:15px;
}

#ecard {
	width:860px;
	margin:auto;
	position:relative;
}

#ecard_bg {
	width:860px;
	height:555px;
	background-color:#FFF;
	padding-top:5px;
	margin:auto;
}

#ecard_center {
	width:850px;
	margin:auto;
}

#ecard_main {
	width:850px;
	height:550px;
	background-image:url(../images/bg.jpg);
	background-repeat:no-repeat;
	position:relative;
}

#content_main {
	width:850px;
	position:relative;
}

.content_center {
	width:790px;
	margin:auto;
}

.shadow {
	width:860px;
	height:38px;
	background-image:url(../images/shadow.png);
	background-repeat:no-repeat;
	position:absolute;
	top:560px;
	left:0px;
	z-index:1;
}

.audio_main {
	width:90px;
	margin:auto;
	position:relative;
	z-index:2;
}

.audio {
	width:90px;
	margin-top:20px;;
}

.spacer {
	clear:both;
}

/* HEADER */

#header_main {
	width:850px;
	height:75px;
	position:absolute;
	top:0px;
	left:0px;
}

.logo_naxos {
	width:80px;
	height:80px;
	background-image:url(../images/logo_naxos.jpg);
	background-repeat:no-repeat;
	position:absolute;
	top:0px;
	left:30px;
	z-index:2;
}

.footer_main {
	width:860px;
	margin:auto;
	position:relative;
}

#footer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:0px;
	color:#333;
	text-align:center;
	margin:8px 0px 10px 20px;
}

.facebook_center {
	width:146px;
	margin:auto;
}

.facebook_main {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	line-height:15px;
	margin-top:-15px;
}

.facebook_text {
	width:83px;
	letter-spacing:0px;
	margin-top:5px;
	float:left;
}

.facebook {
	width:61px;
	height:18px;
	background-image:url(../images/logo_facebook.jpg);
	background-repeat:no-repeat;
	border:1px solid #04294b;
	float:left;
}

.facebook:hover {
	background-image:url(../images/logo_facebook_over.jpg);
	cursor:pointer;
}


/* MENU */

.menu_main {
	width:850px;
	height:40px;
	background-color:#5dc5e0;
	border-bottom:1px solid #69acd1;
	position:relative;
	z-index:1;
}

.menu {
	margin-left:140px;
}

.menu_indiv {
	font-size:13px;
	color:#FFFFFF;
	font-weight:bold;
	margin:0px 41px;
	padding:0px 15px;
	text-transform:uppercase;
	margin-top:12px;
	float:left;
}

.menu_indiv:hover {
	color:#ffe5bb;
	cursor:pointer;
}

/* MENU END */

/* HEADER END */


/* HOME */

#home {
	width:850px;
	height:550px;
	background-image:url(../images/bg_home.jpg);
	background-repeat:no-repeat;
	position:absolute;
	top:0px;
	left:0px;
	display:block;
}

.title01 {
	width:685px;
	font-family: 'Englebert', sans-serif;
	font-size:43px;
	line-height:33px;
	color:#fd4526;
	letter-spacing:.06em;
	text-transform:uppercase;
	text-align:center;
	margin:35px 0px 0px 105px;
}

.title02 {
	font-size:20px;
	line-height:20px;
	letter-spacing:.06em;
	text-transform:none;
	text-align:center;
}

.content {
	margin-top:25px;
}

.left_main {
	width:420px;
	float:left;
}

.right_main {
	width:340px;
	margin-left:30px;
	float:left;
}

.img_marketing {
	width:420px;
	height:250px;
	background-image:url(../images/image_marketing.png);
	background-repeat:no-repeat;
	margin-top:40px;
}

.info {
	font-size:14px;
	line-height:19px;
	letter-spacing:.01em;
	text-align:justify;
}

.buy_text {
	font-family: 'Englebert', sans-serif;
	font-size:17px;
	line-height:20px;
	letter-spacing:.04em;
	font-weight:bold;
	color:#fd4526;
	margin-top:30px;
}

.buy_indiv {
	margin-top:5px;
}

.btn_appstore_main {
	width:125px;
	float:left;
}

.btn_appstore {
	width:125px;
	height:37px;
	background-image:url(../images/btn_appstore.png);
	background-repeat:no-repeat;
}

.btn_appstore:hover {
	background-image:url(../images/btn_appstore_over.png);
	cursor:pointer;
}

.btn_appstore_text {
	font-size:13px;
	line-height:15px;
	text-align:center;
}

.btn_playstore {
	width:106px;
	height:37px;
	background-image:url(../images/btn_playstore.png);
	background-repeat:no-repeat;
	margin-left:10px;
	float:left;
}

.btn_playstore:hover {
	background-image:url(../images/btn_playstore_over.png);
	cursor:pointer;
}

.btn_kindle {
	width:109px;
	height:37px;
	background-image:url(../images/btn_kindle.png);
	background-repeat:no-repeat;
	margin-top:10px;
	float:left;
}

.btn_kindle:hover {
	background-image:url(../images/btn_kindle_over.png);
	cursor:pointer;
}

.btn_demo_main {
	width:266px;
	margin:auto;
	position:relative;
	z-index:1;
}

.btn_demo {
	width:266px;
	height:88px;
	background-image:url(../images/btn_demo.png);
	background-repeat:no-repeat;
}

.btn_demo:hover {
	background-image:url(../images/btn_demo_over.png);
	cursor:pointer;
}

.btn_demo a:link {
	color:#333;
	text-decoration:none;
}

.btn_demo a:visited {
	color:#333;
	text-decoration:none;
}

.btn_demo a:hover {
	color:#333;
	text-decoration:none;
}

/* HOME END */


.audio_container {
	width:90px;
	margin:5px auto;
}

.audio_main ul{
	list-style-type:none;
	margin-top:8px;
	margin-left:-35px;
}

.audio_main li{
	padding-left:-30px;
	padding-top:-10px;
	text-decoration:none;
}

.audio_main li a:link{
	color:#000;
	text-decoration:none;
}

.audio_main li a:visited{
	color:#000;
	text-decoration:none;
}

.audio_main li a:hover{
	color:#000;
	text-decoration:none;
}


#fallback {
	display: none;
}

.audioButton {
	background:url(../libs/img/btn.png) no-repeat 0 3px;
	display: block;
	cursor: pointer;
	margin: 0;
	padding: 5px 10px 5px 0px;
	width:80px;
}

.audioButton:hover {
  	background-position: 0 -37px;
}

.audioButton.playing {
	background-position: 0 -77px;
	background-color: rgba(166, 201, 80, 0 );
}

.audioButton.playing:hover {
	background-position: 0 -117px;
}

.audioButton.loading,
.audioButton.loading:hover {
	background: url("../libs/img/loading.gif") no-repeat 0 3px;
	text-indent: 0!important;
}

#player {
	display: none;
}
