body {
	margin:0;
	padding:0;
	font-family:Helvetica,Arial;
	font-size:14px;
	color:#666;
	background:#f0f0f0 url(../images/bg.png) top center repeat-x;
}
a {
	color:#000;
	text-decoration:none;
	outline:none;
}
a:hover {
	text-decoration:underline;
}
a img {
	border:none;
}

div#container {
	margin:0px auto;
	width:950px;
	/*background:#f5f6f7 url(../images/bg.png) top center repeat-y;
	/*border-left:1px solid #e1e2e3;
	border-right:1px solid #e1e2e3;*/
}

div#header {
	background:url(../images/logo.png) 10px 0px no-repeat;
	overflow:hidden;
	/*height:123px;*/
}
div#ff {
	margin:0 0 0 750px;
	background:url(../images/ff_logo.gif) top left no-repeat;
	width:200px;
}
div#ff a {
	text-decoration:none;
	display:block;
	color:#000;
	/*text-align:right;*/
	color:#000;
	padding:9px 0px 10px 32px;
}
div#ff a span {
	/*display:none;*/
	/*padding:8px 0 10px 0;*/
	/*width:150px;*/
	
}
div#ff a:hover {
	border-bottom:0;
	color:#ffaa00;
}
div#ff a:hover span {
	display:block;
}

div#nav {
	overflow:hidden;
	margin:0;
}

h1 {
	margin:0;
	float:left;
	display:block;
	height:60px;
	width:400px;
	font-size:36px;
	font-weight:normal;
	color:#000;
}
h1 a {
	display:block;
	height:60px;
	width:400px;
}
h1 span {
	display:none;
}
div#nav_items {
	float:left;
	margin:50px 0 0 70px;
	overflow:hidden;
	height:40px;
}
div.nav_item {
	float:left;
	margin:0 2px 0 0;
	width:100px;
	height:40px;
	text-align:center;
	font-weight:bold;
	color:#222;
	background:url(../images/nav_item_selected.png) 0px 0px no-repeat;
}
div.nav_item div.selected {
	height:25px;
	padding:15px 0 0 0;
}
div.nav_item a {
	text-decoration:none;
	display:block;
	color:#666;
	width:100px;
	height:25px;
	padding:15px 0 0 0;
	text-align:center;
	font-weight:bold;
	background:url(../images/nav_item.png) 0px 0px no-repeat;
}
div.nav_item a:hover {
	background:url(../images/nav_item_selected.png) 0px 0px no-repeat;
	color:#000;
}

div.nav_gap {
	width:20px;
	height:50px;
	float:left;
	display:block;
}

div.nav_item_download, div.nav_item_download a {
	width:60px!important;
	text-decoration:none;
}

div.nav_item_ext, div.nav_item_download {
	float:left;
	margin:0 2px 0 0;
	width:100px;
	height:40px;
	text-align:center;
	font-weight:bold;
	color:#222;
	
}
div.nav_item_ext a, div.nav_item_download a {
	text-decoration:none;
	display:block;
	color:#666;
	width:100px;
	height:25px;
	padding:15px 0 0 0;
	text-align:center;
	font-weight:bold;
}

div.nav_item_ext a:hover {
	color:#222;
}
a.download {
	color:#cc0000!important;
}
a.download:hover {
	color:#ff0000!important;
}

h2 {
	margin:20px 0 40px 0;
	font-size:24px;
	font-weight:normal;
	text-shadow: #fff 0px 1px;
	color:#333;
}
h3 {
	margin:0 0 20px 0;	
}
div#switch {
	float:right;
	margin:20px 100px 0 0;
}
div#content {
	/*background:url(../images/content_bg.png) 0 0 no-repeat;*/
}
div#content_top {
	background:url(../images/content_bg.png) 0 -10px no-repeat;
	height:40px;
	overflow:hidden;
}

div#content_body {
	background:url(../images/content_body_bg.png) 0 0 repeat-y;
	overflow:hidden;
	padding:0px 50px 20px 50px;
}
div#content_bottom {
	background:url(../images/content_bg.png) 0 -180px no-repeat;
	height:40px;
}
div.section {
	overflow:hidden;
	padding:0 0 20px 0;
}
div.screenshot {
	float:left;
	width:288px;
	border:1px solid #999;
}

div#screenshots {
	float:left;
	width:298px;
	height:611px;
	background:url(../images/iphone.png) 0 0 no-repeat;
	overflow:hidden;
}
img.screenshot {
	display:none;
	margin:105px 0 0 30px;
	width:240px;
	height:345px;
}

div#link_images {
	overflow:hidden;
	margin:0 0 20px 30px;
}

div#link_images a {
	display:block;
	float:left;
	margin:20px;
}
a#app_store_badge:hover {
	border:0;
}
div.copy {
	float:right;
	width:490px;
}
div#copy p {
	margin:0 0 8px 0px;
}
ul {
	margin:10px 0 40px 20px;
	padding:0;
}
li {
	margin:0 0 5px 0;
}

div#footer {
	margin:5px 50px 20px 50px;
	color:#666;
	font-size:10px;
}
div#footer div.fade {
	
}


/*
 * media
 */
div.imgs {
	overflow:hidden;
}
div.img {
	float:left;
	margin:0 20px 20px 0;
}
div.img a {
	display:block;
	padding:5px 5px 15px 5px;
	border:1px solid #ccc;
	background:#f0f0f0;
}
div.img a:hover {
	border:1px solid #ccc;
	background:#fff;
}
div.img a img {
	border:1px solid #999;
}

img.thumbnail {
	width:160px;
	height:230px;
}

/*
 * support
 */
div#wtf {
	float:left;
	width:300px;
}