@charset "UTF-8";
/* CSS Document */

html body
{
    margin: auto;
    padding: 0px;
    background: #170A1E;
}

#wrapper
{
    width: 800px;
    height: 591px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

#image_holder
{
    width: 800px;
    height: 591px;
    background: url(images/main_background.jpg);
    position: relative;
}

#image_holder2
{
    width: 800px;
    height: 591px;
    background: url(images/contact.jpg);
    position: relative;
}

#image_holder3
{
    width: 800px;
    height: 591px;
    background: url(images/misc.jpg);
    position: relative;
}

#tagline
{
    width: 450px;
    height: 50px;
    position: absolute;
    left: 50px;
    font: 20px/20px Verdana, Arial, Helvetica, sans-serif;
    color: #fff;
}

#content
{
    width: 450px;
    height: 380px;
    padding: 10px;
    position: absolute;
    top: 150px;
    left: 20px;
    font: 20px/20px bold Verdana, Arial, Helvetica, sans-serif;
    color: #fff;
}

#content H1
{
    font: 20px bold Verdana, Arial, Helvetica, sans-serif;
    color: #d5c5e5;
}

#logo
{
    width: 383px;
    height: 31px;
    padding: 66px 0px 0px 2px;
    background: url(images/logo.png);
    font: 20px/20px bold Verdana, Arial, Helvetica, sans-serif;
    color: #fff;
    position: absolute;
    left: 405px;
}

#logo li
{
    list-style-type: none;
    margin: 0px;
    padding: 3px;
    float: left;
    font-size: 20px;
    line-height: 21px;
    border-right: 2px solid #fff;
    white-space: nowrap;
}

#logo li a
{
    display: block;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #fff;
    padding: 0px 5px;
    letter-spacing: 1px;
    text-decoration: none;
}

#logo li a:hover
{
    background: url(images/content_back.png);
    color: #d5c5e5;
    line-height: 21px;
    text-decoration: none;
}

#logo ul
{
    margin: 0;
    padding: 0;
}

a:link {
   color: #ffffff;
}

a:visited {
   color: #ffffff;
}