* {padding:0;margin:0;}
body {font:normal 12px Arial, Helvetica, sans-serif;color:#706f6f; background:#333;}
img {border:0;}
a, input { outline:none;}
a {color:#00c2f7;}
ul, li { list-style:none;}
h1 { text-indent:-9000px;width:500px;}
.logo {display:block;text-indent:-9000px;position:absolute;left:320px;width:270px;height:200px; top:100px;}
.clearfloat {clear: both; height: 0; font-size: 1px; line-height: 0px;}
h2, h3 {color:#fff;font-size:36px;margin-bottom:15px;width:500px;}

.content { background:#1f1f1f;width:960px; margin:0 auto;position:relative;}

.head1 {height:100px; background:url(../images/head1.png) no-repeat;}
.head2 {height:100px; background:url(../images/head2.png) no-repeat;}
.head3 {height:100px; background:url(../images/head3.png) no-repeat;}
.head4 {height:60px; background:url(../images/head4.png) no-repeat;}

.links { background:#0f0f0f url(../images/links-bg.png) repeat-x;line-height:59px;height:59px;padding-left:20px;}
.links a {color:#a9a8a8; text-decoration:none;}
.links a:hover { text-decoration:underline;}
.links li {display:inline;padding:0 20px;}

.video {margin:30px;padding:10px 0 10px 10px; background:#000;position:relative;}
.video div {width:434px;float:left;margin:0 11px 11px 0; position:relative;}
.video span.play {width:68px;height:68px; background:url(../images/play.png) no-repeat;position:absolute;left:183px;top:111px;display:none;} 
.video a:hover span.play {display:block;z-index:10;}
.video strong {color:#00c6ff;font-size:24px;}
.video p {width:570px;}
.video a.dl {position:absolute;display:block;font:bold 26px Arial;color:#fff; text-decoration:none;width:253px; text-align:center; background:#1a92c5 url(../images/dl.png) no-repeat;padding:7px 0 6px 0; text-transform:uppercase;right:20px;bottom:20px;}

.videos {padding:17px 0 17px 17px;color:#a8a8a8;}
.videos div {position:relative;width:302px;float:left;margin-right:10px;}
.videos strong {display:block;margin:8px 0 3px 0;color:#00c6ff;font-size:20px;}
.videos span.time {position:absolute;width:262px;text-align:center;line-height:29px;left:20px;top:195px; background:url(../images/time.png) no-repeat;font-size:18px;color:#fff;}
.videos span.play {width:68px;height:68px; background:url(../images/play.png) no-repeat;position:absolute;left:116px;top:80px;display:none;} 
.videos a:hover span.play {display:block;z-index:10;}

.link { background:#f5b202 url(../images/link.jpg) no-repeat;height:122px;}
.link a {color:#1e1e1e;font-size:26px;text-decoration:none;display:block;letter-spacing:-1px;padding:20px 0 10px 150px;background:url(../images/link-bg.gif) 14px 14px no-repeat;}
.link a strong {color:#000;}
.link span {display:block; text-transform:uppercase;font:bold 46px Arial;color:#0b0b0b;letter-spacing:-3px;}

.two { text-align:center;}
.two a { background:none;padding:30px 0 10px 0px;}
.two span {font-size:28px;letter-spacing:-2px;}

.three {text-align:center;}
.three a {background:none;padding:30px 0 10px 0px;}
.three span {font-size:54px;letter-spacing:-4px;}

.sites { background:#1f1f1f url(../images/sites.jpg) no-repeat;padding:65px 0 30px 30px;font-size:24px;color:#fff;letter-spacing:-1px;}
.sites p {padding-bottom:20px;}
.sites strong {color:#ffd200;}
.sites div {float:left;width:220px;height:250px;margin:0 1px 1px 0;}

.footer {background:#000;color:#5e5d5d; text-align:center;padding:20px 100px; position:relative;}
.footer a.acc {position:absolute;width:427px;height:81px; background:url(../images/join.png) no-repeat;left:260px;top:150px;display:block;padding:0;margin:0;}
.footer a {color:#5e5d5d;}
.footer strong {display:block;margin-bottom:10px;}
.footer strong a {color:#aaa; text-transform:uppercase;padding:0 25px; font-weight:normal; text-decoration:none;}
.footer a:hover {color:#fff;}