* { margin:0; padding:0;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	}
body { font: 11px/15px Georgia, Times, Serif; color: #FFF; background: #212121; margin: 30px; }
a img { border: none; }

#container { }
.head      { float: left; width: 200px; position: fixed; padding-left:125px; }
.desc      { float: left; width: 200px; position: fixed; top: 300px; font-style: italic; line-height: 17px; margin-left:125px; }
.main      { position: absolute; left: 300px; }

.tn     	{ display: block; position: absolute; overflow: hidden; text-align: left;  background-color:white; width: 900px; z-index:100; }

.col3        { float: left; width: 305px; margin: 0 20px 0 0; }
.col3.last   { margin-right: 0; }
.col3.wide   { float: left; width: 500px; margin: 0 0 0 0; }

a:link, a:visited          { color: #858585; text-decoration: none; outline: none; }
a:focus, a:hover, a:active { color: #000000; outline: none; }


h1 a { width:100px; height:100px; margin-left: 0px; overflow:hidden; background: url('logo2.png'); }

h1 { font: 26px/30px Georgia, Times, Serif; color: #FFFFFF; }
h2 { font: 20px/20px Georgia, Times, Serif; text-transform: uppercase; font-weight: bold; margin: -3px 0 7px 0; }
h3 { font: 18px/26px Georgia, Times, Serif; color: #000000; font-weight: bold; margin-bottom: 15px; }


body.about h3 { float: right; width: 362px; font: 18px/29px Georgia, Times, Serif; color: #000000; font-weight: bold; text-align: justify; }

h2.ttl { margin-top: 3px; }

li { list-style:none; }
p            { color: #FFF; margin: 0 0 15px 0; }
.main.full p { color: #FFF; }
u { text-decoration: none; color: #FFF; font-weight: bold; }
.right { float: right; width: 362px; }


.lrg { font-size: 16px; line-height: 24px; }
.hide { display: none; }
.clear { clear:both; }

/*----- Main Nav -----*/

#nav-cont { float: left;   }

.nav { margin: 29px 0 0 -4px; padding:0; list-style:none; font-size: 12px; }
.nav li { font-style: italic; float: left; margin: 0; padding: 0 2px; }
.nav a { color: #73706a; padding: 2px 4px; }
.nav a:hover { color:#FFFFCC; }
.nav a.at { background: #000; color: #fff; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}


.nav li.last a { padding-right: 0; }
.nav li.info    { margin-left: 40px; }


/*----- Gallery -----*/

.tn {  background: #212121; padding-top: 0px; margin-left:75px; padding-bottom: 30px;  }

.tn a {
	display: block;
	float: left;
	cursor: pointer;
}

.tn a.selected {
	text-decoration: underline;
	color: #3f3f3d;
	
}


.holder {
	width: 900px;
	height: 600px;
	display: block;
	overflow: hidden;
	position: relative;
	height: 600px;	
	zoom: 1;
	text-align:center;
	margin-left:75px;
}

.holder img {
	position: absolute;
	top: 0;
	left: 0;
	height: 600px;
	width: 900px;	
	display: block;
	overflow: hidden;
	
}

.holder .overlay {
	margin: 0; padding: 0;
	width: 300px;
	display: block;
	position: absolute;
	top: 0;
	cursor: pointer;
	overflow: hidden;
}
.holder #prev {
	left: 0;
	height: 600px;
	z-index: 98;
}

.holder #next {
	right: 0;
	height: 600px;
	z-index: 98;
}

.holder #prev_image { 
	left: 0;
	background: url('../prev.png') no-repeat center left;
	height: 600px;
	z-index: 97;
	overflow: hidden;
}

.holder #next_image {
	right: 0;
	background: url('../next.png') no-repeat center right;
	height: 600px;
	z-index: 97;
	overflow: hidden;
}

.holder #photo_description {
	margin: 0; padding: 0;
	display: block;
	position: absolute;
	overflow: hidden;
	width: 370px; height: 110px;
	top: 572px; left: 650px;
	z-index: 98;
	background-color: black;	
}

.holder #photo_description p{
	color: white;
	padding: 25px;
}

#photo_info {
	padding-top: 10px;
	color: #000;
	font-size: 12px; font-style: italic;
	width: 900px;
}

#photo_thumnails_container {

	float: right;
	margin-right:-75px;
}

a#photo_thumbnails_btn { color: #FFF; background:url(../thumbs.gif) top right no-repeat; padding-right: 20px; }
a#photo_thumbnails_btn:hover { color: #858585}

#photo_navigation {
	float:left;
	width: 480px;
	color: #FFF;
	 margin-left:73px;
}

#photo_navigation a {
	color: #FFF;
}

#photo_navigation a:hover {
	color: #858585;
}

#photo_info_btn {
	float: left;
	width: 370px;
	text-align: right;
}

#photo_counter_container {
	float:right;
	text-align: center;
	color: #FFF;
	font-size: 18px;
}



#photo_info_prev{
background: url('../prev.gif') top left no-repeat; padding-left: 16px;
margin-left: -4px;
}


#photo_info_next{
background: url('../next.gif') top right no-repeat; padding-right: 16px; 
}





/* IE HACKS */

html { overflow-y: hidden_; }
body { overflow-y: auto_; }