/*	COLORS
		darkest gray:	868686
		dark gray:		939393
		medium gray:	bcbcbc
		light gray:		c3c3c3
		lightest gray:	d8d8d8
		red:			da0000
*/
html, body
{
	height: 100%;
	margin: 0px;
	padding: 0px;
	border: 0px;
}
body, #outer_container
{
	background-color: #bcbcbc;
	text-align: center;
}
img
{
	border:none;
}
ul, li
{
	list-style:none;
	margin:0px;
	padding:0px;
}
#main_nav
{
	position: relative;
	margin: auto;
	margin-top: 6px;
	margin-bottom: 35px;
}
#main_nav li
{
	margin: auto;
	display: inline;
	list-style-type: none;
}
#main_nav a:link, #main_nav a:visited, #main_nav a:hover, #main_nav a:active
{
	border-top: 1px solid #939393;
	border-bottom: 1px solid #939393;
	background: #d8d8d8 url('../img/nav_v_bar.png') no-repeat right;
	padding: 4px 15px 4px 15px;
}
#main_nav a:link.last, #main_nav a:visited.last
{
	background-image: none;
}
#current_photo
{
	height: 455px;
}
#current_photo img
{
	border: 40px solid white;
}
#branding
{
	position: relative;
}
#content
{
	margin-top: 40px;
	margin-bottom: 30px;
	position:relative;
}
#sub_nav
{
	position: relative;
	margin-left: 50px;
	margin-right: 50px;
	border-top: 1px solid #939393;
	border-bottom: 1px solid #939393;
	background: #d8d8d8;
}
.portfolio_prev_next
{
	position:relative;
	display:block;
	background-color: #939393;
	height: 18px;
	width: 13px;
	margin: 90px 5px 0px 5px;
	z-index: 2;
}
.portfolio_prev
{
	float:left;
}
.portfolio_next
{
	float:right;
}

.portfolio_prev_next_hover
{
	background-color: #da0000;
}
#portfolio_nav_portfolios
{
	position: relative;
	white-space: nowrap;
	width:100%;
	margin:auto;
	overflow: hidden;
	border:1px solid #d8d8d8;
}
#portfolio_nav_portfolios ul
{
	position:relative;
	width: 1000%;
}
#portfolio_nav_portfolios li
{
	display:block;
	float:left;
	background:none;
}
/*
the a needs to have a display of block in
order to have a width, which we need...
so then we have to float the a 
*/
#portfolio_nav_portfolios a:link, #portfolio_nav_portfolios a:visited, #portfolio_nav_portfolios a:hover, #portfolio_nav_portfolios a:active
{
	position:relative;
	display:block;
	float:left;
	padding: 90px 25px 4px 25px;
}
#portfolio_nav_portfolios a:link, #portfolio_nav_portfolios a:visited, #portfolio_nav_portfolios a:hover, #portfolio_nav_portfolios a:active
{
	position:relative;
	display:block;
	float:left;
	background: #d8d8d8 url('../img/portfolio_icon_1.png') -70px 10px no-repeat;
	z-index:2;
	padding: 90px 5px 4px 5px;
	width: 137px;
}
#portfolio_nav_portfolios a:link.current, #portfolio_nav_portfolios a:visited.current, #portfolio_nav_portfolios a:hover.current, #portfolio_nav_portfolios a:active.current
{
   	background-position: -260px 10px;
	background-repeat:no-repeat;
}

#gallery_nav
{
	position: absolute;
	top:0px;
	background: #c3c3c3;
	z-index:4;
	height:86px;
	border-bottom: 1px solid #939393;
	width: 100%;
}
/*left position is hack to center*/
#gallery_prev_next
{
	position: relative;
	padding: 5px 0px 5px 0px;
	left: 50%;
	height: 18px;
}
#gallery_prev_next img
{
	border: none;
	display:block;
}
/*left position is hack to center: move it back by its width + margin*/
#gallery_prev_next a:link, #gallery_prev_next a:visited, #gallery_prev_next a:hover, #gallery_prev_next a:active
{
	position:relative;
	left: -23px;
	display:block;
	float:left;
	background-color: #939393;
	height: 18px;
	width: 13px;
	margin: 0px 5px 0px 5px;
}
#gallery_prev_next a:hover, #gallery_prev_next a:active
{
	background-color: #da0000;
}
#gallery_nav_photos
{
	position:relative;
	white-space: nowrap;
	width:100%;
	margin:auto;
	overflow: hidden;	
}
#gallery_nav_photos ul
{
	position:relative;
	width: 10000%;
}
#gallery_nav li
{
    position:relative; 
	display:block;
	float:left;
 	margin: 0px 10px 0px 10px;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
#gallery_nav li:hover, #gallery_nav li.current
{
	filter:alpha(opacity=100);
	border-bottom: 3px solid #000000;
	-moz-opacity:1;
	opacity:1;
	
}
#gallery_nav li a:link, #gallery_nav li a:visited, #gallery_nav li a:hover, #gallery_nav li a:active
{
	display:block;
}
#pre_load
{
	position: absolute;
	display:none;
	height:32px;
	width:32px;
	z-index:120;
	top: 50%;
	left: 50%;
	margin: -16px 0 0 -16px; /* -height/2 0 0 -width/2 */
}

* html #pre_load
{ /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#main_photos_loader
{
	position:absolute;
	top:0px;
	left:-5000px;
}
* html #gallery_nav
{
	margin-left:-50%;
}
*+html #gallery_nav
{
	margin-left:-50%;
}

#text_nav
{
	position: relative;
	margin: auto;
	width: 450px;
	border-bottom: 1px solid #939393;
	
}
#news_text
{
	width: 450px;
	text-align: left;
	margin:auto;
}
#text_area
{
	position: relative;
	width: 450px;
	text-align: left;
	margin:auto;
	margin-bottom: 30px;
}
h1, h2, h3, h4, h5, h6, p, #text_area ul
{
	margin-top: 12px;
}
#text_area li
{
	padding-bottom:1em;
}
#text_area li p
{
	padding-left:1em;
	margin-top:.25em;
}
#text_area li.exhibition p
{
	margin:0px;
	padding:0px;
}
#text_nav li
{
	display:inline;
	padding: 5px 15px 5px 15px;
}
#footer
{
	position: relative;
}
.center_fix
{
	overflow:hidden;
}
.inactive
{
	visibility:hidden;
}
.clickable 
{
  cursor: pointer;
}
.thickbox
{
	cursor:-moz-zoom-in;
}

/* float clearing for IE6 */
* html #outer_container,
* html #main_nav,
* html #content,
* html #content_for_layout,
* html #current_photo,
* html #current_photo_caption,
* html #sub_nav,
* html #portfolio_nav,
* html #portfolio_nav_portfolios,
* html #gallery_nav,
* html #gallery_prev_next,
* html .navigation,
{
	height: 1%;
	overflow: visible;
}

/* float clearing for IE7 */
*+html #outer_container,
*+html #main_nav,
*+html #content,
*+html #content_for_layout,
*+html #current_photo,
*+html #current_photo_caption,
*+html #sub_nav,
*+html #portfolio_nav,
*+html #portfolio_nav_portfolios,
*+html #gallery_nav,
*+html #gallery_prev_next,
*+html .navigation,
{
  min-height: 1%;
}

/* float clearing for everyone else */
#outer_container:after,
#main_nav:after,
#content:after,
#content_for_layout:after,
#current_photo:after,
#current_photo_caption:after,
#sub_nav:after
#portfolio_nav:after
#portfolio_nav_portfolios:after
#gallery_nav:after
#gallery_prev_next:after
.navigation:after
{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}