@import "reset.css";

body { 
    font-family: "Lucida Grande", Helvetica, Sans-Serif;
    font-size:75%;
    color: #eee;
    text-align: center;
    height:100%;
}
#wrapper {
    width:1000px;
    margin:0 auto;
    text-align:left;
    background: #fff;
    z-index: 0;
}
#header {
    position: relative;
}
#toprightside {
    width: 595px;
    padding: 10px;
    position: absolute;
    right: 12px;
    top: 44px;
    text-align: right;
}
h1 {
    font: 42px Georgia, Serif;
    margin: 0 0 10px 0;
    color: #eee;
}
h2 {
    font: 1.8em Georgia, Serif;
    color: #3964c8;
    padding:0 10px 10px 10px;
}
h3 {
    font-size: 1.4em;
    color: #3964c8;
    text-align: center;
    margin:5px 0;
}
h4 {
    font-size: 1.2em;
    color: #3964c8;
}
#header a:link  {
    text-decoration: none;
    color:#030;
}
#email {
    font-size: 1.9em;
}
#navigation 
{
    float:left;
    width:200px;
    border-right: 1px dashed #5d9b5d;
     z-index: 2000;
}
#main-content {
    float:left;
    width:530px;
    padding:0 20px;
    margin-bottom: 10px;
     z-index: 0;
     position:relative;
}
#main-content p {
    margin: 0 0 10px 0;
    color: #333;
    font-size: 1.2em;
    padding-left: 10px;
    line-height:1.5em;
}
#main-content a {
    color: #030;
}
#main-content a:hover {
    color: #030;
}
#main-content a:visited{
    color: #030;
}
#col3 {
    float:right;
    width:175px;
    margin-top:10px;
    z-index: 10;
    padding-right:20px;
}
ul#navigation li
{
    text-align:center;
    border-bottom: 1px dashed #5d9b5d;
    position: relative;
    z-index: 200;
}
ul#navigation li:hover {
    background: #115f10;
    color: #fff;
}
ul#navigation li a {
    text-decoration: none;
    color: #115f10;
    font-size: 1.2em;
    display: block;
    padding:10px 0;
}
ul#navigation a:hover {
    background: #115f10;
    color: #fff;
}
ul#navigation li:hover a {
    color:#fff;
    display: block;
}
ul#navigation li ul {
    width: 200px;
    display: none;
    position: absolute;
    top:0;
    left:200px;
    z-index:100;
}
ul#navigation li:hover ul {
    display: block;
    z-index: 200;
}
ul#navigation li ul li {
    background:#115f10;
    border-bottom: 1px dashed #fff;
     z-index: 200;
}
ul#navigation li ul li a {
    color: #fff;
    text-decoration : none;
    display: block;
}
ul#navigation li ul li a:hover {
    text-decoration : underline;
}
.wh {color:#fff}

div.related-vids {
    text-align:  center;
    margin-bottom: 10px;
}
div.vidlink {
    width:150px;
    display:inline-block;
}
#footer {
    margin-top:10px;
    clear: both;
    height:25px; 
    padding-top: 20px;
}
.footermail {
    color:#030;
    text-align: center;
    margin-top:10px;
}
#player-container {
    z-index:-1;
    position: relative;
}
#player {
    display:block;
    width:448px;
    height:336px;
    margin: 0 auto;
}
ul#specs {
    color: #000;
    text-align: center;
}
ul#specs li {
    margin: 10px 0;
    font-size: 1.1em;
}
#toprightside a span#email{
    color: #115f10;
}
#facebook {
	text-align: center;
}
.page-not-found .vidlink{
    width:30%;
    margin:10px 0;
    text-align:center;
}
.page-not-found h4 {
    color: #115f10;
    border-top: 1px dashed #115f10;
    padding-top: 8px;
}