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

body {
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	background:url(../images/bg.jpg)repeat;
	background-color:#efeae0;
	-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:#695c54;
	margin:30px 0px 0px 0px;
	font-size:15px;
	line-height:16px;
}

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

img {
	border-style:none;
}

.clearfix {
	clear:both;
}


#ecard {
	width:874px;
	margin:auto;
}

.main {
	width:850px;
	height:550px;
	background-image:url(../images/bg3.jpg);
	background-repeat:no-repeat;
	float:left;
	position:relative;
}

/* ------ BORDER ------ */

.bordertop {
	width:874px;
	height:12px;
	background-image:url(../images/bordertop.png);
	background-repeat:no-repeat;
	background-position:top center;
}

.borderleft {
	width:12px;
	height:550px;
	background-image:url(../images/borderleft.png);
	background-repeat:repeat-y;
	float:left;
}

.borderright {
	width:12px;
	height:550px;
	background-image:url(../images/borderright.png);
	background-repeat:repeat-y;
	float:left;
}

.borderbot {
	width:874px;
	height:12px;
	background-image:url(../images/borderbot.png);
	background-repeat:no-repeat;
	background-position:top center;
}

#footer {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	margin:auto;
	position:relative;
	width:200px;
	text-align:center;
	line-height:5px;
	font-size:1px;
	margin-top:11px;
}

/* ------ HOME ------ */

#home {
	width:850px;
	height:550px;
	background-image:url(../images/mainbg.jpg);
	display:block;
	position:absolute;
	top:0px;
	left:0px;
}

.naxos-logo {
	width:75px;
	margin-left:30px;
	z-index:1;
	position:relative;
}

.top {
	height:130px;
	width:850px;
}

#ulylogo {
	width:330px;
	height:123px;
	background-image:url(../images/logo.png);
	float:right;
	margin-top:20px;
}

#guide {
	width:233px;
	height:64px;
	background-image:url(../images/guide.png);
	float:right;
	margin-top:57px;
	margin-right:105px;
}	

#homecontent {
	position:absolute;
	margin-left:17px;
	margin-top:10px;
}

#videodiv {
	width:406px;
	height:270px;
	position:absolute;
}

.vid {
	width:401px;
	height:270px;
	margin:auto;
	background-image:url(../images/ipadsplash.png);
	background-repeat:no-repeat;
}

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

#ipad {
	position:absolute;
	width:300px;
}

#buyappstore {
	z-index:100;
	margin:auto;
	width:135px;
	height:40px;	
}

#buyappstore:hover {
	cursor:pointer;
}

#product {
	z-index:10;
	float:left;
	width:400px;
	height:350px;
}

#txts {
	float:left;
	width:395px;
	text-align:justify;
}

#btns {
	height:46px;
	width:302px;
	float:right;
	margin-top:15px
}

.appfeatures {
	width:151px;
	height:46px;
	background-image:url(../images/appfeatures.png);
	float:right;
}

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

.moreinfo {
	width:125px;
	height:46px;
	background-image:url(../images/moreinfo.png);
	float:right;
}

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

/* ------ END OF HOME ------ */

/* ------ APP FEATURES ------ */

#features {
	background:url(../images/bg2.jpg) no-repeat;
	width:850px;
	height:550px;
	display:none;
	position:absolute;
	top:0px;
	left:0px;
}

.title2 {
	width:495px;
	height:98px;
	text-indent:-9999px;
	background-image:url(../images/logo2.png);
	margin-left:120px;
	margin-top:10px;
}

#featuretxt {
	width:450px;
	float:left;
}

#featuretxt h3 {
	width:100px;
	height:20px;
	margin-left:45px;
	color:#e66528;
	margin-top:5px;
	margin-bottom:0px;
	float:left;
	
}

#featuretxt ul {
	height:155px;
	margin-left:22px;
	line-height:22px;
}

#featuretxt li {
	width:460px;
}

#photothumbs {
	width:320px;
	height:185px;
	margin:auto;
}

.thumbs {
	float:left;
	margin:10px 0 0 10px;
}

.thumbs:hover {
	opacity:0.6;
	filter:alpha(opacity=40); /* For IE8 and earlier */
}

#pagebtns1 {
	width:380px;
	height:49px;
	float:right;
	margin-top:360px;
	margin-right:12px;
}

#tabmoreinfo2 {
	width:129px;
	height:49px;
	background-image:url(../images/moreinfo2.png);
	background-repeat:no-repeat;
	float:left;
}

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

.tabback {
	width:102px;
	height:49px;
	background-image:url(../images/back.png);
	background-repeat:no-repeat;
	float:left;
}

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

/* ------ END OF APP FEATURES ------ */

/* ------ MORE INFO ------ */

#moreinfo {
	width:850px;
	height:550px;
	background-image:url(../images/bg3.jpg);
	display:none;
	position:absolute;
	top:0px;
	left:0px;
}

#ipads {
	width:261px;
	height:403px;
	background-image:url(../images/ipads.png);
	margin-left:40px;
	margin-right:15px;
	float:left;
}

#moreinfo h3 {
	height:10px;
	color:#e66528;
	margin-top:0px;
}

#infocredit {
	width:242px;
	float:left;
}

.infolabel {
	width:105px;
	float:left;
	line-height:20px;
}

.infodesc {
	width:135px;
	line-height:20px;
	float:left;
}

#alsoavailable {
	width:220px;
	float:left;
	margin-left:20px;
}

#pagebtns2 {
	width:280px;
	height:49px;
	position:absolute;
	bottom:12px;
	right:-10px;
}

#appfeatures2 {
	width:152px;
	height:49px;
	background-image:url(../images/appfeatures2.png);
	float:left;
}

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









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

/* BUBBLE INFO */

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

.trigger {
	float:left;
}
.btn-buy {
	margin-top:3px;
}
/* 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:20px;
}

.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_center {
	width:59px;
	margin:auto;
}

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