/* General Rules */
html {
	overflow-y: scroll;
}

body {
	text-align:center;
	margin:0;
	padding:0;
	background:#003141 url(../images/body_bg_tile.png) repeat-y top center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
}

table {
	width:100%;
}

img {
	border:0;
	outline:none;
}

a {
	outline:none;
	color:#98EF01;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

p {
	font-size:1.333em;
	margin:0;
	padding:0;
	color:#003242;
}

form {
	margin:0;	
}

.clearrow {
	clear:both;	
	height:0px;
}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix {display:block;}
/* End hide from IE Mac */

.preload, .hidden {
	display:none;
}

.legal {
	font-size:0.7em;
	vertical-align:top;
	padding-left:0.2em;
}


/* Page Layout & Backgrounds */
.content-header {
	width:901px;
	margin:0 auto;
	text-align:left;
	background:#009fc3 url(../images/content_header_appstore.jpg) no-repeat top left;
}

.content-footer-art {
	background:url(../images/content_footer_art.jpg) no-repeat bottom left;
}

.content-footer {
	background:url(../images/content_footer.jpg) no-repeat bottom left;
}

.content {
	min-height:650px;
	height:auto !important;
	height:650px;
	position:relative;
}

.content ul.navigation {
	float:right;
	height:40px;
	width:588px;
	margin:0;
	padding:0;
	margin:21px 40px 0 0;
}

.content ul.navigation li {
	margin:0;
	padding:0;
	list-style:none;
	float:right;
	color:#98ef01;
	margin:0 5px;
	height:40px;
	line-height:14px;
}

.content ul.navigation li a {
	color:#98ef01;
	text-decoration:none;
	font-size:1.083em;
	font-weight:bold;
}

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

.content ul.navigation li a.current {
	color:#fff;	
}

.content ul.navigation li.features, .content ul.navigation li.questions {
	float:left;	
}

.content ul.navigation li.features a {
	display:block;
	height:40px;
	line-height:40px;
	width:111px;
	text-align:center;
	font-size:1.666em;
	font-weight:normal;
}

.content ul.navigation li.questions a {
	display:block;
	height:40px;
	line-height:40px;
	width:130px;
	text-align:center;
	font-size:1.666em;
	font-weight:normal;
}

.content ul.navigation li.home {
	position:absolute;
	top:0;
	left:0;
}

.content ul.navigation li.home a {
	display:block;
	width:210px;
	height:70px;
	text-indent:-9999px;
}

.content ul.navigation li.smallnav a {
	margin:0;
	padding:0;
	list-style:none;
	float:right;
	text-align:center;
	color:#98ef01;
	margin:0 5px;
	height:40px;
	width:60px;
	line-height:16px;
}

.content ul.navigation li.features a:hover, .content ul.navigation li.features a.current {
	color:#fff;
	text-decoration:none;
	background:url(../images/nav_features_bg.png) no-repeat top left;
}

.content ul.navigation li.questions a:hover, .content ul.navigation li.questions a.current {
	color:#fff;
	text-decoration:none;
	background:url(../images/nav_questions_bg.png) no-repeat top left;
}

.body-footer {
	width:901px;
	margin:0 auto;
	text-align:left;
	color:#058fae;
	padding:0.3em 0 0.6em 0;
}

.body-footer .logo {
	float:right;
	margin:-0.3em 0.5em 0 0;
}


/* Headings */
.page-home h1, 
h2, 
.page-home h3 {
	color:#fff;
	margin:0;
	padding:0;
	font-size:2.2em;
	font-weight:normal;
	letter-spacing:0.04em;
}

.page-home h1 { 
	padding:70px 0 0 80px;
}

.page-home h3 {
	font-size:1.8em;
	padding:0 0 0 80px;
}

.page-home h4 {
	color:#fff;
	margin:0;
	padding:0;
	font-size:1.3em;
	font-weight:bold;
	letter-spacing:0.04em;
	padding:0 0 0 80px;
}

h2 {
	font-size:1.4em;
	font-weight:bold;
}

.sidebar h2 {
	font-size:1.3em;
	text-decoration:underline;
	margin-bottom:0.5em;
}

.sidebar a.twitter {
	background:url(../images/ico_twitter.png) no-repeat left top;
	padding-left: 30px;
	display:inline-block;
	height:38px;
	line-height:30px;
}

.sidebar a.facebook {
	background:url(../images/ico_fb.png) no-repeat left top;
	padding-left: 34px;
	display:inline-block;
	height:38px;
	line-height:30px;
}

.sidebar p {
	line-height:1.5em;	
}


.page-home h2 {
	font-size:1.5em;
	margin-bottom:0.5em;
}

h1.page {
	color:#fff;
	margin:0;
	top:94px;
	left:87px;
	position:absolute;
	width:232px;
	height:39px;
	background:url(../images/page_header_bg.png) no-repeat top left;
	padding:39px 0 0 40px;
	font-size:2.75em;
	line-height:30px;
}

h1.smaller {
	font-size:2.3em;	
	line-height:25px;
}


/* Page Styling */
.sidebar {
	float:right;
	width:200px;
}

.page-home {
	padding-top:101px;
}

.page-home .home-features {
	background:url(../images/home_iphone_bottom_bg.jpg) no-repeat bottom center;
}

.page-home .home-features .iphone-layer {
	background:url(../images/home_iphone_device.png) no-repeat 330px top;
	height:367px;
}

.page-home .iphone-layer .column-left {
	float:left;
	width:355px;
	height:100%;
	position:relative;
}

.page-home .iphone-layer .column-center {
	float:left;
	width:185px;
	height:100%;
	position:relative;
}

.page-home .iphone-layer .column-right {
	float:left;
	width:361px;
	height:100%;
	position:relative;
}

.page-home ul.features {
	margin:0;
	padding:0;
	width:20em;
}

.page-home ul.features li {
	padding:0;
	margin:0;
	color:#003242;
	list-style-position:outside;
	font-size:1.4em;
	font-weight:bold;
	margin-bottom:1em;
}

.page-home .iphone-layer .column-left ul.features {
	position:absolute;
	top:150px;
	left:97px;
}

.page-home .iphone-layer .column-right ul.features {
	position:absolute;
	top:150px;
	left:52px;
}

.page-home .iphone-layer .column-center .slider {
	width:154px;
	height:228px;
	position:absolute;
	top:56px;
	left:16px;
}

.page-home .iphone-layer .column-center .phone-controls {
	width:154px;
	position:absolute;
	top:348px;
	left:16px;
	text-align:center;
}

.page-home .iphone-layer .column-center .phone-controls a {
	text-indent:-9999px;
	height:9px;
	width:8px;
	display:inline-block;
	background:url(../images/home_phone_controls.png) no-repeat bottom left;
	margin:0 1.5px;
}

.page-home .iphone-layer .column-center .phone-controls a.current {
	background-position:top left;
}

.page-home .egoboard {
	background:url(../images/home_ego_bg.png) repeat-x 0 0;
	height:62px;
}

.page-home .egoboard .slider-wrap {
	float:right;
	width:700px;
	height:39px;
	padding-top:6px;
}

.page-home .egoboard a.ego-pause {
	display:inline;
	float:right;
	width:17px;
	height:17px;
	background:url(../images/btn_ego_pause.png) no-repeat left top;
	text-indent:-9999px;
	margin:12px 20px 0 0;
}

.page-home .egoboard a.ego-next {
	display:inline;
	float:right;
	width:14px;
	height:17px;
	background:url(../images/btn_ego_next.png) no-repeat left top;
	text-indent:-9999px;
	margin:12px 12px 0 0;
}

.page-home .egoboard a.ego-prev {
	display:inline;
	float:left;
	width:13px;
	height:17px;
	background:url(../images/btn_ego_prev.png) no-repeat left top;
	text-indent:-9999px;
	margin:12px 12px 0 0;
}

.page-home .egoboard a.ego-next:hover, .page-home .egoboard a.ego-prev:hover, .page-home .egoboard a.ego-pause:hover {
	background-position:left bottom;	
}

.page-home .egoboard a.ego-pause.active {
	background-position:left center;
}

.page-home .egoboard .slider {
	width:599px;
	height:39px;
	float:left;
	border-left:1px dotted #01545f;
	border-right:1px dotted #01545f;
}

.page-home .feeds {
	padding-left:80px;	
}

.page-home .feeds .column-left, .page-home .feeds .column-center, .page-home .feeds .column-right {
	float:left;
	width:28%;
	padding:1em 5% 3em 0;
	color:#003242;
}

.page-home .feeds ul.links {
	margin:0;
	padding:0;
}

.page-home .feeds ul.links li {
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
	margin-right:1.3em;
}


.page-features {
	padding-top:198px;
	padding-bottom:3em;
}

.page-features p.free {
	width:669px;
	height:78px;
	background:url(../images/features_bar.jpg) no-repeat top left;
	margin:0 0 0 61px;
	font-size:1.333em;
	font-weight:normal;
	color:#003242;
	padding:19px 10px 0 161px;
}

.page-features .features {
	padding:20px 50px 15px 70px;	
}

.page-features .features ul {
	margin:0;
	padding:0;
	float:left;
	width:46%;
	padding-right:3%;
}

.page-features .features ul li {
	margin:0 0 20px 0;
	padding:0 0 0 150px;
	list-style:none;
	background-position:left top;
	background-repeat:no-repeat;
}

.page-features .features ul li img {
	float:left;	
}


.page-questions {
	padding:200px 130px 30px 130px;
}

ul.faq {
	margin:0;
	padding:0;
}

ul.faq li.faq-li {
	padding:0;
	margin:0 0 1.5em 0;
	list-style:none;
}

.faq-li ul {
	margin:0;
	padding:0.5em 0;
}

.faq-li ul li {
	margin:0 0 0 20px;
	padding:0;
	list-style:disc;
	list-style-position:outside;
	color:#003242;
	font-size:1.333em;
}


.page-twocol {
	padding:200px 50px 30px 125px;
	width:726px;
}

.page-twocol .column-left {
	float:left;
	width:480px;
}

ul.news {
	margin:0;
	padding:0;
	float:left;
	width:480px;
}

ul.news li.news-li {
	padding:0;
	margin:0 0 1.5em 0;
	list-style:none;
}

ul.news li.news-li h2 {
	margin-bottom:.8em;
}

ul.news .date {
	color:#fff;	
}

ul.news h2 a {
	color:#fff;
	text-decoration:none;
}

ul.news h2 :hover {
	text-decoration:underline;
}

a.admin-options {
	position:absolute;
	z-index:100;
	background-color:#000;
	padding:5px;
	border:1px solid #666;
}

a.admin-options-nofloat {
	background-color:#000;
	padding:5px;
	border:1px solid #666;
	font-size:0.5em;
}


/* Carousel: Phone */
.jcarousel-skin-phone .jcarousel-container-horizontal {
    width: 154px;
}

.jcarousel-skin-phone .jcarousel-clip-horizontal {
    width:  154px;
    height: 228px;
}

.jcarousel-skin-phone .jcarousel-item {
    width: 154px;
    height: 228px;
}

/* Carousel: Ego  Board */
.jcarousel-skin-ego .jcarousel-container-horizontal {
    width: 599px;
}

.jcarousel-skin-ego .jcarousel-clip-horizontal {
    width:  599px;
    height: 39px;
}

.jcarousel-skin-ego .jcarousel-item {
    width: 199px;
    height: 39px;
	border-right:1px dotted #01545f;
}

.jcarousel-skin-ego .jcarousel-item-last {
	border:none !important;
}

.jcarousel-skin-ego .jcarousel-item .item {
	color:#fff;
	padding:0 10px;
	font-size:0.9em;
}

.jcarousel-skin-ego .jcarousel-item .item span.first-word {
	color:#98ef01;	
}