form { margin: 0 ; }

html, body {
            background-color : #151515; margin: 0px; padding: 0px; text-align: center; height:100%;
            }

img {          
display: block;
border: 0px;
}

ul {list-style-type:none;margin: 0px;padding:0px;vertical-align:top;}
ul li {margin-bottom:15px;vertical-align:top;}

#wrapper { background-color: #000000; width: 800px; margin-left: auto; margin-right: auto; text-align: left;min-height: 100%;
    height: auto;background-image: url('media/fade_bg.gif');background-position:top;background-repeat:repeat-y;}
/* Hack for IE */
* html #wrapper {
    height: 100%;
}
/* End IE Hack */
#container {width:620px;margin-left: auto; margin-right: auto;}

#logo{float:left;margin-top:30px;}

#content {clear:both;background-image:url('media/content_bg.gif');background-position:top right;background-repeat:no-repeat;padding-top:20px;min-height:450px;}
/* Hack for IE */
* html #content {
    height: 450px;
}
/* End IE Hack */
#col1 {float:left;width:160px;padding:0px 20px 0px 0px;background-image:url('media/menu_border.gif');background-position:right; background-repeat:repeat-y;}
#col2 {float:left;width:420px;padding:0px 0px 10px 20px;}

#menu, #menu a, #menu a:hover, .bodytext, .bodytext a, .bodytext a:hover, h1, h2, h3, #footer, #footer a, #footer a:hover {line-height:1.4em;font-family:verdana,sans-serif;font-size:10px;text-align:left;color:#B2B2B2;vertical-align:top;text-decoration:none;}
.bodytext, .bodytext a, .bodytext a:hover {font-size:10px;}
.bodytext a, .bodytext a:hover {font-weight:bold;}
.bodytext a:hover{color:#FFFFFF;}
.bodytext img {border: #151515 3px solid; margin:0px 0px 10px 10px; display:inline;}

.gallery {float:left;width:120px;height:120px; padding:0px 10px 10px 0px;vertical-align:middle;text-align:center;}
.gallery img {margin-left:auto; margin-right:auto;border: #151515 3px solid;}

#menu {padding-top:10px;}
#menu, #menu a, #menu a:hover {font-size:10px;font-weight:bold;color:#D99D1D;}
#menu a:hover {color:#B2B2B2;}

h1, h2, h3 {font-family:georgia,serif;color:#D99D1D;text-align:right;margin:0px;}
h1 {padding:60px 0px 0px 0px;font-size:30px;}
h2 {padding:0px 0px 20px 0px;font-size:22px;}
h3 {padding:0px 0px 5px 0px;font-size:16px;}

#col2 h1{padding:0px 0px 10px 0px;text-align:left;vertical-align:top;font-size:26px;}

#footer {clear:both;padding:20px 0px 10px 0px;width:620px;background-image:url('media/footer_border.gif');background-position:top; background-repeat:repeat-x;}
#footer, #footer a{color:#534E47;}
#footer a:hover{color:#D99D1D;}

.clear {clear:both;}

.clikfoot {padding:0px 0px 20px 20px;}
.footerright{
            float:right;
            width: 112px;
            }

.clik {
    position:relative;
    background-image: url(media/clik/clik2.jpg);
    background-repeat: no-repeat;
    white-space: nowrap;
    display: block;
    width: 112px;
    height: 38px;
    margin: 0; 
    padding: 0; 
    }

.clik a {
    position: absolute;
    color : #FFFFFF; 
    display: block;
    float: left;
            }

.clik img {width: 112px; height: 38px; border: 0; }
* html a:hover {visibility:visible}
.clik a:hover img{visibility:hidden}

#lightbox{
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
    }

#lightbox a img{ border: none; }

#outerImageContainer{
    position: relative;
    background-color: #000000;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    }

#imageContainer{
    padding: 10px;
    }

#loading{
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
    }
                    
#loading img {display:inline;}

#hoverNav{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
    }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
    width: 49%;
    height: 100%;
    background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
    display: block;
    }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #000000;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100% 
    }

#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }  
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;  }           
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;  }   
        
#overlay{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
    background-color: #000;
    }