/* layout styles */

body {
    min-width:750px;
    background:white;
    }

div#container {
    margin:0 auto;
    width:750px;
    min-height:650px;
    background:black;
    }

div#main {
    padding-top:22%;
    padding-right:auto; 
    padding-bottom:auto;
    padding-left:27%;
    width:750px;    
    }

/* font and header styles */

caption, p, th, ul, ol, li, blockquote { 
    color: #fff;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 0.8em;
    line-height: 1em;
    }

.body {
    color: #fff;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1em;
    line-height: 1.35em;
    max-width:50%;
    }

H1 { 
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1.2em;
    font-weight: 500;
    margin-bottom:1em;
    color: #E4B720; 
    }

H2 { 
    font-family: Helvetica, Arial, sans-serif;
    font-size: 0.83em;
    font-weight: 600;
    color: #333; 
    }

H3 { 
    font-family: Helvetica, Arial, sans-serif;
    font-size: 0.8em;
    font-weight: 600; 
    color: #666;
    margin-bottom: -1em;
    }

H4 { 
    font-family: Helvetica, Arial, sans-serif;
    font-size: 0.78em;
    font-weight: 500; 
    color: #999;
    }

H5 { 
    font-family: Helvetica, Arial, sans-serif;
    font-size: 0.75em;
    font-weight: 600;
    color: #600;
    }

a:link { 
    color: #600;
    text-decoration:none;
    }

a:visited { 
    color: #666;
    text-decoration:none;
    }

a:hover { 
    color: #CCC;
    text-decoration:none;
    }

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


/* special classes */

.inline {
    vertical-align: bottom;
    display: inline;
    padding: 20px;
    margin: 0px;
    border: 0px;
    }

img {
    vertical-align: bottom;
    display:block;
    padding:0px;
    margin:0px;
    border:0px;
    }

.imgfloatcenter {
    margin:0px;
    width:50%;
    height:50%;
    }

.you {
    color:#E4B720;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1em;
    }