body {
	color: white;
	background-color: black;
	padding: 0;
	margin: 0;
}

img {
    border: none;
}

div#nav {
	height: 55px;
	background: url(../images/header-bar-horizontal-repeating.png) repeat-x;
	margin-bottom: 14px;
}

div#nav div#nav_items{
	height: 50px;
	position: absolute;
	right: 0px;
	top: 0px;
	padding-right: 15px;
}

div#nav div#nav_items span{
	display: inline-block;
	width: 110px;
	height: 50px;
	text-align: center;
	padding-top: 16px;
	color: #888;
}

div#nav div#nav_items span a{
	color: #888;
	text-decoration: none;
}

div#nav div#nav_items span a:hover{
	color: white;
}


div#nav div#nav_items span:hover{
	color: #ccc;
}

div#nav div#nav_items span#selected{
	background: url(../images/header-bar-selected-section.png) no-repeat;
	color: #ccc;
}

/*#trailer_frame {
	position: relative;
	z-index: 3;
}*/

div#click-to-play {
	background: url(../images/trailer-click-to-play.png) no-repeat;
	width: 160px;
	height: 240px;
	position: absolute;
	top: 62px;
	z-index: 1;
}

div#loading-video {
	width: 160px;
	height: 240px;
	position: absolute;
	top: 62px;
	display: none;
	z-index: 1;
	background: url(../images/loading-video.png) no-repeat;
	width: 160px;
	height: 240px;
}

object#movie_object {
	top: 62px;
	position: absolute;
	display: none;
	height: 1px;
	width: 1px;
	z-index: 0;
}

div#trailer {
	background: url(../images/iphone-video-frame.png) no-repeat;
	position: relative;
	width: 180px;
	height: 372px;
	z-index: 0;
	padding-top: 62px;
	padding-left: 20px;
	margin-left: auto;
	margin-right: auto;
}

div#youtube_trailer {
	margin-left: -12px;
}

div#right_aside {
	width: 153px;
	position: absolute;
	left: 510px;
}

img.appstore {
	margin-top: 25px;
}

img {
	padding: 0;
	margin: 0;
	position: relative;
}

div#twitter_header_image {
	height: 13px;
}

div#twitter_div {
	background: white;
	width: 118px;
	min-height: 20px;
	padding-left: 7px;
	margin-left: 0;
}

div#twitter_div ul#twitter_update_list {
	width: 106px;
	padding: 0;
	margin: 0;
}

div#twitter_div ul#twitter_update_list li
{
	display: block}

div#twitter_div ul#twitter_update_list a
{
	margin-top: 10px;
	display: block;
	text-align: right;
	color: #207ba2;
	text-decoration: none;
}

div#twitter_div ul#twitter_update_list a:hover
{
	text-decoration: underline;
}


img.centered {
	display: block;
    margin-left: auto;
    margin-right: auto;
}


div#content-container{
	margin-left: auto;
	margin-right: auto;
	overflow: none;
	background: black url(../images/content-background-vertical-repeating.png) repeat-y center;
	position: relative;
	top: 28px;
}

div#body-top-graphic{
	width: 100%;
	height: 571px;
	background: url(../images/content-background-top.png) no-repeat center;
	position: relative;
	
	z-index: 1;
	margin-bottom: -571px;
	bottom: 1px;
}

div#body-bottom-graphic{

	height: 229px;
	background: url(../images/content-background-bottom.png) no-repeat center;
	z-index: 1;
	position: relative;
	bottom: 0;
	margin-bottom: -50px;
}

img#product-header {
	position: relative;
	top: -67px;
	margin-bottom: -72px;
}

div#content{
	margin-left: auto;
	margin-right: auto;
	width: 400px;
	min-height: 100px;
	color: #222;
	padding: 0 15px 5px;
	z-index: 2;
	position: relative;
	top: 66px;
}

img#dumpling-at-footer {
	position: absolute;
	left: 334px;
	bottom: -195px;
}

.screenshot {
	-webkit-border-radius: 3px;
	-webkit-box-shadow:0px 2px 4px rgba(0, 0, 0, 0.4);
}

div#nav {
	color: white;
}

div#copyright {
	position: relative;
	
	text-align: center;
	color: #deb007;
	z-index: 3;
	top: 232px;
}


/*iPhone!*/

@media screen and (max-device-width: 480px) {
	
	body {
    	font-size: 140%;
    }
    
    /*Don't make headers as big*/
    div#content h1{
        font-size: 115%;
    }
	
	div#nav div#nav_items span{
	    font-family: helvetica;
    	font-size: 0.9em;
    	font-weight: bold;
    	position:relative;
    	padding-top:12px;
    }

    div#right_aside {
        display:none;
    }	

	img#dumpling-at-footer {
		position: relative;
		left: 107px;
		top: 69px;
		margin-bottom: -73px;
	}

}