/********** Cleanup ************/

*{ border: 0px; margin: 0px; padding: 0px; }


/********** Layout *************/

#content{left:50%; margin-left:-398px; margin-top: 2px; position: relative; width:796px; }
#controls{ margin-top: 60px; position: absolute; width: 50px; }
#controls #show, #controls #hide{ height: 196px; margin-left: 0px; margin-top: 55px; position: absolute; width: 50px; }
#controls #show{ z-index: 2; }
#controls #hide{ z-index: 1; }
#display{ float: left; height: 469px; margin-left: 50px; position: absolute; visibility: visible; width: 702px; z-index: 1; }
#display img{ margin-left: 1px; margin-top: 1px; visibility: visible; }
#displayLoading{ float: left; height: 469px; margin-left: 50px; position: absolute; visibility: visible; width: 702px; z-index: 0; }
#gallery1{ z-index: 3; }
#header{ height: 150px; width: 100%; }
#headerContent{ height: 35px; left:50%; margin-left:-390px; overflow: hidden; position: relative; width:750px; }
#image{ width:900px; display: none; }
#next{ height: 50px; margin-left: 0px; margin-top: 260px; position: absolute; width: 50px; z-index: 1; }
#previous{ height: 50px; margin-left: 0px; margin-top: 0px; position: absolute; width: 50px; z-index: -1; }
#thumbs{ display: block; height: 466px; margin-left: 52px; margin-top: 1px; overflow: hidden; padding: 0px; position: absolute; width:115px;  z-index: 5; }

.gallery{ display: block; margin-top: 1px; overflow: hidden; position: absolute; visibility: visible; width: 110px; z-index: 2; }
.navLink{ display: inline; padding-left: 15px; padding-right: 15px; }
.thumb{ display: block; margin: 9px; }
 
ul { padding: 5px 0 5px 0; margin: 0; }



/********** Design *************/

#content #show, #content #hide{ background-color: #fff; }
#content #show{ background-image: url("../images/show.jpg"); }
#content #hide{ background-image: url("../images/hide.jpg"); }
#display{ background: #fff url("../images/back.jpg") no-repeat top center; }
#displayLoading{ background: #fff url("../images/back.jpg") no-repeat top center;
opacity:.50;
filter:alpha(opacity=50);
-moz-opacity:.50;
-khtml-opacity:.5;
}
#gallery1{ background-color: transparent; }
#header{ background-color: #000; }
#headerContent{ background-color: #000; }
#image{ background-color: #000; }
#next{ background: #fff url("../images/down.jpg"); }
#previous{ background: #000 url("../images/up.jpg"); }
#thumbs{ background-color: transparent; }

.gallery{ background-color: transparent; }

body{ background-color: #fff; }



/********** Typography *********/

#display{ text-align: left; }
#displayLoading{ text-align: left; }
#headerContent{ text-align: center; }

.navLink{ font-family: sans-serif; font-size: 1.25em; text-align:center; }

a { outline: none; }
li a{ color: #fff; text-decoration: none; }
li a:hover{ text-decoration: underline; }