@import "reset.css";
@import "sling/stylesheet.css";


/*~~~~~( body / universal )~~~~~~*/
body {
	text-align: center;
	font: 88% "Lucida Grande", verdana, arial, helvetica, sans-serif;
	line-height:1em;
	background:#222222;
	color: #ccc;
	}
a {
	color: #ccc;
	text-decoration: underline;
	}
a:hover {
	color: #fff;
}

/*~~~~~( Layout )~~~~~~*/
div#header {
	text-align: center;	
	background: #000 url(../img/header2.jpg) no-repeat right top;
	height: 358px;
	}
div#header_inner {
	padding-top: 24px;
	height: 334px;
	text-align: right;
	width: 984px;
	margin: 0 auto;
}
	div#header #logo {
		line-height: 1;
		margin: 0 !important;
		position: relative;
		padding: 0 !important;
		float: right;
	}
	div#header #video {
		width: 600px;
		height: 360px;
		background: url(../img/video.png) no-repeat top left;
		padding: 12px;
		float: left;
		position: relative;
		z-index: 10;
		filter:alpha(opacity=95);
		-moz-opacity:0.95;
		-khtml-opacity: 0.95;
		opacity: 0.95;
		margin-bottom: -50px;
	}
#content {
	background: url(../img/content.jpg) repeat-x top;
	padding-top: 74px;
}
#content_inner {
	padding: 0;
	width: 984px;
	margin: 0 auto;
	text-align: left;	
	}
.mainContent {
	width: 624px;
	float: left;
}
.subContent {
	width: 320px;
	float: right;
}
.section {
	background: #000000;
	-webkit-box-shadow: 0 0 5px #111;
	-moz-box-shadow: 0 0 5px #111;
	box-shadow: 0 0 5px #111;
	padding: 24px 24px 8px;
	margin-bottom: 16px;
}
.section1 {
	background: #000 url(../img/section1.jpg) no-repeat bottom right;
}
.section2 {
	background: #000 url(../img/section2.jpg) no-repeat bottom right;
}
.section3 {
	background: #000 url(../img/section3.jpg) no-repeat bottom right;
}
div#footer {
	color: #535353;
	padding: 16px 0 36px !important;
	font-size:0.9em !important;
	clear:both;
	width: 984px;
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
	}
div#footer p, div#footer a {
	color: #535353;
	margin: 0;
	}

/*~~~~~( Headings & paragraphs )~~~~~~*/

h1, h2, h3 {
	font-weight:normal;
	margin:0 0 16px;
	font-family: "Sling", Georgia, Times New Roman, Times, Serif;
	letter-spacing:-0.03em;
	line-height: 1.1em;
	color: #EDEDED;
	position: relative;
	}
h2 {
	font-size:1.6em;
	}
h3 {
	font-size:1.6em;
	color: #ccc;
	}
strong {
	font-weight:bold;
	}
p {
	margin: 0 0 16px 0;
	line-height: 1.6em;
	}
h1 small, h2 small, h3 small {
	color: #545454;
	position: absolute;
	right: 0;
	top:0.1em;
	font-size: 0.8em;
}
small a {
	color: #545454;
}

p.button {
	padding: 2px;
	background: #1F3B72;
}
p.button a {
	color: #fff;
	border: 1px solid #3966B8;
	padding: 14px;
	background: #1F3B74 url(../img/button.png) repeat-x top;
	vertical-align: middle;
	font-size: 1.2em;
	text-decoration: none;
	line-height: 1;
	cursor: pointer;
	display: block;
	text-align: center;
	text-shadow: 0 -2px 0px #182E59;
}

blockquote {
	padding-left: 32px;
	background: url(../img/quote.png) no-repeat left 4px;
}
blockquote p {
}
blockquote cite {
	color: #545454;
	font-style: italic;
}

/*~~~~~( IMG )~~~~~~*/

.screenshots {
	text-align: center;
	padding: 12px;
	margin: 0 auto;
	background: url(../img/shots.gif) no-repeat center center;
}
.screenshots div {
	margin: 0 auto;
}
.screenshots img {
	padding: 11px;
	border: 1px solid #222222;
	background: #191919;
	margin: 0 auto;
}

.comingsoon {
	position: relative;
}
.comingsoon p {
	padding-right: 48px;
}
.comingsoon h2{
	padding-right: 132px;
}
.comingsoon img.soon {
	float: right;
	position: absolute;
	top:0;
	right: 0;
}

/*~~~~~( Lists )~~~~~~*/

ul {
	margin: 16px 0;
	line-height:1.5em;
}
ul li {
	padding: 0;
	margin: 0;
}

ul.split {
	overflow: hidden;
	background: url(../img/split.png) repeat-y center top;
	position: relative;
	margin: 0 0 8px;
}
ul.split li {
	width: 256px;
	margin: 0 0 8px 16px;
	float: left;
	clear: both;
}
ul.split li.alt {
	float: right;
	clear: none;
}
ul.split li p.tweet {
	margin: 0;
}
ul.split li p.meta {
	color: #545454;
	margin: 0;
	font-style: italic;
}

ul.features {
	list-style: disc inside;
}
ul.features li {	
}

ul.updates li {
	margin-left: 0;
	margin-bottom: 16px;
	width: 268px;
}

/* Social Network Icon Pack by Komodo Media, Rogie King - http://komodomedia.com/ */
ul.social {
	margin-top: 16px;
	margin-bottom: 8px;
}
ul.social li {
	padding: 0;
	line-height: 32px;
}
ul.social li a {
	background-position: left;
	background-repeat: no-repeat;
	padding: 10px 0 10px 40px;
}
li.twitter a {
	background-image: url(../img/twitter_32.png);
}
li.facebook a {
	background-image: url(../img/facebook_32.png);
}
li.email {
	background-image: url(../img/email_32.png);
}
li.rss a {
	background-image: url(../img/rss_32.png);
}

/* Forms */
li.email {
	background-position: left top;
	background-repeat: no-repeat;
}
.email form {
	margin: 0 2px 0 40px;
	padding: 0;
}
.email form p {
	margin: 0;
	background: #1F3B72;
	float: left;
}
form #email {
	color: #fff;
	background: #323232 url(../img/field.png) repeat-x top;
	border: 2px solid #323232;
	padding: 6px;
	width: 120px;
	margin: 0;
	vertical-align: middle;
	font-size: 0.8em;
	line-height: 1;
}
form .submit {
	color: #fff;
	border: 1px solid #3966B8;
	padding: 4px;
	margin-right: 2px;
	margin-left: 2px;
	background: #1F3B74 url(../img/submit.png) repeat-x top;
	vertical-align: middle;
	font-size: 0.8em;
	line-height: 1;
	cursor: pointer;
}
					
/*~~~~~( Float clearing: clearfix/peusdo method )~~~~~~*/

.clear {
	clear: both;
	height: 0;
	line-height: 0;
	margin: 0;
	padding: 1px 0 0 0;
	border: 0;
	}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}