form {margin:0;}

html, body {background:#FFF url('media/gradient_bg.jpg') top repeat-x;margin: 0; padding: 0; text-align: left;height:100%;}

img {display: block;border:0;padding:0;margin:0;}

#container {width:800px;margin:0 auto 0 auto;padding:0;background:#7e7965 url('media/content_bg.jpg') top repeat-y;height: auto;min-height: 100%;}
* html #container {height: 100%;}

#leftcol {float:left;width:203px;}
#maincol {float:left;width:597px;}

#main_menu {list-style:none;padding:0;margin:90px 0 0 0;}
#main_menu li {margin:0;padding:0;width:100%;display:inline;text-align:right;}
#main_menu li a {font:bold 12px arial,helvetica,sans-serif;color:#FFF;text-transform:uppercase;text-decoration:none;padding:7px 34px;display:block;text-align:right;}
#main_menu li.emphasis a {color:#d2e4e9;}
#main_menu li.less a {color:#bfbcb2;}
#main_menu li a:hover {background:url('media/menu_bg.jpg') right repeat-y;}

#cat_menu {list-style:none;padding:0;margin:30px 0 0 0;}
#cat_menu li {margin:0;padding:0;width:100%;display:inline;text-align:right;}
#cat_menu li a {font:bold 12px arial,helvetica,sans-serif;color:#FFF;text-decoration:none;padding:7px 34px;display:block;text-align:right;}
#cat_menu li.emphasis a {font-style:italic;}
#cat_menu li a:hover {background:url('media/menu_bg.jpg') right repeat-y;}

#logo {width:268px;margin:24px auto 0 auto;}

#content {margin-top:24px;} 
#content2 {margin-top:24px;padding:0 23px 0 20px;}
#col1 {float:left;padding:0 20px 0 20px;width:279px;}
#col2 {float:left;padding-right:23px;width:255px;}
#col1a {float:left;padding-right:40px;width:257px;}
#col1b {float:left;width:257px;}

img.mainimg {border:1px #bfbcb2 solid;padding:5px;}
img.mainimghome {border:1px #bfbcb2 solid;padding:5px;margin-top:23px;}

#thumbs_home {margin-top:20px;}
#thumbs_home img {border:1px #535042 solid;}
#thumbs_home div {float:left;padding-left:20px;padding-top:10px;width:74px;height:84px;margin:0;}
#thumbs {margin-left:-14px;}
#thumbs img {border:1px #535042 solid;}
#thumbs div {float:left;padding-left:20px;padding-top:10px;width:74px;height:84px;margin:0;}

.rss_icon {float:right;margin-top:-2px;}

h4.slideshow {font:10px verdana,sans-serif;color:#bfbcb2;text-decoration:none;margin:0;padding:8px 0 0 6px;text-transform:uppercase;}
.bodytext, .bodytext a {font:11px verdana,sans-serif;color:#FFF;text-decoration:none;}
.bodytext a {font-weight:bold;color:#bfbcb2;}
.bodytext a:hover {color:#FFF;}
.bodytext h1, .bodytext h1 a {margin:0;padding:0;font:normal 14px arial,helvetica,sans-serif;text-decoration:none;color:#bfbcb2;text-transform:uppercase;border:0;}
.bodytext h1 a:hover {color:#FFF;border:0;} 
.bodytext h1 span {display:block;padding-top:3px;color:#FFF;}
.bodytext h2, .bodytext h2 a {margin:0;padding:0;font:normal 14px arial,helvetica,sans-serif;text-decoration:none;color:#FFF;line-height:1.4em;border:0;}
.bodytext h2 a:hover {color:#bfbcb2;border:0;}
.bodytext h2.h2background {background:#535042;padding:3px 5px;margin-left:-5px;}
*html .bodytext h2.h2background {margin:0;}
.bodytext p {line-height:1.4em;margin:0;padding:5px 0 5px 0;}
.bodytext li {line-height:1.4em;padding-bottom:5px;}  
.bodytext ul {margin-top:5px;}

.div1 {border-top:1px #bfbcb2 solid;margin-top:7px;padding-top:7px;}

.form input {background:#bfbcb2;font:11px verdana,sans-serif;margin-top:3px;padding:5px;border:1px #535042 solid;vertical-align:middle;}
.form .message {font-weight:bold;font-style:italic;}

.restoration {margin-top:20px;}
.restoration img {float:left;margin:0 20px 10px 0;border:1px #535042 solid;}

.item_listing {float:left;width:140px;height:140px;padding:15px 22px 0 22px;}
.item_listing img {margin:0 auto;border:1px #535042 solid;}
.item_listing a, .item_listing a:hover {border:0;}

.clear {clear:both;height:0;}
.clear2 {clear:both;height:10px;}

#footer {color:#bfbcb2;font:10px verdana,sans-serif;text-decoration:none;clear:both;}
#footer p {padding:10px 0;margin:0 20px 0 223px;border-top:1px #bfbcb2 solid;line-height:1em;}
#footer a {color:#bfbcb2;text-decoration:none;}
#footer a:hover {color:#FFF;}
#footer p.counter {border:none;}

#lightbox{  position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;display:inline;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; 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; }
#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-image: url(data:image/gif;base64,AAAA); /* 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: #fff; 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; outline: none;}      

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
