@charset "utf-8";

body{
	font-family: Helvetica, Arial, sans-serif;
	margin:0;
	padding:0;
	font-size:0.9em;
	height:20em;
	background-color:#000000;
	color:#A79983;
}

div#container
{
	margin:0px auto;
}

span.bg {
	color:#FFFFFF;
	border-bottom:1px dotted #A79983;
}

#header{
	padding-top:0.1em;
	position:relative;
}
	
h2{
	font-size:20px;
	color: #555;
	margin-top:30px;
	line-height:150%;
	text-shadow: 0px 1px 0px #fff;
}

#bodycontainer{
	background:url('../images/ipads_bg.jpg') no-repeat top center;
	height:65em;
}

#bodycontainer a{
	color:#ff8400;
}

#bodycontainer p{
	text-align:left;
}

#infocontainer{
	background:url(../images/bg_infocontainer.jpg) repeat-x bottom left;
	height:20em;
}



#infocontainer img {
	border:none;
}

#belowTheFold {
	background:url(../images/bg.gif) repeat top right;
}

#belowTheFold2 {
	background:url(../images/bg.gif) repeat top left;
}

#footer p{

	text-align:center;

	font-size:0.9em;

	padding:1em 0 3em 0;

	line-height:180%;

}



#footer a{

	color: #F9F9F9;

}



.customLine{

	background:url(../images/shadowline.gif) no-repeat top center transparent;

	padding:1em 0 0 0;

}



.container{
	margin:0 auto;
	text-align:left;
	width:67em;
}


h3{
	color:#FFFFFF;
	font-size:140%;
}

	
.contentBoxes{
	margin:0em 1.5em 0.8em;
	width:23em;
	line-height:170%;
	font-size:13px;
}

.contentBoxes ul{
	padding-left:1.3em;
	}

#features{
	margin-left:4em;
	}

div#screenshot {
	background-image: url('../images/ipad.png');
	width:777px;
	height:555px;
	position:absolute; 
	left:94px; 
	top:292px;
	
}	

div#screenshot div.screen img {
	height:412px;
	width:596px;
	top:56px;
	left:91px;
	position:absolute;
}

#appStore{
	margin-left:4.5em;
	margin-right:0;
	width:15em;
	}

#viewer{
	margin: 2em 0 3em 0;
	}

#viewer img{
	margin: 0 0.8em 0 0.8em;
	padding:6px;
	background-color:#fff;
	width:200;
	height:150;
	-webkit-box-shadow:0px 5px 5px #111111;
	-moz-box-shadow:0px 5px 5px #111111;
	border-style:none;
	}

#viewer td{
	text-align:center;
}

.label {
	padding-top:1.2em;
	font-size:80%;
	color:#FFFFFF;
}

a, a:visited{
	text-decoration:none;
}

.left{
	float:left;
}

.right{
	float:right;
}

.centerText{
	text-align:center;
}

.clearfloat{
	height:0;
	clear:both;
}

#border {
	height:25px;
	background-repeat:repeat-x;
	background:url('../images/border.png');
}