body{
	background:#000;
	font-family:Arial, Sans-Serif;
	color:#FFF;
	background:#000 url('../images/large-bg.jpg') -100px -200px no-repeat;
	font-size:13px;
	text-shadow: 0 0 0 #000;
}

img#hero{
	float:right;
	margin:0 20px;
	width:378px;
	height:240px;
}
#top{
	display:block;
	float:left;
	margin:0 auto;
	height:70px;
	width:969px;
}
#top h1{
	float:left;
	width:400px;
}
#social-links{
	float:right;
	width:128px;
	height:32px;
	margin:30px 0 0 0;
}
#social-links span{float:left; font-size:10px; margin:10px 20px 0 0;}
#social-links a{display:block; float:left; width:32px; height:32px; text-indent:-9999px; margin:0 5px 0 5px;}
#social-links a#twitter{background:url(../images/icon-twitter.png) 0 0 no-repeat;}
#social-links a#facebook{background:url(../images/icon-facebook.png) 0 0 no-repeat;}
#social-links a#rss{background:url(../images/rss.png) 0 0 no-repeat;}

#wrapper{
	width:969px;
	margin:50px auto;
}

#appstore-badge{
	width:268px;
	height:40px;
	text-align:center;
	margin:0 0 0 0;
	float:left;
}

#right{
	width:1100px;
	float:left;
	margin:0 0 0 0;
}
.black-bg{
	background:#030303;
	width:969px;
	border-left:1px solid #202020;
	border-right:1px solid #202020;
	border-bottom:1px solid #202020;
	border-top:1px solid #202020;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#fader{
	margin:10px 0 0 0;
}
#fader blockquote{
	font-size:14px;
	line-height:15px;
}
#fader blockquote strong{font-size:15px;}
#fader blockquote span{
	color:#333;
	font-style:italic;
}

.black-bg-full{
	background: transparent url(../images/black-content-bg.png) no-repeat 0 0;
}
.black-bg-full-short{
	background: transparent url(../images/black-footer-bg.png) no-repeat 0 0;
}

#content{
	font-size:13px;
	width:975px;
	height:240px;
	float:left;
	padding:10px 5px 5px 10px;
	margin:2px 10px 10px 0;
}
#content h1{
	margin:35px 0 0 20px;
}
#content-box-long{
	padding:0 0 0 10px;
}
#content-box-long h1{
	font-size:14px;
}
#content p{
	margin:10px 10px 10px 10px;
	line-height:15px;
	width:800px;
}


#lists{
	width:500px;
	height:90px;
	margin:10px 0 20px 20px;
}

#lists ul{
	margin-top:10px;
}

#content #list-l{
	float:left;
	width:265px;
	margin:0 15px 0 0;
}

#content #list-r{
	float:left;
	width:220px;
}	
#content-box{
	float:left;
	height:240px;
	width:969px;
	padding:10px 5px 5px 10px;
	margin:2px 10px 5px 0;
}
#copy{margin:10px 0 0 0;font-size:11px;}
#copy a{color:#FFF;}

a#btn-download{
	display:block;
	width:231px;
	height:84px;
	background:url(../images/buynow-2.png) 0 0 no-repeat;
	text-indent:-9999px;
	float: right;
}
#content-box-long{
	float:left;
	min-height:300px;
	width:975px;
	padding:10px 5px 5px 10px;
	margin:0 10px 0 0;
	background: transparent url(../images/black-content-bg-y.png) repeat-y 0 0;
}
#content-box-long a{
	color:#FFF;
}
#content-top-cap{
	width:985px;
	height:4px;
	float:left;
	background: transparent url(../images/content-top-cap.png) no-repeat top left;
}
#content-bottom-cap{
	width:985px;
	height:15px;
	float:left;
	background: transparent url(../images/content-bottom-cap.png) no-repeat top left;
}
#info-box{
	float:left;
	height:120px;
	width:468px;
	padding:10px 5px 5px 10px;
	margin:0 10px 5px 0;
}
#info-box h1{
}
#info-inset{
	width:530px; 
	min-height:266px;
	float:left;
	background:transparent url(../images/black-inset-bg.png) 0 0 no-repeat;
	margin:0 0 0 0;
	padding:10px 20px 0 0;
}
#buy-box{
	float:left;
	height:120px;
	width:500px;
	padding:10px 5px 5px 10px;
	margin:2px 10px 5px 0;
}
#buy-info{
	float:left;
	width:330px;
	padding:0 0 0 20px;
}
#buy-copy{
	float:left;
	width:500px;
	padding:0 0 0 20px;
}

img#app-icon{float:left; margin:0 20px 0 0;}
#buy-info p{
	float:left;
	width:175px;
	font-size:14px;
	margin:5px 0 0 0;
}

#buy-button{
	float:right;
	width:150px;
	margin:20px 0 0 0;
}

#screenshots a{
	display:block;
	width:160px;
	float:left;
	margin:10px;
	border:4px solid #131313;
}
#screenshots a:hover{border:4px solid #666;}
#screenshots img .first{
	margin-left:0;
}

.color-meaning{
	width:920px;
	float: left;
	padding: 10px 20px 10px 10px;
	height:auto;
	width: 920px;
	border: 1px solid #040404;
	background:#010101;
	margin: 10px 0 10px 0;
	line-height: 18px;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

#fader-2 .color-meaning{width:500px; height:110px; padding:0 10px 0 10px; background:transparent; overflow:hidden;}
.color-meaning:hover{background:#050505;}
#color-select{
	width: 920px;
	border: 1px solid #040404;
	background:#010101;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    float: left;
    padding: 5px 10px;
}
#buy-banner{
	width: 510px;
	height: 60px;
	border: 1px solid #333;
	background:#010101;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    float: left;
    padding: 5px 10px;
    margin: 10px 0 0 20px;
}
#color-select img, .color-meaning img{
	float: left;
	border: 1px solid #151515;
	margin: 0 30px 0 20px;
	 -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.color-meaning p{
	float: left;
	width: 800px;
}
#fader-2 .color-meaning p{
	float: left;
	width: 360px;
}

.color-meaning img{
	margin: 0 10px 0 0;
}
/* Fixes */

.clear-right{
	clear:right;
}

.clear-right{
	clear:left;
}