BODY {
	margin:0px; 
	background-color:#ffffff; 
	color:#333333;
	font-family:"Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif; 
	}
P, UL, OL {
	margin:0 0 1em 0; 
	line-height:1.4em;
	}
H1, H2, H3, H4, H5, H6 {
	margin:0px 10px 8px 0px; 
	color:#000; 
	font-weight:lighter;
	line-height:1.4em;
	}
H1 { 
	font-size:150%; 
	}
H2 {
	font-size:130%; 
	}
H3 {
	font-size:110%; 
	}
H4 {
	font-size:95%; 
	}
H5 {
	font-size:90%; 
	}
H6 { 
	font-size:85%; 
	}
UL {
	padding:0px 0px 0px 1.2em; 
	}
UL UL {
	margin:0; 
	}
OL {
	padding:0px 0px 0px 1.2em; 
	list-style-type:decimal; 
	}
OL OL {
	margin:0; 
	}
A:LINK {
	text-decoration:none; 
	color:#CC6600; 
	}
A:VISITED {
	text-decoration:none; 
	color:#CC6600; 
	}
A:HOVER {
	text-decoration:underline; 
	color:#333333; 
	}
A:ACTIVE {
	color:#FF0000; 
	}
TD {
	color:#666666; 
	}
TH {
	color:#666666; 
	}


  /**************************************************/
 /*****************ALL PAGE SELECTORS***************/
/**************************************************/


#page{
	position:relative;
	width:822px;
	margin:0 auto;
	text-align:left;
	}
#header{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:29px;
	background-color:#ffffff;
	border-bottom:#CCCCCC solid 1px;
	}
#headerLogo{
	float:left;
	width:101px;
	height:18px;
	margin-right:105px;
	padding:4px 0px 0px 0px;
	}
#mainNav{
	float:right;
	padding:9px 17px 0px 0px;
	line-height:1em;
	}
#mainNav UL{
	list-style:none;
	color:#000000;
	margin:0;
	padding:0px 0px 0px 0px;
	line-height:1em;
	}
#mainNav UL:after{
	content: ".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
	}
#mainNav LI{
	float:left;
	padding:0px 35px 0px 35px;
	background:url(../images/bg-divider.gif) no-repeat;
	}
#mainNav LI.first{
	background:none;
	padding-left:0px;
	}
#mainNav LI A:LINK, #mainNav LI A:VISITED{
	color:#000000;
	}
#mainNav LI A:ACTIVE, #mainNav LI A:HOVER{
	color: #CC6600;
	}
#heroWrapper{
	position:absolute;
	left:0px;
	top:28px;
	width:100%;
	height:372px;
	background:url(../images/bg-hero.png) no-repeat;
	border-bottom:#CCCCCC solid 1px;
	}
#hero{
	width:100%;
	margin-top:30px;
	}
#hero:after {
	content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden; 
	}
#heroImage{
	float:left;
	width:200px;
	font-size:69%;
	}
#downloadButton{
	margin-top:40px;
	}
#heroText{
	float:right;
	width:500px;
	margin-right:90px;
	margin-left:30px;
	padding:45px 0px 0px 0px;
	font-size:69%;
	}
#heroText UL{
	margin-top:16px;
	margin-left:30px;
	}
#subNav{
	position:absolute;
	top:430px;
	left:0;
	width:215px;
	}
#subNav IMG{
	margin-bottom:6px;
	}
#contentWrapper{
	position:absolute;
	left:0px;
	top:400px;
	width:100%;
	}
#contentWrapper:after {
	content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden; 
	}
#mainContent{
	display:inline;
	float:left;
	width:366px;
	margin:20px 0 0 244px;
	min-height:215px;
	font-size:69%;
	}
#supplement{
	display:inline;
	float:left;
	width:140px;
	min-height:215px;
	margin:20px 0 0 20px;
	font-size:69%;
	}
#footer{
	clear:both;
	width:100%;
	padding:1em 0 1em 0;
	text-align:center;
	font-size:69%;
	font-family:Arial, Helvetica, sans-serif;
	}
.note {
	margin:1em;
	font-size:smaller;
	}
#heroImage .note {
	margin-right:2em;
	}
.screenshots-iphone img {
	width:160px;
	height:240px;
	padding:10px;
	background:transparent url(../images/matte-160x240.png) 0 0 no-repeat;
	}
#heroImage, #heroBibleHome {
	position:relative;
	}
#heroImage img, #heroBibleHome img {
	-moz-box-shadow:none;
	border:medium none;
	position:relative;
	z-index:0;
	}
#heroImage .mask, #heroBibleHome .mask {
	position:absolute;
	top:0;
	left:-1px;
	z-index:1;
	display:block;
	width:177px;
	height:179px;
	background:transparent url(../images/screenshots/mask175.png) no-repeat scroll 0 0;
	}
	
/* PNG Transparency Hack for older IE versions 
 http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html */
img.pngTransparency, .pngTransparency img, #heroBibleHome IMG, #heroText IMG, #hero IMG {
	behavior:url('/includes/pngbehavior.htc');
	}