/*
 *  Web programming by Scott Ames.  Copyright 2009.
 */

body {
    background:black;
    text-align:center;
}

h1, h2, h3, h4, h5, h5, h6, p, a:link, a:visited, ol, ul {
    font-family:"tahoma";
    color:white;
}

h1, h2, h3 {
    text-align:center;
    text-decoration: underline;
}

a:hover {
    color:gray;
}

#container {
    width:900px;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
}

#top {
    width:100%;
    clear:both;
    border-bottom: solid gray 1px;
    padding-bottom: 5px;
    float:left;
}

#logo {
    width:25%;
    float:left;
}

#navigation {
    float:left;
    width:100%;
    text-align:center;
    clear:both;
}

#navigation ul {
    margin: 0px;
    padding: 0px;
}

#navigation li {
    display:inline;
}

#navigation li a {
    text-decoration:none;
    padding: 17px;
}

li#special a:link, li#special a:visited {
    color:red;
}

li#special a:hover {
    color:brown;
}

#contact {
    width:25%;
    float:right;
    text-align:right;
}

#gallery {
    width:100%;
    height:500px;
    clear:both;
    float:left;
    margin-top:0px;
    margin-bottom:0px;
    padding-top:4px;
}

#slideshow {
    width:100%;
    height:500px;
    padding-top:4px;
    clear:both;
    float:left;
    text-align:center;
}

#gallerypicker {
    width:100%;
    height:508px;
    overflow:auto;
    text-align:center;
    float:left;
}

#gallerypicker ul {
    padding-top:40px;
}

#gallerypicker li {
    display:block;
    float:left;
    width:265px;
    height:185px;
    text-align:center;
}

#gallerypicker a.image {
    display:block;
    width:190px;
    height:110px;
    margin: 25px auto;
    border: solid white 1px;
    overflow: hidden;
}

#gallerypicker a.image:hover {
    width: 240px;
    height: 160px;
    margin: 0 auto;
}

#gallerypicker img {
    display:block;
    border:none;
    margin: -25px 0 0 -25px;
}

#gallerypicker a:hover img {
    margin: 0 auto;
}

#words {
    width:100%;
    clear:both;
    float:left;
}

#leftwords {
    width:560px;
    height:508px;
    float:left;
    overflow:auto;
}

#rightwords {
    width:550px;
    height:508px;
    float:right;
    overflow:auto;
}

#leftpicture {
    float:left;
    padding-top:4px;
}

#rightpicture {
    float:right;
    padding-top:4px;
}

#gallerypicture {
    float:left;
    width:75%;
    text-align:center;
}

#thumbnails {
    width:112px;
    float:right;
}

.thumb {
    width: 50px;
    height: 50px;
    overflow: hidden;
    float: left;
    margin-left: 4px;
    margin-bottom: 4px;
}

#bottom {
    width:100%;
    text-align:center;
    font-size:smaller;
    clear:both;
    border-top: solid gray 1px;
    padding-top: 5px;
}