BODY {
	margin:0;
	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.6em;
}
H1, H2, H3, H4, H5, H6 {
	margin:0;
	color:#263d51;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
	font-weight:lighter;
	line-height:1.4em;
}
H1 {
	font-size:200%;
}
H2 {
	font-size:170%;
}
H3 {
	font-size:150%;
}
H4 {
	font-size:140%;
}
H5 {
	font-size:130%;
}
H6 {
	font-size:120%;
}
UL {
	padding:0 0 0 1.2em;
	list-style-type:none;
}
UL UL {
	margin:0;
}
UL LI {
	padding:0 0 0 1.5em;
	background:url(../images/arrow-blue.png) 0 2px no-repeat;
}
OL {
	padding:0 0 0 1.2em;
	list-style-type:decimal;
}
OL OL {
	margin:0;
}
A:LINK {
	color:#2858e4;
}
A:VISITED {
	color:#1b3a96;
}
A:HOVER {
	color:#333333;
}
A:ACTIVE {
	color:#FF0000;
}
h2 a:link, h2 a:visited {
	text-decoration:none;
	color:inherit;
}
TD {
	color:#666666;
}
TH {
	color:#666666;
}
/**************************************************/
 /*****************ALL PAGE SELECTORS***************/
/**************************************************/


#page {
	position:relative;
	width:822px;
	margin:0 auto;
	text-align:left;
}
#header {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:50px;
	overflow:hidden;
	background-color:#ffffff;
	border-bottom:#CCCCCC solid 1px;
	border-color:#ddd;
}
#headerLogo {
	position:absolute;
	width:175px;
	height:40px;
	padding:5px 0 0 0;
}
#mainNav {
	position:absolute;
	width:100%;
	padding:0;
	font-size:76%;
}
#mainNav UL {
	list-style-type:none;
	color:#000000;
	margin:0;
	padding:0;
}
#mainNav UL:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#mainNav LI {
	float:right;
	margin:0;
	padding:12px 0 0 10px;
	/*background:url(../images/bg-divider.gif) 0 48% no-repeat;*/
	background-image:none;
}
#mainNav LI.first {
	background:none;
	padding-left:0;
}
#mainNav LI.first a {
	background-image:none;
	padding:0;
	width:auto;
}
#mainNav ul li a {
	display:block;
	width:70px;
	height:19px;
	padding:4px 40px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	background:url(../images/switch-on-off.png) 0 0 no-repeat;
}
#mainNav LI A:LINK, #mainNav LI A:VISITED {
	color:#000000;
}
#mainNav LI A:ACTIVE, #mainNav LI A:HOVER, #mainNav li.selected a, #mainNav ul li a.current {
	color:#fff;
	/*background-image:url(../images/bg-nav-hover.gif);*/
	background-position:0 -27px;
}
#heroWrapper {
	position:absolute;
	left:0;
	top:50px;
	width:100%;
	height:372px;
	background:url(../images/bg-hero.png) 50% 0 no-repeat;
	background-image:none;
	border-bottom:#CCCCCC solid 1px;
	border-color:#ddd;	
}
#hero {
	width:100%;
	margin-top:20px;
}
#hero:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#heroImage {
	float:left;
	width:700px;
	font-size:69%;
}
#downloadButton {
	margin-top:40px;
}
#heroText {
	float:right;
	width:500px;
	margin-right:90px;
	margin-left:30px;
	padding:45px 0 0 0;
	font-size:69%;
}
#heroText UL {
	margin-top:16px;
	margin-left:30px;
}
#subNav {
	position:absolute;
	top:452px;
	left:0;
	width:215px;
}
#subNav IMG {
	margin-bottom:6px;
}
#contentWrapper {
	position:absolute;
	left:0;
	top:422px;
	width:100%;
}
#contentWrapper:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#mainContent {
	display:inline;
	float:left;
	width:512px;
	margin:15px 16px 15px 294px;
	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%;
	height:130px;
	margin-top:16px;
	padding:16px 0 0 0;
	background:transparent url(../images/heroWrapper.png) 50% -280px no-repeat;
	text-align:right;
	font-size:69%;
	font-family:Arial, Helvetica, sans-serif;
	border-top:#CCCCCC solid 1px;
	border-color:#ddd;
}
.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, #heroShot {
	position:relative;
}
#heroImage img, #heroShot img {
	-moz-box-shadow:none;
	border:medium none;
	position:relative;
	z-index:0;
}
#heroImage .mask, #heroShot .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, #heroShot IMG, #heroText IMG, #hero IMG {
	behavior:url('/includes/pngbehavior.htc');
}
.less {
	font-size:smaller;
}
h1 .less {
	display:block;
	line-height:1em;
}
.pullQuote {
	display:block;
	float:left;
	width:220px;
	margin:1em 1em 1em -8em;
	padding:16px 26px;
	background-image:url(../images/bg-pullquote.png);
	background-position:0 50%;
	background-color:#c9d8ea;
	color:#263d51;
	line-height:1.6em;
	font-style:italic;
	font-size:140%;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.whiteButton,
.grayButton {
    display: block;
    border-width: 0 12px;
    padding: 10px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    text-decoration: inherit;
	color: #263d51 !important;
}

.whiteButton {
    -webkit-border-image: url(../images/whiteButton.png) 0 12 0 12;
    text-shadow: rgba(255, 255, 255, 0.7) 0 1px 0;
}

.grayButton {
    -webkit-border-image: url(../images/grayButton.png) 0 12 0 12;
    color: #FFFFFF;
}

#sliderWrapper {
	
}
#slider {
	width:700px;
	height:350px;
	overflow:hidden;
	margin:0;
}
#slider img {
/*	margin-bottom:130px;*/
	top:0;
	left:0;
}
#sliderNav {
	position:relative;
	width:500px;
	margin:0;
}
.sliderNavLinks {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:16px;
	height:17px;
	background:url(../images/arrows-med-bl.png) 0 0 no-repeat;
	text-indent:-9999px;
}
#sliderNavNext {
	position:absolute;
	left:auto;
	right:0;
	background-position:-16px 0;
}
#pager {
	width:460px;
	height:20px;
	overflow:hidden;
	margin:0 20px;
	text-align:center;
}
#pager a {
	margin:0 5px;
	display:inline-block;
	width:20px;
	height:20px;
	background:url(../images/bullets-med.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
#pager a.activeSlide {
	background-position:-20px 0;
}