/*
 * YUI Resect CSS version: 2.2.2 
 * Copyright (c) 2007, Yahoo! Inc. All rights reserved.
 * Licensed under the BSD License: http://developer.yahoo.net/yui/license.txt
 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,optgroup,button,p,blockquote,th,td{margin:0;padding:0;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}table{border-collapse:collapse;border-spacing:0;}caption,th{text-align:left;}ol,ul{list-style:none;}fieldset,img{border:0;}input,textarea,select,optgroup,option,button{font-family:inherit;font-size:100%;}button,input {width: auto;overflow: visible;}optgroup,address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
dl li{list-style: none;}

a:link{outline: none; color: #E4B025; text-decoration: none; transition: color .2s linear; -webkit-transition: color .2s linear; -moz-transition: color .2s linear;}
a:visited{outline: none; color: #E4B025; text-decoration: none;}
a:hover{outline: none; color: #00205B; text-decoration: none;}
a:active{outline: none; color: #E4B025; text-decoration: none;}

.clear{ clear: both;}

/*header area*/

body{
	color:#4B3905;
	background-color: #EEEEEE;
  	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

div#headerWrapper{
	background: url(images/header-bg.jpg) top left repeat-x;
	height: 312px;	
}

div#pageMain {
	margin: 0 auto;
	width: 930px;
}

div#header{
	padding-top: 2px;
	height: 300px;
	margin-left: -50px;
	background: url(images/img-logo-cap.png) top left no-repeat;
}

h1 {
	background: url(images/img-logo-text.png) top left no-repeat;
	display: block;
	width: 183px;
	height: 150px;
	margin-top: 75px;
	margin-left: 200px;
	text-indent: -9999em;
}

a.appStoreSmall {
	background: url(images/button-appstore-small.png) top left no-repeat;
	display: block;
	width: 103px;
	height: 36px;
	margin-left: 280px;
	border: none;
	text-indent: -9999em;
}

a.appStoreSmall:hover {
	background: url(images/button-appstore-small.png) left -36px no-repeat;
}

a.appStoreLarge {
	background: url(images/button-app-large.png) top left no-repeat;
	display: block;
	width: 181px;
	height: 128px;
    border: none;
	text-indent: -9999em;
	margin-left: 135px;
}

a.appStoreLarge:hover {
	background: url(images/button-app-large.png) -181px top no-repeat;
}

div#switcher a {
	background: url(images/img-dot-grey.png) top left no-repeat;
	width: 15px;
	height: 15px;
    border: none;
	text-indent: -9999em;
	display: block;
	float: left;
	margin: 3px;
}

div#switcher a.active {
	background: url(images/img-dot-gold.png) top left no-repeat;
}

div#switcher a:hover {
	background: url(images/img-dot-gold.png) top left no-repeat;
}

div.module, ul#reviews li {
	margin-bottom: 25px;
}


div#columnWrapper {
	padding-top: 50px;
}

div#leftColumn {
	width: 490px;
	margin-right: 30px;
	float: left;

}

div#rightColumn {
	width:380px;
	margin-left: 30px;
	display: block;
	float: left;	
}

h2 {
	color: #E4B025;
	font-size: 1.75em;
	margin-bottom: 10px;
}

p, li {
	color: #808080;
	font-size: .938em;
	line-height: 1.75em;
}

ul#features li {
	margin-bottom: 10px;
}

div#iphone {
	background: url(images/img-iphone.png) top left no-repeat;
	width: 370px;
	height: 508px;
	margin-top: -320px;
	padding-top: 140px;
}

div.scroll {
	width: 236px;
	height: 336px;
	margin-left: 68px;
}

div#switcher {
	margin-left: 122px;
	margin-top: -50px;
}

h3 {
	color: #808080;
	font-size: .938em;
	line-height: 1.75em;
	font-weight: bold;
	text-align: center;
	margin-left: -10px;
}

span.stars0 {
	background: url(images/0of5.png) top left no-repeat;
	display: block;
	text-indent: -9999em;
}

span.stars1 {
	background: url(images/1of5.png) top left no-repeat;
	display: block;
	text-indent: -9999em;
}

span.stars2 {
	background: url(images/2of5.png) top left no-repeat;
	display: block;
	text-indent: -9999em;
}

span.stars3 {
	background: url(images/3of5.png) top left no-repeat;
	display: block;
	text-indent: -9999em;
}

span.stars4 {
	background: url(images/4of5.png) top left no-repeat;
	display: block;
	text-indent: -9999em;
}

span.stars5 {
	background: url(images/5of5.png) top left no-repeat;
	display: block;
	text-indent: -9999em;
}

span.who {
	font-family: Georgia, Times, Serif;
	font-size: .875em;
	font-style: italic;
	display: block;
	color: #808080;
	text-indent: 2em;
	hanging-punctuation: start;
}

div#footerWrapper{
	background: url(images/footer-tile.jpg) bottom left repeat-x;
	height:169px; 
}

div#footerContainer{
	background: url(images/footer-bg.jpg) bottom left no-repeat;
	height: 169px;	
}

div#footer {
	margin: 0 auto;
	width: 930px;
	padding-top: 30px;
}

h4 {
	background: url(images/logo-sunlight.png) top left no-repeat;
	display: block;
	height: 92px;
	width: 204px;
	text-indent: -9999em;
	float: left;
}

p#bottomText {
	color: #FFF;
	font-size: .75em;
	line-height: 1.5em;
	text-align: justify;
	display: block;
	width: 675px;
	float: left;
	padding-top: 15px;
	padding-left: 30px;
}

p#bottomText a:link{outline: none; color: #F6D53D; text-decoration: none; transition: color .2s linear; -webkit-transition: color .2s linear; -moz-transition: color .2s linear;}
p#bottomText a:visited{outline: none; color: #F6D53D; text-decoration: none;}
p#bottomText a:hover{outline: none; color: #00205B; text-decoration: none;}
p#bottomText a:active{outline: none; color: #F6D53D; text-decoration: none;}