/**************************************************************************************************/
/***
/***	TEMPLATE CSS DOCUMENT
/***	-----------------------------------------------------------------------
/***	Written by Matthew Praetzel. Copyright (c) 2009 Matthew Praetzel.
/***	-----------------------------------------------------------------------
/***	
/***
/**************************************************************************************************/

/*-----------------------
	HTML/BODY/BORDER
-----------------------*/
html,body { margin:0px;padding:0px;height:100%; }
body { background:#000 url(../images/bg.jpg) repeat 0 0;font-family:'Geneva',Lucida Grande,Verdana,sans-serif;font-size:14px;color:#000; }
a { cursor:hand;cursor:pointer; }
.pos { position:relative;width:986px; }
/*-----------------------
	TEMPLATE
-----------------------*/
#h, #n, #a, #t, #f { float:left;width:100%; }
#n ul, #n li, #a ul, #a li, #r ul, #r li, #f ul, #f li { display:block;float:left;margin:0px;padding:0px;list-style:none; }
#t { width:100%;background:#fff; }
#t div.pos { text-align:left; }
/*-----------------------
	HEADER
-----------------------*/
#h { height:96px; }
#h h1 { display:block;width:191px;height:176px;background:transparent url(../images/h.png) no-repeat 0 0;z-index:1;font-size:0px;color:#333;line-height:0px; }
#h span { display:block;position:absolute;top:48px;left:0px;width:100%;height:19px;background:transparent url(../images/ht.gif) no-repeat 0 0;z-index:0;font-size:0px;color:transparent;line-height:0px; }
/*-----------------------
	NAVIGATION
-----------------------*/
#n { height:40px;background:transparent url(../images/nbg.jpg) repeat-x 0 0; }
#n ul { padding-left:40px;margin-top:4px; }
#n li.n3 { padding-right:200px; }
#n a { background:transparent url(../images/nibg.jpg) repeat 0 0; }
#n a { display:block;padding:0px 9px;background:none;line-height:32px;color:#fff;text-decoration:none; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#n li.n3 { padding-right:220px; }
	#n a { padding:0px 12px; }
}
#n a:hover, #n li.ns a { background:transparent url(../images/nibg.jpg) repeat 0 0; }
/*-----------------------
	AD SPACE
-----------------------*/
#a { height:122px;background:transparent url(../images/abg.jpg) repeat-x 0 0; }
#a div.pos { height:122px;background:transparent url(../images/ibg.png) no-repeat center center; }
#a ul { width:100%;height:122px;background:transparent url(../images/i.gif) no-repeat center center; }

#a li { width:444px;height:122px; }
#a li.r { float:right; }
#a a { display:block;width:100%;height:122px; }
#a li.l a { background:transparent url(../images/bl.gif) no-repeat right center; }
#a li.r a { background:transparent url(../images/br.gif) no-repeat left center; }
/*-----------------------
	BODY
-----------------------*/
#b { float:left;width:694px; }
#content { padding:20px;line-height:20px; }
#content img { margin:10px 0px 20px 20px; }
#b h2 { font-size:28px;color:#490705;line-height:35px; }
.gallery, .gallery li { display:inline-block;margin:0;padding:0;list-style:none; }
.gallery a { display:block;margin:10px; }
#t .gallery img { border:1px solid #ccc;padding:6px;margin:0; }
/*-----------------------
	SIDEBAR
-----------------------*/
#r { float:left;width:260px;padding-top:40px; }
#r h3 { display:block;width:260px;background:transparent url(../images/h3.jpg) no-repeat 0 0;border:1px solid #ccc;padding:0px;margin:0px;line-height:32px;text-indent:20px;font-size:16px;font-weight:normal;color:#490705; }
#r ul ul { padding:8px 10px; }
#r li li { width:100%; }
#r li li a { display:block;width:242px;background:#ececec;border-bottom:1px solid #fff;line-height:28px;text-indent:20px;color:#333;text-decoration:none; }
#r li li a:hover { background:#fff; }
#r li sn.li a { background:#ccc; }
/*-----------------------
	FOOTER
-----------------------*/
#f { background:transparent url(../images/fbg.jpg) repeat-x 0 0;padding-bottom:60px; }
#f div.pos { width:870px; }
#f ul { padding:18px 0px;text-align:left; }
#f li { width:270px;height:238px;background:transparent url(../images/trans.png) repeat 0 0; }
#f li.n1, #f li.n2 { margin-right:24px; }
#f h4 { display:block;float:left;width:210px;border-bottom:1px solid #666;padding:0px;margin:20px 25px 5px 25px;font-weight:normal;color:#e2b97a; }
#f ul ul { padding:0px 25px 25px 25px;margin:0px; }
#f li li { width:210px;height:auto;background:none;padding:0px;margin:0px; }
#f li li a { display:block;width:100%;border-bottom:1px solid #666;line-height:28px;text-indent:10px;font-size:10px;color:#fff;text-decoration:none; }
#f li a { color:#fff; }
#f li li a:hover, #f li li.sn a { background:transparent url(../images/trans.png) repeat 0 0; }
#f li#c { background:transparent url(../images/cbg.png) no-repeat 0 0; }
#c div { float:left;padding:10px 0px 0px 25px;font-size:11px;color:#fff; }
#cp, #z { font-size:10px;color:#fff; }
#cp { float:left; }
#z { float:right; }
#z a { color:#fff;text-decoration:none; }
/*-----------------------
	Misc.
-----------------------*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#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-image: url(data:image/gif;base64,AAAA); /* 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/gallery/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/gallery/lightbox/nextlabel.gif) right 15% no-repeat; }

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

#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; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }