/*-----------------------------------------------------------------------------
	basic layout and defaults
-----------------------------------------------------------------------------*/

@import "yui-reset-min.css";


html {
	background:url(../images/common/bg.png) left top #0e0e0e repeat-x;
	overflow: -moz-scrollbars-vertical !important; 
}

body {
	text-align:center;
	font:0.75em verdana, helvetica, sans-serif;
	color:#696969;
	background:url(../images/common/flair.png) center top no-repeat;
	border-top:1px solid #000;
}

#ur {
	width:1000px;
	margin:0 auto;
	position:relative;
	padding-left:10px;
}

h2, #lightboxCaption {
	font: bold 1.3em arial, helvetica, sans-serif;
	color:#a3a3a3;
}

h4 {
	font: bold 1.1em arial, helvetica, sans-serif;
}

a {
	color:#7087a6;
	text-decoration:none;
}

ul {
	list-style:none;
}

.clearfix { display:inline-block; }
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html .clearfix { height: 1%; }
.clearfix { display: block; }



/*-----------------------------------------------------------------------------
	shared styles
-----------------------------------------------------------------------------*/

#header {
	background:url(../images/common/divider.png) center bottom no-repeat;
	margin-left:-10px;
}

#maintitle {
	background:url(../images/common/logo.png) left top no-repeat;
	width:250px;
	height:30px;
	margin:30px auto 20px auto;
	text-indent:-9999px;
}

#maintitle a {
	display:block;
	background:url(../images/common/logo.png) left top no-repeat;
	width:250px;
	height:30px;
	overflow:hidden;
}

#primarynav {
	position:relative;
	margin-left:445px;
}

#primarynav li {
	float:left;
	margin:0 0 14px 0;
	position:relative;
	height:26px;
	width:120px;
	text-indent:-9999px;
}

#primarynav a {
	display:block;
	height:26px;
	width:120px;
	background-position:left top;
	background-repeat:no-repeat;
	overflow:hidden;
}

#navgallery a {
	background:url(../images/common/gnav.png);
}

#navabout a {
	background:url(../images/common/contact.png);
}

#primarynav a:hover {
	background-position:left -26px;
}

#primarynav a.current, #primarynav a.current:hover {
	background-position:left -26px;
}

#promo {
	position:absolute;
	top:16px;
	right:-4px;
}

.teaser {
	top:60px;
	left:524px;
	color:#ccc;
	height:44px;
}


#content {
	clear:both;
	padding-top:15px;
	min-height:700px;
}


#footer {
	background:url(../images/common/divider.png) center top no-repeat;
	clear:both;
	font-size:.85em;
	padding:25px;
	margin-left:-10px;
}

#footer p {
	text-align:center;
}

#footer span {
	padding:0 5px;
}

#debug {
	width:200px;
	position:absolute;
	top:0;
	left:0;
	border:1px solid #aaa;
	color:#ccc;
	text-align:left;
	display:none;
}

#metadata {
	display:none;
}


/*-----------------------------------------------------------------------------
	gallery styles
-----------------------------------------------------------------------------*/

/*	nav
-----------------------------------------------------------------------------*/

#secondarynav {
	background:url(../images/common/accordionshadow.png) right bottom no-repeat;
	float:left;
	margin:11px 0 0 0;
	padding:0 5px 0 0;
	width:302px;
	position:relative;
}

.gnavsection {
	background:url(../images/common/navbg.png) left top repeat-x;
	border:1px solid #141414;
	position:relative;
	top:-6px;
}

h3 {
	font: bold .9em trebuchet ms, helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#8d8d8c;
	padding:11px 0 12px 0;
	cursor:pointer;
	border:1px solid #151516;
}

h3:hover {
	color:#ebebeb;
	background:#181819;
}

.gnavcurrent, .gnavcurrent:hover {
	color:#ebebeb;
	background:#141414;
}

.gallerynav {
	display:block;
	overflow:visible;
	padding-bottom:8px;
}

.gallerynav li {
	width:75px;
	height:75px;
	position:relative;
	float:left;
}

