﻿body 
{
    background-color:#333333;
    color:#ffffff;
    font-family:Arial;
    font-size:12px;
    margin-top:0px;
}

#wrapper
{
    width:1000px;
    margin:0 auto;
    overflow:hidden;
    background-color:#000000;
}

#header
{
    margin:0 auto;
    width:1000px;
    border-bottom:solid 1px #333333;
    background-image:url("imgs/banner.jpg");
    height:155px;
    
}

#coverflow
{
    width:800px;
    height:400px;
    margin:0 auto;
    overflow:hidden;
    /*border-top:solid 1px #333333;
    border-bottom:solid 1px #333333;*/
}

#coverflow img
{
    border:solid 2px #333333;
}

#coverflow a
{
    outline:none;
}

#product-info
{
    width:960px;
    margin:10px 0px 0px 20px;
    text-align:center;
    clear:both;
    /*border-bottom:solid 1px #333333;*/ 
    padding-bottom:10px;   
}

#product-info h2
{
    font-size:12px;
    color:#ffffff;
    font-weight:bold;
    display:inline;
}

#product-info a
{
    color:#cccccc;
}

#navbar
{
    width:1000px;
    height:40px;
    background-image:url("imgs/navbar.jpg");
    clear:both;
}

#navbar ul,#navbar ul li
{
    margin:0px;
    padding:0px;
    display:inline;
}

#navbar ul
{
    margin-left:25px;
}

#navbar ul li a
{
    
    display:inline-block;
    margin-top:12px;
    color:#333333;
    text-decoration:none;
    font-weight:bold;
    font-size:12px;
    border-right:solid 1px #333333;
    padding-right:20px;
    margin-right:20px;
    outline:none;
}

#navbar ul li a:hover
{
    text-decoration:underline;
}



#intro
{
    width:960px;
    margin:10px 0px 0px 20px;
    clear:both; 
    height:110px;   
}

#intro-left
{
    float:left;
    width:470px;
    height:110px; 
}

#intro-right
{
    float:right;
    width:470px;
    height:110px;    
}



#intro h1
{
    font-size:14px;
    font-weight:bold;
    text-align:center;
}

#col-left
{
    width:300px;
    float:left;   
}

#col-center
{
    width:300px;
    float:left;
    margin-left:50px;    
}

#col-right
{
    width:300px;
    float:right; 
}

#footer
{
    width:1000px;
    
    clear:both;
    background-color:#000000;
    text-align:center;
    border-top:solid 1px #333333;
    overflow:hidden;
}

#footer a
{
    color:#ffffff;
    font-weight:bold;
}

.box
{
    color:#ffffff;
    width:260px;
    font-size:11px;
    font-family:Arial;
    margin:10px 0px 20px 20px;
}

.box-right
{
    color:#ffffff;
    width:260px;
    font-size:11px;
    font-family:Arial;
    margin:10px 20px 20px 0px;
    float:right;
}

.box h2,.box-right h2
{
    font-size:12px;
    color:#ffffff;
    font-weight:bold;
    margin:0px;
    width:265px;
    height:22px;
    background-image:url(imgs/boxheader.png);
    background-repeat:no-repeat;
    /*text-align:center;*/
    padding:5px 0px 0px 5px;
    margin-left:-5px;
}

.box img,.box-right img
{
    margin:5px 0px 5px 0px;
    border:none;
}
.box a,.box-right a
{
    border:none;
    color:#FFFFFF;
    font-weight:bold;
    text-decoration:none;
    text-align:right;
    width:260px;
    display:block;
    font-style:italic;
    
}

.box a:hover,.box-right a:hover
{
    text-decoration:underline;
}
.videoplayer
{
    margin-top:5px;
}