/*==============================
			-- GENERAL -- 
==============================*/
*{margin:0;padding:0;border:0;}
.clear{clear:both;}

html,body{
color:#3C4447;
font:13px Arial, Verdana, Georgia, Helvetica, sans-serif;
background:#EEE;}

ul,ol,dl{
position:relative;}

li{
list-style:none;}

a{
color:#289BD4;
text-decoration:none;}
a:hover{
text-decoration:underline;}

img{
display:block;}

/*==============================
			-- H1-H6 --
==============================*/
h1{
float:left;
padding:0 0 0 8px;}

h1 a{
display:block;
float:left;
text-indent:-9999px;
width:133px;
height:43px;
background:url(img/logo.png) no-repeat 0 0;}

/*=====================================
				-- HEADER --
=====================================*/
.container{
width:1017px;
position:relative;
margin:auto;}

.header{
overflow:hidden;
width:926px;
margin:auto;
padding-top:35px;}

/*MENU*/
.header ul{
float:right;
overflow:hidden;
padding-top:19px;}

.header li{
float:left;
margin-right:23px;}
.header li:first-child{
font-weight:bold;}

.header li a{
color:#3C4447;}

/*SIGN-UP*/
.sign-up{
float:right;
margin:11px 8px 0 0;
width:120px;}
.sign-up a{
display:block;
float:right;
width:106px;
height:23px;
color:#fff;
padding:7px 0 0 14px;
background:url(img/sign-up.png) no-repeat 0 0;
font-weight:bold;}

/*==================================
			-- MAIN-CONTENT --
==================================*/
.main-content{
background:url(img/main-content.jpg) no-repeat 0 0;
height:502px;
padding:135px 0 0 90px;
margin-bottom:15px;}

.main-content h2{
text-indent:-9999px;
width:307px;
height:96px;
background:url(img/logo-big.png) no-repeat 0 0;
margin-bottom:12px;}

.main-content p{
color:#666;
width:318px;
margin-bottom:35px;
font-size:18px;}

.main-content p.slogan{
font-size:26px;}
.main-content p.coming{width:255px;}
.main-content p.coming span{color:#019934;}

.main-content p.video-preview{
overflow:hidden;}

p.video-preview img{
float:left;}
p.video-preview a{
width:130px;
display:inline-block;
float:left;
vertical-align:middle;
font-size:16px;
padding-right:7px;
background:url(img/arrow.png) no-repeat right 25px;
margin:30px 0 0 10px;}

/*==================================
		   	-- CONTENT --
==================================*/
.content{
background:url(img/content.png) no-repeat 0 0;
width:919px;
height:322px;
overflow:hidden;
padding:3px;
margin:0 auto 15px auto;}

.content li{
float:left;
width:265px;
height:300px;
padding:22px 20px 0 20px;}
.lock{background:url(img/lock.png) no-repeat 50% 100%;}
.paypal{
background:url(img/paypal.png) no-repeat 50% 100%;
border-right:1px solid #CCC;
border-left:1px solid #CCC;}
.share{background:url(img/share.png) no-repeat 50% 100%;}

.content li p{
margin-bottom:10px;
line-height:120%;}
.content li p:first-child{
font-weight:bold;
color:#000;
font-size:14px;}

.more a{
display:inline-block;
padding-right:9px;
background:url(img/arrow.png) no-repeat right 5px;
text-decoration:underline;}

/*==================================
		   -- CERTIFICATES --
==================================*/
.certificates{
width:687px;
height:74px;
padding:16px 0 0 238px;
margin:0 auto 15px auto;
background:url(img/certificates.png) no-repeat 0 0;}

.certificates a{
display:block;
float:left;
margin-right:30px;}
.certificates a img{
float:left;}

/*==================================
		   	-- FOOTER --
==================================*/
p.footer{
width:920px;
margin:auto;
border-top:1px solid #C3C3C3;
padding:6px 0 20px 4px;
color:#797E81;}