@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow);
@import url('reset.css');
body {
    background: #000;
    color: #CCC;
    font-family: 'PT Sans Narrow', Arial, sans-serif;
    font-size: 14px;
}

h1 {
    margin-bottom: 18px;
}

iframe {
    border: none;
    width: 100%;
    height: 800px;
}

div#container {
    position: relative;
    /* needed for footer positioning*/
    margin: 0 auto;
    /* center, not in IE5 */
    width: 100%;
    height: auto !important;
    /* real browsers */
    height: 100%;
    /* IE6: treaded as min-height*/
    min-height: 100%;
    /* real browsers */
}

#container .right {
    float: right;
}

div#header {
    background: #111;
    height: 20px;
    border-bottom: solid 1px #333;
    padding: 2px 3px 0 5px;
}

div#menu {
    text-align: center;
    font-size: 16px;
    height: 20px;
    padding: 2px 0 0 0;
}

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

div#menu a:hover {
    color: #FFF;
}

div#content {
    height: 500px;
    width: 100%;
}

div#homeContent {
    position: relative;
    text-align: center;
    height: 100%;
    overflow: auto;
}

div#introText {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    width: 440px;
    padding: 30px 18px 18px 18px;
    font-size: 18px;
    color: #BBB;
}

div#gallery {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    overflow: auto;
    height: auto;
    width: 500px;
    padding: 30px 18px 18px 18px;
    font-size: 18px;
    color: #BBB;
}

div#gallery a {
    opacity: .7;
}

div#gallery a:hover {
    opacity: 1;
}

div#gallery img {
    margin: 3px;
    border: 1px solid #222;
}

div#galleryButtons .info-text {
    color: rgb(216, 29, 29);
    float: right;
}

div#galleryButtons span {
    display: block;
    background-color: #111;
    margin: 2px;
    padding: 2px;
    width: 500px;
    text-transform: uppercase;
    text-decoration: none;
}

div#galleryButtons span:hover {
    background-color: #BBB;
}

div#galleryButtons a {
    text-decoration: none;
    font-size: medium;
    color: #EEE;
}

div#galleryButtons a:hover {
    color: #333;
}

div#video {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    overflow: auto;
    height: auto;
    width: 300px;
    padding: 30px 18px 18px 18px;
    font-size: 18px;
    color: #BBB;
}

div#video a {
    opacity: .7;
}

div#video a:hover {
    opacity: 1;
}

div#video img {
    margin: 3px;
    border: 1px solid #222;
}

div#emailForm {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    overflow: auto;
    height: auto;
    width: 500px;
    padding: 30px 18px 18px 18px;
    font-size: 16px;
    color: #BBB;
}

div#emailForm input, textarea {
    border: 1px solid;
    background: url(../images/transp.gif);
    padding: 0px 0px 1px 2px;
    margin: 5px 0 0 10px;
    font-family: 'Ropa Sans', Arial, sans-serif;
    font-size: 13px;
    color: #bbb;
}

div#emailForm LABEL {
    margin-left: 10px;
    font-size: 14px;
}

div#emailForm .submit {
    width: auto;
    background: url(../images/red.png);
    font-family: 'PT Sans Narrow', Arial, sans-serif;
    padding: 2px 7px 2px 5px;
    cursor: hand;
}

div#emailForm FORM {
    margin: 10px;
    font-family: 'PT Sans Narrow', Arial, sans-serif;
}

div#emailForm p {
    margin-left: 10px;
    margin-bottom: 14px;
}

div#emailForm .input_text {
    font-family: 'PT Sans Narrow', Arial, sans-serif;
    color: #bbb;
    background: none;
    font-size: 12px;
    border: 1px solid;
    padding: 0px 0px 1px 2px;
    margin: 5px 0 0 10px;
}

div#emailForm a {
    text-decoration: none;
    color: #bbb;
}

div#emailForm a:hover {
    color: #FFF;
}

div#bio {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    overflow: auto;
    text-align: left;
    width: 500px;
    font-size: 14px;
    color: #BBB;
}

div#bio h1 {
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 20px;
}

div#bio ol {
    list-style: decimal;
}

div#bio ol li {
    margin-left: 18px;
    padding-left: 0;
}

div#bio ol li a {
    text-decoration: none;
    color: #BBB;
}

div#bio ol li a:hover {
    color: #FFF;
}

div#footer {
    position: absolute;
    width: 100%;
    height: 20px;
    bottom: 0;
    /* stick to bottom */
    background: #111;
    border-top: solid 1px #333;
}

div#footer span {
    display: block;
    text-align: center;
}