body, html { 
	font: small "Lucida Grande", Arial ,Verdana, sans-serif; 
	height: auto; 
	background-color: #000; 
	color: #FFF;
	height: 100%;
}

a { color: #4DAEF5; }
a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
.clear { clear: both; }
img { }

p { text-align: left; margin: 0px; padding: 2px; line-height: 1.4em; }

h3 { 
	font-size: 1.4em; 
	text-align: left; 
	margin: 0px; 
	padding: 0px; 
}

table#wireframe { height: 100%; width: 100%; }
table#wireframe .header { height: 120px; }
table#wireframe .content { text-align: center; vertical-align: top; }
table#wireframe .vc { vertical-align: middle; }

#header { height: 100px; position: relative; }
#header .logo { position: absolute; bottom: 32px; left: 20px; }
#header .nav { position: absolute; bottom:0px; left: 320px; }
#header .nav .link { float: left; padding-right: 15px; }
#header .nav .text { margin-top: 36px; padding-right: 35px; }

.loader { 
	position: absolute; 
	top: 48%; 
	left: 48%; 
	width: 16px; 
	height: 16px; 
}
.loading { background: transparent url(assets/loader.gif) no-repeat; }

.tl { position: absolute; top: -1px; left: -1px; background: transparent url(assets/corner_tl.png) no-repeat; width: 11px; height: 11px; }
.tr { position: absolute; top: -1px; right: -1px; background: transparent url(assets/corner_tr.png) no-repeat; width: 11px; height: 11px; }
.bl { position: absolute; bottom: -1px; left: -1px; background: transparent url(assets/corner_bl.png) no-repeat; width: 11px; height: 11px; }
.br { position: absolute; bottom: -1px; right: -1px; background: transparent url(assets/corner_br.png) no-repeat; width: 11px; height: 11px; }

#gallery { position: relative; }

#thumbnails { 
	float: left; 
	position: relative;
	text-align: center; 
	width: 130px; 
	height: 500px; 
	padding: 15px 0px;
}

#thumbnails li { padding: 5px 0px;  } 
#thumbnails li img { border: 1px solid #000; }
#thumbnails li img:hover { border: 1px solid #4DAEF5; cursor: pointer; }

#next, #prev { width: 20px; height: 30px; margin: 240px 20px; float: left; }

#next.active, #next.active:hover { 
	background: transparent url(assets/next_base.jpg) no-repeat right 50%; 
	cursor: pointer; 
}
#prev.active, #prev.active:hover { 
	background: transparent url(assets/prev_over.jpg) no-repeat left 50%; 
	cursor: pointer; 
}

#fullsize { 
	width: 500px; 
	height: 500px; 
	padding: 15px;
	text-align: center; 
}

#image_info {
	padding: 15px;
	height: 500px;
}

#image_info .title { padding-bottom: 10px; color: #F5B14D; }
#image_info .desc { text-align: justify; line-height: 1.4em; }


#_thumbs { 
	position: absolute;
	width: 300px;
/*	border: 1px solid #666; */
	left: 0; top: 15px;
}

#_fullsize {
	position: absolute;
	width: 532px;
/*	border: 1px solid #fff;*/
	left: 300px; top: 15px;
}

#_image_info {
	position: absolute;
	width: 275px;
/*	border: 1px solid #111;*/
	left: 832px; top: 15px;
}

.event {
	width: 630px; 
	margin: 15px 0px; 
	background-color: #111;
	padding: 10px;
}

.event .description{
	margin: 10px;
	line-height: 1.6em;
}

.about .left_col {
	float: left;
	width: 350px;
	background-color: #111;
	margin: 15px 30px;
	padding: 25px 0px;
}
.about .left_col img { display: block; margin-bottom: 15px; }
.about .blog { 
	float: left;
	width: 600px;
	background-color: #111;
	margin: 15px;
}
.about .blog p { margin: 15px; line-height: 1.6em; }
.about .blog img { margin: 15px 0px;