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

body {
	font-family: 'Lora', serif;
	background-color:#004d80;
	background-image:url(../images/bg.jpg);
	background-repeat:no-repeat;
	-webkit-text-size-adjust:100%;
    -webkit-animation-delay: 0.1s;
    -webkit-animation-name: fontfix;
    -webkit-animation-duration: 0.1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
	color:#fff;
	font-weight:400px;
	margin:0px 0px 0px 0px;
	font-size:15px;
	line-height:16px;
	overflow-y: scroll;
	overflow-x: hidden;
}

@-webkit-keyframes fontfix {
    from { opacity: 1; }
    to   { opacity: 1; }
}

img {
	border-style:none;
}

.clearfix {
	clear:both;
}

.naxos-logo {
	width:75px;
	margin-top:-10px;
	display:block;
	z-index:50px;
	float:left;
}

#ecard {
	width:850px;
	height:595px;
	margin:0 auto;
}

.main {
	width:850px;
	height:575px;
	margin:0 auto;
	position:relative;
	float:left;
}

#shadow {
	width:975px;
	height:21px;
	background-image:url(../images/shadow.png);
	background-repeat:no-repeat;
	margin:auto;
}

#footer {
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	margin:auto;
	width:180px;
	text-align:center;
	line-height:13px;
	margin-top:-10px;
}

/*********************** HOME ***********************/


#home {
	width:850px;
	height:575px;
	display:block;
	position:absolute;
	margin:auto;
	margin-top:15px;
}

#h1 {
	background-image:url(../images/title.png);
	background-repeat:no-repeat;
	width:699px;
	height:61px;
	text-indent:-9999px;
	margin-left:45px;
	margin-top:0px;
	float:left;
}

#navigation1 {
	width:450px;
	color:#000;
	font-size:14px;
	margin-left:210px;
	margin-top:8px;
}

#homebtn {
	width:99px;
	height:24px;
	background-image:url(../images/btn_home.png);
	background-repeat:no-repeat;
	padding-top:6px;
	text-align:center;
	float:left;
	margin-right:10px;
}

#homebtn:hover {
	cursor:pointer;
	background-image:url(../images/btn_home-over.png);
}

#moreinfobtn {
	width:170px;
	height:24px;
	background-image:url(../images/btn_moreinfo.png);
	background-repeat:no-repeat;
	padding-top:6px;
	text-align:center;
	float:left;
	margin-right:10px;
}

#moreinfobtn:hover {
	cursor:pointer;
	background-image:url(../images/btn_moreinfo-over.png);
}

#alsoavailablebtn {
	width:144px;
	height:24px;
	background-image:url(../images/btn_alsoavailable.png);
	background-repeat:no-repeat;
	padding-top:6px;
	text-align:center;
	float:left;
}

#alsoavailablebtn:hover {
	cursor:pointer;
	background-image:url(../images/btn_alsoavailable-over.png);
}

#homeleft {
	width:320px;
	position:relative;
	margin-top:10px;
	float:left;
}

#ipad {
	background-image:url(../images/ipad.png);
	width:300px;
	height:380px;
	position:relative;
	z-index:3;
}

#freetag {
	width:74px;
	height:64px;
	background-image:url(../images/free.png);
	position:absolute;
	bottom:52px;
	left:145px;
	z-index:4;
}

#iphone {
	background-image:url(../images/iphone.png);
	width:112px;
	height:197px;
	position:absolute;
	bottom:0px;
	right:0px;
	z-index:6;
}

#ss1 {
	width:213px;
	height:285px;
	position:absolute;
	top:43px;
	left:44px;
	z-index:5;
	display:block;
}


#ss2 {
	width:213px;
	height:285px;
	position:absolute;
	top:43px;
	left:44px;
	z-index:5;
	display:none;
}

#ss3 {
	width:213px;
	height:285px;
	position:absolute;
	top:43px;
	left:44px;
	z-index:5;
	display:none;
}

#ss4 {
	width:213px;
	height:285px;
	position:absolute;
	top:43px;
	left:44px;
	z-index:5;
	display:none;
}

#ss5 {
	width:213px;
	height:285px;
	position:absolute;
	top:43px;
	left:44px;
	z-index:5;
	display:none;
}

#ss-container {
	width:258px;
	height:65px;
	background-image:url(../images/ss_bg.png);
	position:absolute;
	left:27px;
	bottom:-70px;
}

#ss-thumb5 {
	width:38px;
	height:49px;
	float:left;
	margin-top:8px;
	margin-left:25px;
}

#ss-thumb5:hover {
	cursor:pointer;
}

#ss-thumb1 {
	width:38px;
	height:49px;
	float:left;
	margin-top:8px;
	margin-left:5px;
}

#ss-thumb1:hover {
	cursor:pointer;
}

#ss-thumb2 {
	width:38px;
	height:49px;
	float:left;
	margin-top:8px;
	margin-left:5px;
}

#ss-thumb2:hover {
	cursor:pointer;
}

#ss-thumb3 {
	width:38px;
	height:49px;
	float:left;
	margin-top:8px;
	margin-left:5px;
}

#ss-thumb3:hover {
	cursor:pointer;
}

#ss-thumb4 {
	width:38px;
	height:49px;
	float:left;
	margin-top:8px;
	margin-left:5px;
}

#ss-thumb4:hover {
	cursor:pointer;
}

#homeright {
	width:430px;
	float:left;
	margin-top:-5px;
	margin-left:35px;
}

#homeright h2 {
	line-height:30px;
}

#homeright p {
	font-size:15px;
	line-height:23px;
}

/*********************** HOME end ***********************/

/*********************** MORE INFORMATION ***********************/

