/*//////////////*/
/*//////////////*/
/*//////////////*/
/* LIGHTBOX CSS */
/*//////////////*/
/*//////////////*/
/*//////////////*/

#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: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}

#imageContainer {
padding: 5px;
}

#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('../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: #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: #000;
}


/* Min-Width */
.lbWidth { /* most browsers */
position: absolute;
top: 0px; left: 0px;
width: 100%;
min-width: 790px;
}

* html .lbContent { /* IE6 */
margin-left: -790px;
position:relative;
}

* html .lbMinWidth { /* IE6 */
padding-left: 790px;
}


/* Clearfix */	
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {
display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {
display: block;
}
/* End hide from IE-mac */


/*//////////*/
/*//////////*/
/*//////////*/
/* MAIN CSS */
/*//////////*/
/*//////////*/
/*//////////*/

body {
color:#000;
background:#ccc;
font-family:Verdana, sans-serif;
font-size:12px;
line-height:140%;
}

div#content h2 {
margin:0 auto;
padding-bottom:20px;
background:url('../images/heading_bg.png') no-repeat 0 100%;
}

div#content h3 {
margin:0 auto;
padding-bottom:20px;
background:url('../images/subheading_bg.png') no-repeat 0 100%;
}

/*img {
border:none;
}*/

.italic {
font-style:italic;
}

.bold {
font-weight:bold;
}

.centered {
text-align:center;
}

div#background {		
position: absolute;
width: 1000px; /* reduced to account for padding */	
height: 100%;
top: 0px;
left: 50%; /* DIV-BASED CENTERING PART 1 */
margin-left:-500px; /* DIV-BASED CENTERING PART 2 */
background:url('../images/bg_cap.png') center top no-repeat;
}

div#spacer {
height: 65px; /* adds space between the logo/top of chrome and top of nav/content text areas; positions text in grayed-out area in bg_cap image for text areas */
}

div#logo {
margin-top:20px; /* hack to fit textual logo below the top of chrome; without this hack, text extends beyond the viewing area */
font-size:36px;
}

div#txt_resizer {
float:right;
position:relative;
top:57px;
right:20px;
/*margin:30px 10px 0 0;*/
color:#333;
}

div#txt_resizer a.link {
border:none;
color:#333;
}

div#navigation {
clear:both;
float:left;
padding: 10px; /*10px 10px 10px 20px*/
width: 140px;
height:100%;
text-align:right;
}

div#content {
float:left;
padding: 10px;
width: 780px;
margin-left: 30px;
}

#content ul{
list-style-type: none;
padding:0;
}

div#portrait {	
float: left;
width:412px;
height:412px;
margin-right:10px;
border:2px dotted #c39;
}	

/* LINK STYLES */

div#logo a:link, div#logo a:visited {
color: #000;
}

div#logo a:link, div#logo a:visited, a.link {
text-decoration: none;
}

div#logo a:hover, div#logo a:active, a.link {
color: #c39;
}

a.link {
border-bottom: 1px dotted #c39;
}

div#content a:hover {
border-bottom: 2px dotted #000;
color:#000;
}


/* IMAGE GALLERY STYLES*/

div#content a:link img, div#content a:active img, div#content a:visited img {
border: 3px dotted #c39;
}

div#content a:hover img {
border: 3px dotted #000;
}



/*//////////////////*/
/*//////////////////*/
/*//////////////////*/
/* MOOTOOLS NAV CSS */
/*//////////////////*/
/*//////////////////*/
/*//////////////////*/

ul#sliding-navigation
{
list-style: none;
margin:0 auto;
padding: 0;
}

ul#sliding-navigation li.sliding-element a
{
display: block;
width: 120px;
padding: 5px 18px;
margin: 0;
margin-bottom: 5px;
}

ul#sliding-navigation li.sliding-element a
{
color: #000;
background:#ddd url('../images/tab_bg.jpg') repeat-y;
text-decoration: none;
}

ul#sliding-navigation li.sliding-element a:hover, ul#sliding-navigation li.sliding-element a.selected {
color: #c39;
}