/*
* @author: Razer Web Team
* @copyright: Razer 
* @colorusage:
* --green: #00fb00
* --blue: #00fb00
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    font-size: 100%;
    outline: 0;
    vertical-align: baseline;
}

body{
    line-height: 1;
}

ol,ul{

    list-style: none;
}

blockquote,q{
    quotes: none;
}

blockquote:before,blockquote:after,q:before,q:after {
    content: '';
    content: none;
}

:focus {
    outline: 0;
}

ins{
    text-decoration: none;
}

del{
    text-decoration: line-through;
}

table{
    border-collapse: collapse;
    border-spacing: 0;
}

/* end of RESET*/

.clear {clear: both;}
.left {float: left;}
.right {float: right;}

a {border: 0;}
img {border: 0;}

body {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #666;
    background: #000;
    line-height: 21px;
    text-align: justify;
}

#content {
    background: url(../images/background.jpg) no-repeat center top;
}

#wrapper {
    width: 960px;
    margin: 20px auto;
}

#header {
    width: 960px;
    margin: auto;
}

.video {
    position: relative;
    z-index: 0;
    width: 960px;
    height: 740px;
    background: url(../images/banner3.png);
}

.overlay {
    position:relative;
    top:0;
    left:0;
    z-index:1;
}

#menu {
    width: 960px;
    height: 30px;
    margin-top: 17px;
}

a#features {
    background: url(../images/btn-features.png);
    display: block;
    width: 141px;
    height: 30px;
    margin-right: 20px;
}

a#features:hover,a#features.selected {
    background-position: 0px 30px;
}

a#faq {
    background: url(../images/btn-faq.png);
    display: block;
    width: 141px;
    height: 30px;
    margin-right: 20px;
}

a#faq:hover,a#faq.selected {
    background-position: 0px 30px;
}

a#gallery {
    background: url(../images/btn-gallery.png);
    display: block;
    width: 141px;
    height: 30px;
    margin-right: 20px;
}

a#gallery:hover,a#gallery.selected {
    background-position: 0px 30px;
}

a#register {
    background: url(../images/btn-register.png) 0 60px;
    display: block;
    width: 241px;
    height: 30px;
}

a#register:hover,a#register.selected {
    background-position: 0px 60px;
}

a#buy {
    background: url(../images/btn-buy.png);
    display: block;
    width: 141px;
    height: 30px;
}

a#trailer {
    background: url(../images/btn-trailer.png);
    display: block;
    width: 141px;
    height: 30px;
}

a#trailer:hover,a#trailer.selected {
    background-position: 0px 30px;
}

.separator {
    width: 960px;
    height: 3px;
    background: #333;
    clear: both;
    margin: 20px auto 8px;
}

.dotted {
    width: 960px;
    height: 1px;
    background: #000 url(../images/dotted.png) no-repeat center center;
}

.back {
    text-align: right;
    margin-bottom: 3px;
}

.back a {
    opacity:0.4;
filter:alpha(opacity=40);
}

.back a:hover {
    opacity:1.0;
filter:alpha(opacity=100);
}

.title {
    margin-bottom: 27px;
}

p.desc {
    font-size: 14px;
    margin-bottom: 20px;
}

#social {
    margin: 20px auto;
}

#facebooklike {
    margin-top: 20px;
}

#gallery-content{
    position: relative;
    clear: both;
}

.slideshow-container{
    display: block;
    position: relative;
}

.loader{
    height: 600px;
    width: 100%;
    left: 0;
    top: 0;
    margin: 0 auto;
    position: absolute;
    z-index: 99;
}

.slideshow{
    height: 600px;
    margin: 0 auto;
    position: relative;
    width: 800px;
}

.slideshow .current{
    display: table-cell;
    position: static;
    vertical-align: middle;
}

.slideshow .image-wrapper{
    position: absolute;
    display: block;
    height: 600px;
    overflow: hidden;
    width: 800px;
}

.slideshow a.advance-link{
    height: 600px;
    width: 800px;
    line-height: 600px;
}

#thumbs{
    width: 964px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    display: block;
    margin-left: 25px;
}

ul.thumbs{
    list-style: none outside none;
    width: 786px;
    margin: auto;
}

ul.thumbs li{
    float: left;
    list-style: none outside none;
    margin: 2px 4px;
    padding: 0;
    text-align: center;
    border: 1px solid #000;
}

.ss-controls {
    display: none;
}

.nav-controls {
    height: 600px;
    margin-top: -600px;
}

.prev {
    margin-top: 228px;
    float: left;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.next {
    margin-top: 228px;
    float: right;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.prev:hover, .next:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.thumbs .selected {
  border: 1px solid #888;
}

#faqSection p.q {
    color: #999;
    font-weight: bold;
}

#faqSection p.a {
    color: #666;
    margin-bottom: 20px;
}

#overview a {
    position: relative;
}

#feat1 {
    width: 480px;
    height: 400px;
    background: url(../images/feature1.0.png) no-repeat 35px 20px;
    margin: auto;
}

#feat1-o1-bg1 {
    width: 480px;
    height: 400px;
    background: url(../images/feature1.1.1.png) no-repeat 35px 20px;
    opacity: 0;
    filter: alpha(opacity=0);
}

#feat1-o2-bg1 {
    width: 480px;
    height: 400px;
    background: url(../images/feature1.2.1.png) no-repeat 35px 20px;
     margin-top: -400px;
}

#feat1-o2-bg2 {
    width: 480px;
    height: 400px;
    background: url(../images/feature1.2.2.png) no-repeat 35px 20px;
    margin-top: -400px;
    opacity: 0;
    filter: alpha(opacity=0);
}

#feat1-o2-bg3 {
    width: 480px;
    height: 400px;
    background: url(../images/feature1.2.3.png) no-repeat 35px 20px;
    margin-top: -400px;
    opacity: 0;
    filter: alpha(opacity=0);
}

#feat2 {
    width: 480px;
    height: 400px;
    background: url(../images/feature2.0.png) no-repeat 5px 130px;
    margin: auto;   
}

#feat2new {
    width: 550px;
    height: 400px;
    margin: auto;   
}

.feat-overlay {
    width: 480px;
    height: 400px;
    background: red;
}

.feat-overlay2 {
    width: 550px;
    height: 400px;
}

#feat2-o1-bg1 {
    width: 480px;
    height: 400px;
    background: url(../images/feature2.1.1.png) no-repeat 5px 130px;
    margin-top
}

#feat2-o1-bg2 {
    width: 480px;
    height: 400px;
    background: url(../images/feature2.1.2.png) no-repeat 5px 130px;
    margin-top: -400px;
    opacity: 0;
    filter: alpha(opacity=0);
}

#feat2-o2-bg1 {
    width: 550px;
    height: 400px;
    background: url(../images/feature2.2.1.png) no-repeat center center;
}

#feat2-o2-bg2 {
    width: 550px;
    height: 400px;
    background: url(../images/feature2.2.2.png) no-repeat center center;
    margin-top: -400px;
    opacity: 0;
    filter: alpha(opacity=0);
}

#feat-opt {
    text-align: right;
    margin-top: -375px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
}

#feat-opt a {
    text-decoration: none;
    color: #999;
}

#feat-opt a:hover {
    color: #0f0;
}

#usp .left {
    width: 480px;
    min-height: 295px;
}

#usp .title {
    margin: 30px auto 10px 250px;
}

#usp .desc {
    width: 210px;
    margin-left: 250px;
}

#usp1 {
    background: #000 url(../images/usp1-bg.jpg) no-repeat -40px -6px;
}

#usp2 {
    background: #000 url(../images/usp2-bg.jpg) no-repeat -40px -6px;
}

#usp3 {
    background: #000 url(../images/usp3-bg.jpg) no-repeat -40px -6px;
}

#usp4 {
    background: #000 url(../images/usp4-bg.jpg) no-repeat -40px -6px;
}

#usp5 {
    background: #000 url(../images/usp5-bg.jpg) no-repeat -40px -6px;
}

#usp6 {
    background: #000 url(../images/usp6-bg.jpg) no-repeat -40px -6px;
}

#usp7 {
    background: #000 url(../images/usp7-bg.jpg) no-repeat -25px -6px;
}

#usp8 {
    background: #000 url(../images/usp8-bg.jpg) no-repeat -40px -6px;
}