#moreinfo {
	width:850px;
	height:575px;
	display:none;
	position:absolute;
	margin:auto;
	margin-top:30px;
}

.navigation2 {
	width:450px;
	color:#000;
	font-size:14px;
	margin-left:205px;
	margin-top:27px;
}

.homebtn_in {
	width:99px;
	height:24px;
	background-image:url(../images/btn_home.png);
	background-repeat:no-repeat;
	padding-top:6px;
	text-align:center;
	float:left;
	margin-right:10px;
	position:relative;
	z-index:5;
}

.homebtn_in:hover {
	cursor:pointer;
	background-image:url(../images/btn_home-over.png);
}

.moreinfobtn_in {
	width:170px;
	height:24px;
	background-image:url(../images/btn_moreinfo.png);
	background-repeat:no-repeat;
	padding-top:6px;
	text-align:center;
	float:left;
	margin-right:10px;
}

.moreinfobtn_in:hover {
	cursor:pointer;
	background-image:url(../images/btn_moreinfo-over.png);
}

.alsoavailablebtn_in {
	width:144px;
	height:24px;
	background-image:url(../images/btn_alsoavailable.png);
	background-repeat:no-repeat;
	padding-top:6px;
	text-align:center;
	float:left;
}

.alsoavailablebtn_in:hover {
	cursor:pointer;
	background-image:url(../images/btn_alsoavailable-over.png);
}

#moreinfo_left {
	width:500px;
	height:500px;
	margin-top:-60px;
	margin-left:-60px;
	padding-top:150px;
	padding-left:90px;
	background-image:url(../images/light.png);
	position:absolute;
	z-index:-1;
	float:left;
}

#devices {
	width:390px;
	height:299px;
	position:absolute;
	margin:auto;
}

#moreinfo_right {
	width:430px;
	margin-left:415px;
	margin-top:0px;
	z-index:5;
}

#features {
	width:415px;
	height:210px;
	background-image:url(../images/box_features.png);
	position:relative;
}

#features-content {
	width:340px;
	position:absolute;
	top:30px;
	left:55px;
}

#features-content h4 {
	font-size:16px;
}

#information {
	width:387px;
	height:209px;
	background-image:url(../images/box_info.png);
	position:relative;
	margin-left:42px;
	margin-top:20px;
}

#information-content {
	width:340px;
	position:absolute;
	top:-8px;
	left:12px;
	font-size:14px;
	line-height:20px;
}

.appinfo-container {
	width:340px;
}

.label {
	width:115px;
	float:left;
}

.appinfo {
	width:225px;
	float:left;
}

/*********************** MORE INFORMATION end ***********************/

/*********************** ALSO AVAILABLE ***********************/

#alsoavailable {
	width:850px;
	height:575px;
	display:none;
	position:absolute;
	margin:0 auto;
}

#otherapps-content {
	display:block;
	font-size:36px;
	font-weight:400;
	width:600px;
	height:430px;
	margin:auto;
	margin-top:50px;
	position:relative;
}

#otherappstitle {
	width:360px;
	margin:auto;
}

#appscontainer1 {
	width:660px;
	height:120px;
	margin:auto;
	margin-top:50px;
}

.app {
	width:140px;
	height:190px;
	font-size:14px;
	text-align:center;
	margin-right:25px;
	float:left;
}

.app img:hover {
	cursor:pointer;
}

#appscontainer2 {
	width:660px;
	margin:auto;
	
}
/*********************** ALSO AVAILABLE end ***********************/

/*********************** APP PAGE ***********************/

#app-page1 {
	display:none;
}

#app-page2 {
	display:none;
}

#app-page3 {
	display:none;
}

#app-page4 {
	display:none;
}

#app-page5 {
	display:none;
}

#app-page6 {
	display:none;
}

#app-page7 {
	display:none;
}

#app-page8 {
	display:none;
}

.app-page {
	width:760px;
	height:470px;
	position:relative;
	margin:auto;
	margin-top:15px;
	background-image:url(../images/appbg.png);
	
}

.apppagetitle {
	font-size:28px;
	font-weight:400;
	width:450px;
	height:30px;
	text-align:center;
	margin:auto;
	padding-top:25px;
	color:#99f0ff;
	line-height:24px;
	margin-bottom:10px;
}

.app-left {
	width:144px;
	float:left;
	margin-top:10px;
	margin-left:20px;
}

.app-right {
	font-size:14px;
	line-height:18px;
	width:555px;
	float:left;
	margin-top:0px;
	margin-left:25px;
}

.backbtn {
	width:197px;
	height:61px;
	position:absolute;
	right:15px;
	bottom:15px;
}
/*********************** APP PAGE end ***********************/

/*********************** POP-UP START ***********************/

.btn-indiv {
	width:20px;
	margin:0px 0px;
	float:left;
}

/* BUBBLE INFO */

.bubbleInfo {
	position: relative;
	top: 0px;
	left: 0px;
	width:10px;
}

.trigger {
	float:left;
}
.btn-buy {
	margin-top:8px;
}
/* Bubble pop-up */

.popup {
	position: absolute;
	display: none;
	z-index: 50;
	border-collapse: collapse;
}

.bubble {
	width:126px;
	height:71px;
	background-image:url(../images/bubble.png);
	background-repeat:no-repeat;
	position:absolute;
	top:35px;
	left:40px;
}

.bubble_text {
	font-size:12px;
	text-align:center;
	color:#666;
	margin-top:10px;
}

.btn_device_main {
	width:118px;
	margin:5px 0px 0px 5px;
}

.btn_device {
	width:59px;
	float:left;
}

/*********************** POP-UP END ***********************/