html, body
{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background-color:#fff;
	background-repeat:repeat-x;
	background-image:url(images/bg.jpg);
	background-position:top left;
	background-repeat:repeat-x;
}



/*//////////////////////////////// RESET ////////////////////////////////*/
html, body, input, select, textarea
{
	font-family:Arial, Tahoma, Verdana;
	color:#8d9767;
	color:#fff;
	font-size:11px;
	
}

a
{
	color:#8d9767;
	text-decoration:none;
	font-weight:bold;
}

a:hover
{
}

img, a img { border:none; }

h1, h2, h3, h4, h5, h6, p
{
	padding:0;
	margin:0 0 15px 0;
	font-weight:normal;
}

ul { list-style:none; }

ul, li, form
{
	margin:0;
	padding:0;
}
/*//////////////////////////////// RESET ////////////////////////////////*/



/*//////////////////////////////// COMMON ////////////////////////////////*/
.left { float:left; }
.right { float:right; }
.clear { clear:both; }
/*//////////////////////////////// COMMON ////////////////////////////////*/



/*//////////////////////////////// LAYOUT ELEMENTS ////////////////////////////////*/
#wrapper
{
	float:left;
	width:100%;
	height:1000px;
	margin:0 auto;
	position:relative;
	background-image:url(images/splash.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}

.center
{
	width:960px;
	margin:0 auto;
	position:relative;
}

#logo
{
	float:left;
	width:241px;
	height:133px;
	background-image:url(images/logo.png);
	background-position:top center;
	background-repeat:no-repeat;
	text-indent:-9999px;
	position:absolute;
	top:309px;
	left:354px;
	z-index:3;
}

.screenshots
{
	float:left;
	margin-top:413px;
}

.screenshots .shadow
{
	float:left;
	width:100%;
	height:100%;
	background-image:url(images/shadows.png);
	background-position:center center;
	background-repeat:no-repeat;
	position:absolute;
	bottom:0px;
	z-index:2;
}

.screenshots img
{
	float:left;
}

.screenshots img.bisi
{
	margin-left:1px;
}

#signup
{
	float:left;
	width:248px;
	height:100px;
	padding-left:8px;
	background-image:url(images/signup_bg.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	position:absolute;
	top:649px;
	left:346px;
	z-index:4;
}

#signup .signup
{
	float:left;
	width:239px;
	height:46px;
	margin-bottom:10px;
	text-indent:-9999px;
	background-image:url(images/signup.png);
	background-position:top center;
	background-repeat:no-repeat;
}
/*//////////////////////////////// LAYOUT ELEMENTS ////////////////////////////////*/



/*//////////////////////////////// HEADER ////////////////////////////////*/

/*//////////////////////////////// HEADER ////////////////////////////////*/















/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: ".";
 display: block;
height: 0;
 clear: both;
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */
