/* @override 
	http://localhost/css_09/page_css/photo_gallery.css
*/

/* CSS for Interiors */


#navGallery {
	background: url(/css_08/images/nav_icon.gif) no-repeat right top;
}
#navGallery a:link, #navGallery a:visited {
	color: #457E80; /* #FFBE2C; */
}
#pageNav {
	display: block;
	float: left;
}
#pageNav a:link, #pageNav a:visited {
	color: #666666;
}
#pageNav a:hover, #pageNav a:active {
	color: #457E80; /* #FFBE2C; */
}

/*  ------------------------------------------------------------  */
/*  PAGE NAV - used in Photo Gallery & Articles to break out sections in the right column  */
/*  ------------------------------------------------------------  */

#bigLoading {
	position: absolute;
	
}
#fullSizeImg {
	display: block;
	position: absolute;
	border: 1px solid #FFF;
}
#overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	bottom:  0;
	left: 0;
	right: 0;
	background-color: #000;
}

#content ul,
#content li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#content a {
	font-weight: bold;
}

#content .thumbSection {
	display: block;
	width: 258px;
	margin: 0 0 0 0;
	padding: 2px 0 1px 23px;
	clear: both;
	background: url(/css_08/images/photo_gallery_subnav_line_off.gif) no-repeat top right;
}
* html #content .thumbSection {
	width: 300px;
}

#content .currentSection {
	background: url(/css_08/images/photo_gallery_subnav_line.gif) no-repeat left top;
}
* html #content
#content .currentSection a {
	color: #457E80;
}
#photoLinks {
	text-align: right;
}
#titleAndPhoto {
	width: 360px;
}
#content {
	margin-left: 5px;
}
.thumbs {
	display: none;
}
.currentThumbs {
	display: block;
}
.thumbs li {
	width: 64px;
	height: 64px;
	float: left;
}
.thumbs img {
	display: inline;
	border: 1px solid #000;
	margin: 6px;
}
.thumbs a {
	margin: 0;
	padding: 0;
	height: 50px;
	width: 64px;
	border: 1px solid #F0E0B5; /* IE 6 bug - not sure but things get silly without a border - IEIEIEIEIEIEI!!!! */
}
#pageNav {
	width: 285px;
	margin: 0;
	padding: 29px 0 0 0;
	/*border: 1px solid #FFF;  /*  This hack needed for problem with layout in win IE 5 - god I hate IE  */
}
#content .currentThumb {
	display: block;
	height: 64px;
	background: url(/css_08/images/thumb_shadow_white.gif) no-repeat top left;
}
#content .currentThumb img {
	display: inline;
	margin: 7px;
	border: none;
}
* html h3 {
	margin: 0 0 12px 0; /* this is to make up for the fact IE won't pad freaking images - this lines it up with the compliant browsers by adding more margin (padding needed for the background image) */
}
.hack {
	clear: both;
	padding-top: 10px;
}
#loader {
	display: none;
	position: absolute;
	z-index: 1000;
}