/* general reset */
html{background:url(../images/bg-html.gif);height:100%;}
body{
	margin:0;
	background:url(../images/bg-body.gif) no-repeat 50% 63px;
	font:14px Arial,Tahoma,sans-serif;
	min-height:100%;
	color:#aaa;
	min-width:1000px;
}
img{border:0;}
a{
	color:#fff;
}
a:hover{text-decoration:none;}
/* general settings */
#wrapper{
	width:1000px;
	margin:0 auto;
	padding:0 0 40px;
}
#header{
	width:931px;
	margin:0 auto;
	padding:14px 16px 0 21px;
	overflow:hidden;
	position:relative;
	z-index:1;
	background:url(../images/bg-header.png) no-repeat;
}
#header .header-area{
	width:100%;
	height:54px;
	overflow:hidden;
	position:relative;
}
#header .logo{
	display:block;
	width:161px;
	height:31px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/logo.png) no-repeat;
}
#header .logo a{
	display:block;
	height:100%;
}
#header .downloads{
	position:absolute;
	top:0;
	right:0;
	line-height:34px;
	color:#fff;
}
#header .downloads strong{
	float:left;
	font-weight:normal;
}
#header .downloads .btn-downloads{
	float:left;
}
#header .btn-downloads{
	margin:0 0 0 17px;
}
.btn-downloads{
	float:right;
	color:#171717;
	font-size:14px;
	line-height:34px;
	text-decoration:none;
}
.btn-downloads strong{
	float:left;
	padding:0 3px 0 42px;
	cursor:pointer;
	font-weight:normal;
	background:url(../images/btn-downloads.png) no-repeat;
}
.btn-downloads span{
	float:left;
	cursor:pointer;
	width:16px;
	height:34px;
	background:url(../images/btn-downloads-r.png) no-repeat;
}
#main{
	width:100%;
	overflow:hidden;
	padding:33px 0 8px;
}
#main h1{
	color:#fff;
	font-size:38px;
	line-height:46px;
	font-weight:normal;
	margin:0;
}
.screenshots{
	width:100%;
	overflow:hidden;
	text-align:center;
	color:#aaa;
	font-size:16px;
	line-height:21px;
	background:url(../images/bg-screenshots.png) no-repeat 0 100%;
	padding:0 0 85px;
	margin:0 0 -2px;
}
.screenshots .section{
	padding:0 45px 20px;
	height:1%;
	overflow:hidden;
}
.screenshots .section p{
	margin:0 0 20px;
}
.gallery{
	width:100%;
	overflow:hidden;
}
.gallery .link-prev,
.gallery .link-next{
	width:24px;
	height:38px;
	margin:139px 0 0;
	overflow:hidden;
	text-indent:-9999px;
	float:left;
	background:url(../images/bg-link-prev.gif) no-repeat;
}
.gallery .link-next{
	background:url(../images/bg-link-next.gif) no-repeat;
}
.scrollarea{
	width:944px;
	overflow:hidden;
	height:307px;
	position:relative;
	float:left;
	margin:0 4px;
}
.scrollarea ul{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	width:9999px;
}
.scrollarea ul li{
	float:left;
	height:100%;
	width:944px;
}
.cont{
	width:100%;
	background:url(../images/bg-html.gif);
}
.downloads-box{
	overflow:hidden;
	padding:25px 20px 0;
	height:60px;
	margin:0 0 -85px;
	text-align:left;
}
.downloads-box h2{
	float:left;
	margin:0;
	padding:0 28px 0 0;
	font-size:24px;
	font-weight:normal;
	line-height:30px;
	color:#dcdcdc;
	background:url(../images/arrow.gif) no-repeat 100% 8px;
}
#twocolumns{
	width:960px;
	margin:0 auto;
	padding:32px 0 0;
	overflow:hidden;
	position:relative;
	background:url(../images/lines.gif) repeat-x;
}
#content{
	width:640px;
	float:left;
}
.features{
	margin:0;
	padding:0 0 8px;
	list-style:none;
	font-size:18px;
	line-height:26px;
}
.features li{
	padding:2px 0 17px 40px;
	background:url(../images/bullet-features.gif) no-repeat 2px 0;
}
.features strong{
	color:#e7e7e7;
}
.see-all{
	background:url(../images/bg-see-all.gif) no-repeat 2px 0;
	padding:3px 0 3px 42px;
}
#sidebar{
	width:304px;
	float:right;
	margin:-30px 0 0;
}
#sidebar .items{
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
	overflow:hidden;
	text-align:center;
	line-height:21px;
}
#sidebar .items li{
	background:url(../images/lines.gif) repeat-x;
	margin:-2px 0 0;
	padding:28px 0 23px;
}
#sidebar .items p{
	margin:0;
}
#sidebar h3{
	font-size:24px;
	line-height:30px;
	color:#fff;
	margin:0 0 10px;
}
#sidebar h3.runs-on-mac,
#sidebar h3.view-screenshots,
#sidebar h3.download-mixlister{
	height:34px;
	overflow:hidden;
	text-indent:-9999px;
}
#sidebar h3.runs-on-mac{
	background:url(../images/text-runs-on-mac.gif) no-repeat 50% 0;
}
#sidebar h3.view-screenshots{
	background:url(../images/text-view-screenshots.gif) no-repeat 50% 0;
}
#sidebar h3.download-mixlister{
	background:url(../images/text-download-mixlister.gif) no-repeat 50% 0;
}
#sidebar h3 a{
	display:block;
	height:100%;
}
#footer{
	width:878px;
	margin:0 auto;
	padding:36px 82px 0 0;
	position:relative;
	overflow:hidden;
	background:url(../images/lines.gif) repeat-x;
}
#footer .nav{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	line-height:34px;
}
#footer .nav li{
	float:left;
	padding:0 9px 0 0;
}
#footer .nav a{
	color:#b5b5b5;
	float:left;
	text-decoration:none;
	background:url(../images/btn-nav.gif) no-repeat;
}
#footer .nav a span{
	padding:0 18px;
	float:left;
	cursor:pointer;
	background:url(../images/btn-nav.gif) no-repeat 100% -34px;
}
#footer .cloudbrain{
	position:absolute;
	right:0;
	bottom:0;
	width:72px;
	height:45px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/bg-cloudbrain.gif) no-repeat;
}
#footer .copy{
	float:right;
	text-align:right;
	font-size:12px;
	line-height:18px;
	color:#525252;
}
#footer .copy p{
	margin:0;
}
/* sifr start. do not modify.*/
object, embed {
	margin:0;
}
.sIFR-flash {
	visibility:visible !important;
	margin:0;
}
.sIFR-replaced {visibility:visible !important;}
span.sIFR-alternate {
	position:absolute !important;
	left:0 !important;
	top:0 !important;
	width:0 !important;
	height:0 !important;
	display:block !important;
	overflow:hidden  !important;
}
.sIFR-flash + div[adblocktab=true] {display:none !important;}
* .sIFR-hasFlash h1{
	padding:0 0 10px;
}
*+.sIFR-hasFlash h1{
	padding:0 0 10px;
}
/* sifr end */


/* ============================ */
/* ============================ */
/* ============================ */

body {
	overflow:hidden;
	}
#ComingSoon, #ComingSoonText {
	position:absolute;
	width:100%;
	background-color:#000000;
	text-align:center;
	color:#ffffff;
	font-style:arial;
	font-weight:bold;
	font-size:32px;
	padding-top:70px;
	height:100px;
	top:200px;
	left:0px;
	}
#ComingSoon {
	opacity:0.8;
	}
#ComingSoonText {
	background-color:transparent;
	}