/* The Reset ---------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,
h6,pre,form,fieldset,input,p,blockquote,table,
th,td { margin: 0; padding: 0; }
fieldset,img,abbr { border: 0; }
address,caption,cite,code,dfn,em,h1,h2,h3,
h4,h5,h6,th,var { font-style: normal; font-weight: normal; }
caption,th { text-align: left; }
q:before,q:after { content: ''; }
a { text-decoration: none; outline:none;}

body {
	font-size: 80%;
	background: #CC0650 url('/assets/images/bg.jpg') repeat-x top left;
	font-family:Arial, Helvetica, sans-serif;
	/*font-family: "Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;*/
	line-height: 22px;
	color: #555;
	margin-bottom: 40px;
	font-size: 12px;
}
/* -------------------------------------------- */

.eof {
	clear:both;	
}


.wrapper {
	width: 780px;
	margin: 0 auto;
	clear: both;
}



.the-phone {
}
div.the-text {
	margin:70px 0px 0px 0px;
	float:left;	
	text-align:left;
	width:400px;
	line-height:35px;
}

div.the-text h1 {
	text-align: left;
	font-size: 44px;
	font-family: helvetica, arial, sans-serif;
	color: #000;
	margin: 35px 0px 5px 0px;
	font-weight:bold;
	line-height:40px;
}

div.the-text h2 {
	text-align: left;
	font-size: 28px;
	font-family: "Times New Roman", Times, serif;
	margin: 15px 0px 0px 0px;
	color: #000;
	line-height:25px;
}


div.the-text h3 {
	text-align: left;
	font-size: 20px;
	font-family: "Times New Roman", Times, serif;
	margin: 15px 0px 0px 0px;
	color: #666;
	line-height:20px;
	font-weight:normal;
}

.arrows {
	width: 780px;
	margin: 0px auto 0px auto;
	padding:0px 133px 0px 0px;
	text-align:right;
	height:80px;
}

.arrows img {
	cursor:pointer;
	width:67px;
	height:67px;
}

.arrows .previous {
	position:relative;
	background:url(/assets/images/arrows.gif) no-repeat scroll 0 0;
	width:67px;
	height:67px;
	left:615px;
	float:left;
}

.arrows .previous:hover {
	background:url(/assets/images/arrows.gif) no-repeat scroll 0 -67px;
	width:67px;
	height:67px;
}

.arrows .next {
	position:relative;
	background:url(/assets/images/arrows.gif) no-repeat scroll -67px 0;
	width:67px;
	height:67px;
	right:0px;
	float:right;
}

.arrows .next:hover {
	background:url(/assets/images/arrows.gif) no-repeat scroll -67px -67px;
	width:67px;
	height:67px;
}

.hide {
	display:none;
	width:67px;
	height:67px;
}

.footer {
	width: 780px;
	padding:5px;
	margin: 25px auto 0px auto;
	clear: both;
	background-color:#FFF;
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	text-align:center;
}

.footer ul {
display:inline;
}

.footer ul li{
display:inline;
padding: 0px 10px 0px 10px;
border-right:1px solid #F3A9C7;
}

.footer ul li a {
	color:#CC0650;
	text-decoration:none;
}

.footer ul li a:hover {
	text-decoration:underline;	
}

.footer ul li.last {
	border-right:0px solid;	
}


.footer-credit, .footer-credit a {
	width: 780px;
	padding:5px;
	margin: 10px auto 20px auto;
	clear: both;
	color: #ED81AC;
	text-align:center;
	line-height:16px;
}

.footer-credit a:hover {
	width: 780px;
	padding:5px;
	margin: 10px auto 20px auto;
	clear: both;
	color: #ED81AC;
	text-align:center;
	text-decoration:underline;
}


.iphone {
	background-image:url(/assets/images/phone.png);
	position: relative;
	width: 306px;
	height: 537px;
	margin:40px 0px 0px 0px;
	float:right;
}

.screen {
	width: 223px;
	height: 334px;
	position: relative;
	top: 101px;
	left: 42px;
}

.screen img{
	width: 223px;
	height: 334px;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.screen img#image1 {
display: block;
}