.gallerynav li a {
	border:2px solid #1f1f1f;
	float:left;
	width:71px;
	height:71px;
	overflow:hidden;
	outline:none;
}

.gallerynav li a:hover {
	border:2px solid #666;
}

.gallerynav li.current {
	z-index:99;
	position:relative;
}

.gallerynav li.current a, .gallerynav li.current a:hover {
	background:url(../images/common/navshadow.png) bottom right no-repeat;
	border:0;
	width:85px;
	height:84px;
	position:absolute;
	left:-1px;
}

.gallerynav li a:active, .gallerynav li a:focus {
	outline:none;
}

.gallerynav li.current a img {
	border:1px solid #888;
	position:relative;
	left:-4px;
	width:73px;
	height:73px;
}

.placeholder {
	display:none;
}

.gnavinactive {
	padding-bottom:0;
}

#navblocker {
	height:300px;
	width:300px;
	position:absolute;
	top:0;
	left:0;
	z-index:100;
	display:none;	
	background:url(../images/common/navblocker.png);
}


/*	paintings
-----------------------------------------------------------------------------*/

#gallerycontent {
	float:right;
	margin-top:11px;
	width:652px;
	min-height:500px;
}

#photopane {
	width:650px;
	position:relative;
	right:-9px;
}

#photoliner {
	position:relative;
}

#container {
	margin:0 auto;
	position:relative;
}

#loadcontainer {
	height:200px;
	width:50%;
	position:absolute;
	top:150px;
	left:25%;
	text-align:center;
}

#photocontainer {
	visibility:hidden;
	background:url(../images/common/shadowl.png) right bottom no-repeat;
}

#photocontainer img {
	position:relative;
	border:1px solid #1f1f1f;
	top:-6px;
	left:-9px;
}

#linkcontainer {
	display:none;
	position:absolute;
	left:0;
	height:200px;
	width:50%;
	z-index:100;
	background:url(../images/slideshow/start.gif) 50% 50% no-repeat;
}

#prevlink, #nextlink {
	text-indent:-9999px;
	position:absolute;
	height:200px;
	width:55%;
	display:block;
}

#prevlink {
	left:-33px;
}

#nextlink {
	right:-27px;
}

#prevlink:hover, #nextlink:hover {
	text-decoration:none;
}

#prevlink:hover {
	background:transparent url(../images/slideshow/prev.png) left 50% no-repeat;
}

#nextlink:hover {
	background:transparent url(../images/slideshow/next.png) right 50% no-repeat;
}


/*	data
-----------------------------------------------------------------------------*/

#ancillarynav {
	float:right;
	padding-top:21px;
	width:210px;
}

#infopane {
	text-align:left;
}

#photodata {
	float:left;
	padding:20px 0 20px;
	line-height:20px;
}

#photodata h2 {
	padding-bottom:5px;
}

#caption {
}

p#caption span {
	display:block;
	padding:5px 0;
}

a.zoomlink {
	background:url(../images/common/zoomshadow.png) bottom right no-repeat;
	float:right;
	width:110px;
	height:110px;
	position:relative;
	outline:none;
}

a.zoomlink img {
	border:2px solid #1f1f1f;
}

span.plus {
	position:absolute;
	top:-5px;
	left:-5px;
	background:url(../images/common/zoomplus.png) left top no-repeat;
	width:51px;
	height:51px;
	z-index:10;
	display:none;
	text-indent:-9999px;
}

a.zoomlink:hover span {
	display:block;
}


/*	lightbox
-----------------------------------------------------------------------------*/

#overlay { 
	background-image: url(../images/common/zoomoverlay.png);
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:300;
}

#lightbox {
	z-index:301;
	position:absolute;
	display:none;
	background:url(../images/common/shadowl.png) right bottom no-repeat;
}

#lightboxCaption { 
	position:absolute;
	bottom:-35px;
	left:0;
	text-align:left;
}

#keyboardMsg { 
	position:absolute;
	bottom:-45px;
	right:10px;
}

#lightbox img { 
	border:2px solid #1f1f1f;
	position:relative;
	top:-8px;
	left:-8px;
}