body
{
text-align: center;
margin: 0;
padding: 0;
background-image : url(back.gif);
font-size: 90%; 
font-family : Verdana, Helvetica, sans-serif;
}

div#container
{
margin-left: auto;
margin-right: auto;
width: 47em;
height: 60em;
text-align: left;
border-top: 2px solid #fff;
border-left: 2px solid #fff;
border-right: 2px solid #fff;
padding: 0;
background-color: #fff;
background-image: url(menu_bkl2.gif);
background-repeat: no-repeat;
}

div#container2
{
background-repeat: repeat-y;
background-position: right;
} 
div#banner
{
color: #fff;
margin-left: auto;
margin-right: auto;
width: 47em;
height: 28px;
text-align: left;
border-top: 2px solid #fff;
border-left: 2px solid #fff;
border-right: 2px solid #fff;
padding: 0;
background-color: #BDB08E;
}
div#banner span.right {
	padding-left: 290px;
}
div#navigation
{
float: left;
width: 180px;
} 
div#navigation ul 
{
list-style-type: none; 
padding: 0; 
margin: 0; 
} 
div#navigation ul li { margin-top: 1px; } 
#navigation ul li a
{
display: block;
width: 162px;
padding: 6px 10px 6px 10px;
text-align: center;
text-decoration: none;
color: #fff;
background-image: url(menu.gif);
background-repeat: repeat-y;
font-size: 0.8em;
} 
#navigation ul li a:hover
{
color: #fff;
background-color: #BDB08E;
background-image: url(menu_on.gif);
background-repeat: repeat-y;
} 
div#banner h1
{
margin: 0;
padding: .1em 0 .1em .2em;
font-size: 1.1em;
font-weight: normal;
} 
div#content
{
margin-left: 185px;
line-height: 150%;  
padding-top: 5px;
} 

span#image
{
margin: 0;
} 
div#content h2
{
font-size: 1.3em;
color: #006699;
margin: 0;
padding-top: 1em;
font-weight: normal;
padding: 10px;
} 
div#content th
{
font-size: 0.9em;
margin: 0;
font-weight: bold;
} 
div#content p
{
font-size: 0.7em;
padding-left: 15px;
padding-right: 15px;
} 
div#content p.right
{
float: right;
width: 170px;
padding: 10px;
border-left: 10px solid #fff;
background-color: #EEEEEE;
align-text: center;
}
div#content li
{
font-size: 0.7em;
padding-left: 15px;
padding-right: 15px;
} 
div#content span#rightprice
{
float: right;
width: 140px;
background-color: #0454A5;
align-text: center;
padding-left: 10px;
padding-right: 30px;
border-bottom: 3px solid #eee;
background-image: url(price.gif);
color: #ffffff;
font-weight: bold;
} 
a:link
{
color: #0454A5;
padding: 3px 3px 3px 3px;
}

a:visited
{
color: #666;
padding: 3px 3px 3px 3px;
}

a:hover ,a:active 
{
color: #000; 
background-color: #CCC; 
padding: 3px 3px 3px 3px;
} 
#cleardiv
{
clear: both;
height: 1em;
} 
div#footer
{
clear: both;
padding: 0.5em 1em;
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
text-align: right;
background-color: #999; 
text-align: center;
} 
div#footer ul 
{
padding: 0; 
margin: 0; 
list-style-type: none; 
} 
div#footer li
{
display: inline;
margin-right: 1em;
color: #fff;
font-size: 0.7em;
} 
#footer ul li a:hover
{
color: #fff;
background-color: #999;
padding: 3px 3px 3px 3px;
} 
#footer ul li a:link
{
color: #fff;
padding: 3px 3px 3px 3px;
}
/* GALLERY */
#gallery_hold {z-index: 1; padding:1.4em 1.8em 1em 2.5em; width: 21em; color: #fff; background-color: #FFCC00; border-bottom: #FFF 2px solid; margin-left: 0.5em; margin-bottom: 0.5em;}
#gallery_hold ul  {display: inline; padding:0; margin:0;}
#gallery_hold li {display: inline;  list-style-type: none;}

#gallery_hold2 {z-index: 1; padding:0.5em 0.8em 0.5em 0.5em; width: 55em; color: #336699; background-color: #FFCC00; border-bottom: #FFF 2px solid; }
#gallery_hold2 a  {float: left; padding: 0.2em; margin: 0.7em; height: 13em; background-color:#FFCC00;}
#gallery_hold2 p  {clear:both; padding: 0.9em;}
#gallery_hold2 ul  {display: inline; padding:0; margin:0;}
#gallery_hold2 li {display: inline;  list-style-type: none;}

#lightbox{position: absolute; top: 20px; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0px;}
#lightbox a img {border: none; padding-bottom: 1em; background-color:#FFFFFF;}
#outerImageContainer {position: relative; background-color: #fff; color: #000; 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: 0px;}
#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(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(prevlabel.gif); background-repeat:no-repeat; position:absolute;}
#nextLink:hover, #nextLink:visited:hover {background: url(nextlabel.gif); background-repeat:no-repeat; background-position:right top;}
#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; color: #000; margin: 0 auto; line-height: 1.4em;}
#imageData{padding:0 10px;}
#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;}   
#overlay{position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; color: #333; background-color: #000;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html>body .clearfix {display: inline; width: 100%;}
* html .clearfix {/* Hides from IE-mac \*/height: 1%;/* End hide from IE-mac */}