body{
margin:0 auto;
padding: 0;
width: 980px;
font: 78%/130% verdana, Helvetica, sans-serif;
color: #292929;
background-image: url(images/bg.gif);
background-position: top center;
background-repeat: no-repeat;
}

a:link{
color: #292929;
text-decoration: none;
}

a:visited{
color: #292929;
text-decoration: none;
}

a:hover{ 
color: #292929;
text-decoration: none;
}

img{
border: 0;
}

#main{
width: 980px;
margin: 0 auto;
}

#top{
height: 120px;
width: 980px;
font-size: 120%;
text-align: right;
background-image: url(images/logo.jpg);
background-repeat: no-repeat;
background-position: bottom left;
float: left;
display: inline;
margin-bottom: 12px;
}

#middleleft{
height: 380px;
width: 650px;
text-align: left;
float: left;
display: inline;
margin-bottom: 12px;
}

#middleright{
height: 380px;
width: 330px;
float: left;
text-align: left;
margin-bottom: 12px;
}

#middleleft2{
height: 480px;
width: 560px;
text-align: left;
float: left;
display: inline;
margin-bottom: 12px;
}

#middleright2{
height: 480px;
width: 420px;
float: left;
text-align: left;
margin-bottom: 12px;
}

#middleleft3{
height: 410px;
width: 495px;
text-align: left;
float: left;
display: inline;
margin-bottom: 12px;
}

#middleright3{
height: 410px;
width: 485px;
float: left;
text-align: left;
margin-bottom: 12px;
}

#middleleft4{
height: 440px;
width: 560px;
text-align: left;
float: left;
display: inline;
margin-bottom: 12px;
}

#middleright4{
height: 440px;
width: 420px;
float: left;
text-align: left;
margin-bottom: 12px;
}

#middleleft5{
height: 480px;
width: 170px;
text-align: left;
float: left;
display: inline;
margin-bottom: 12px;
}

#middleright5{
height: 480px;
width: 810px;
float: left;
text-align: left;
margin-bottom: 12px;
}

#bottomleft{
background-color: #ddd;
height: 150px;
width: 330px;
float: left;
display: inline;
}

#bottomright{
background-color: #ddd;
height: 150px;
width: 650px;
float: left;
text-align: left;
}

#bar{
height: 16px;
width: 980px;
background-image: url(images/bar.jpg);
float: left;
display: inline;
margin-top: 12px;
margin-bottom: 4px;
}

#footerleft{
height: 30px;
width: 490px;
float: left;
display: inline;
}

#footerright{
height: 30px;
width: 490px;
float: left;
text-align: right;
}

#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: #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: transparent url(http://www.ogrestronghold.com/images/blank.gif) no-repeat;
display: block;
}

#prevLink {
left: 0;
float: left;
}

#nextLink {
right: 0;
float: right;
}

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

#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;
}

.innerspace{
padding: 8px;
}

.vertspace{
height: 8px;
}

.smallvertspace{
height: 3px;
}

.orange{
color: #c45702;
font-weight: bold;
}