html, body {
	font-family: Tahoma, Geneva, sans-serif;
	font-size:13px;
	background-color: #000;
	color:#000;
	margin: 0px;
	padding: 0px;
}

img {
	border: 0px;
}

a {
	outline: none;
	text-decoration:none;
	font-weight:normal;
}

a.menulink, a.menulink:visited {
		color:#000;
		}	

a.menulink:hover, a.menulink:visited:hover {
		color:#39F;
		}

a.bwselectable  {
	color: #FFF;
	opacity:0.8;
	filter: alpha(opacity=80);
}

a.bwselectable:hover  {
	opacity:1;
	filter: alpha(opacity=100);
}

a.bwselectable:visited:hover {
	opacity:1;
	filter: alpha(opacity=100);
}

a.bwTextSelectable  {
	color: #CCC;
}

a.bwTextSelectable:hover  {
	color: #FFF;
}

a.bwTextSelectable:visited:hover {
	color: #FFF;
}

a.blackOnWhiteSelectable  {
	color: #000;
	opacity:0.8;
	filter: alpha(opacity=80);
}

a.blackOnWhiteSelectable:hover, a.blackOnWhiteSelectable:visited:hover {
	opacity:1;
	filter: alpha(opacity=100);
}

.uppercaseSmall {
	text-transform:uppercase;
	font-size:9px;
}

.uppercaseMedium {
	text-transform:uppercase;
	font-size:10px;
	letter-spacing:2px;
}

.uppercaseNormal {
	text-transform:uppercase;
	font-size:13px;
	letter-spacing:2px;
}

.vcentered {
	vertical-align:middle;
}	

.hcentered {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:100%;
}

.hright {
	text-align:right;	
}

.fright {
	float: right;
}

.fleft {
	float: left;
}

.inline {
	display: inline;
}

.absolute {
	position: absolute;
}

div#main {
	display:block;
	margin: 0px;
	padding: 0px;
	position: relative;
	background-color: #000;
	max-height:1000px;
	min-height:100%;
	height:1000px;
	min-width:892px;
	max-width:892px;
	margin-left: auto;
    margin-right: auto;
}
		
/* ---------------- menu
*/

div#menu {
	font-size: 16px;
	height:26px;
	padding-top:4px;
	background-color: #FFF;
}
	
#menu span {
	float:left;
	text-align:left;
	border-top:none;
	}
	
#menu ul {	
	border-top:none;
	float:right;
	margin-top:0px;
	}

#menu li {
	display:inline;
	}

/* ---------------- footer area
*/
div#footer {
	background-color:#DDD;
	height:50px;
	position:absolute;
	width:100%;
	z-index:20;
	bottom:0px;
	font-size: 9px;
	color: #555;
	text-align:center;
}

.insideFooter {
	padding: 10px 20px 5px 20px;
}

div#footer a, div#footer a:visited {
	color: #222;
	text-decoration:underline;
}	

div#footer a:hover {
	color:#39F;
}

/* ---------------- gallery
*/

div#gallery {
	display:block;
	margin: 0px;
	padding: 0px;
	min-height:100%;
	position:relative;
	height:auto;
	height:100%;
	background-color:#000;
	color:#BBB;
	z-index:0;
	border-left: 1px solid #222;
	border-right: 1px solid #222;
}

div#gallery_header {
	margin: 0px;
	padding: 0px;
	height:23px;
	background-image:url(img/film_h_s.png);
	background-position:top;
	background-repeat:repeat-x;
	font-size:7px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:2px;	
	display:block;
	width: 100%;
}

div#gallery_content {
	position:absolute;
	padding: 0px;
	height:100px;
	display:block;
	width: 100%;
	left:50%;
	margin-left:-432px;
	top:22px;
}

div#gallery_footer {
	margin: 0px;
	padding: 0px;
	height:20px;
	background-color:#000;
	background-position:top;
	background-image:url(img/film_l_s.png);
	background-repeat:repeat-x;	
	position:absolute;
	left:50%;
	margin-left:-446px;
	top:104px;
	width:100%;
	z-index:10;
}

#gallery_header span {	
	padding-bottom:0px;
	padding-left:18px;
	}
	
ul.thumbUl  {
	list-style: none;
	margin: 0px;
	padding-top:0px;
	padding-left:0px;
	padding-bottom:2px;
	}
	
li.thumbLi {
	border-top:none;
	display:inline;
	margin-right:2px;
	margin-left:0px;
}

img.thumb {
	opacity: 0.85;
}

div.generic_loader {
	position: absolute;
	top:22px;
	display:block;
	padding: 0px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	z-index:1;
	overflow:hidden;
	width:100%;
	margin-top:28px;
	color:#FFF;
	vertical-align:middle; 	
}

div#gallery_div_loader {
	height:900px;
}

div#gallery_downup {
	position: absolute;
	z-index:11;
	top:2px;
	left:732px;
	height:20px;
	width:160px;
	background-color:black;
	text-align:right;
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:2px;	
}

div#pageNum {
	position: absolute;
	top:854px;
	left:auto;
	right:0px;
	padding-right:25px;
}

div#galtab {
	display:none;
	position:absolute;
	height:898px;
	top:34px;
	width:34px;
	left:50%;
	margin-left:446px;
	z-index:0;
}

div.galtabPage, div.galtabHeader {
	display: block;	
	height:20px;
	line-height:20px;
	padding-left:2px;
	font-size:10px;
	text-transform:uppercase;
	color:#CCC;
	vertical-align:middle;
}

div.galtabPage {
	padding-left:13px;	
	background-color:#444;
	margin-bottom:4px;
	margin-top:4px;
	border: 1px solid #333;
	
/*
 	background-image:url(img/sidetab.png);
	background-repeat:no-repeat;
*/	
}

/* ---------------- news area
*/

div#frontpage_loader {
	position: absolute;
	top:5px;
	height:20px;
	width:100%;
	text-align:center;
}

div#frontPageNum {
	position: relative;
	float:right;
	width:800px;
	text-align:right;
	padding-right:25px;
	margin-top:10px;
	height:30px;
}

div#news {
	position:absolute;
	z-index:10;
	background-color:#FFF;
	color:#000;
	height:796px;
	margin-top:0px;
	width:100%;
	left:50%;
	margin-left:-446px;
	bottom:50px;
	overflow:auto;
	overflow-x:hidden; /* IE specific */
}

div#frontPageContentContainer {
	position: relative;
	background-color:#FFF;
	width:100%;
	height:100%;
	margin:0px;
}

.news_content ul {
	margin-top:0px;
	padding-top:0px;
	list-style: none;
	margin-left: 0px;
	padding-left:0px;
}

.news_content li {
	margin-top:20px;
	display:inline;
	}

.news_separator {
	height:26px;
}

.news_date {
	width:200px;
	text-align:right;
	font-size:small;
	padding-right:15px;
	color:#AAA;
}

.static_content {
	margin-top:20px;
}

.static_content p, p.static_content_title, .static_content ul {
	margin-left:100px;
	margin-right:50px;
}

p.static_content_centered {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

p.static_content_separator {
	padding-top:15px;
}

p.static_content_title {
	font-size:14px;
	text-transform:uppercase;
	letter-spacing:2px;	
}

.static_content ul  {	
	list-style:square;
	}

.static_content li {
	display:list-item;
	}

.news_content {
	margin:0px;
	text-align:left;
	width:630px;
}

.news_content a, .news_content a:visited, .static_content a, .static_content a:visited {
	color: #555;
	text-decoration:underline;
}	

.news_content a:hover, .news_content a:visited:hover, .static_content a:hover, .static_content a:visited:hover {
	color:#39F;
}

div.news_heading {
	position:relative;
	top:0px;
	height:35px;
	width:750px;
	margin-left:20px;
	margin-bottom:10px;
	border-bottom: 1px solid #AAA;
	letter-spacing:12px;
	font-size:24px;
	padding-top:20px;
	padding-bottom:10px;
	padding-left:100px;
}

p.newsPara {
	margin-top:0px;
}

div#newCommentLink {
	position:absolute;
	top:30px;
	left:auto;
	right:30px;
}

div#newCommentForm {
	position:relative;
	overflow:hidden;
	height:600px;
}

#newCommentForm li {
	display:block;
	margin-left:50px;
}

.inputEdit {
	width:400px;
}

.inputTextArea {
	width:400px;
	height:400px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:13px;
	overflow:auto;
	overflow-x:hidden;	 /* IE specific */
}

/* ---------------- full image sliding curtain & overlay
*/

div#overlay-main {
}

div#overlay-top {
	display:block;
	z-index: 103;
	background-color: black;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	overflow: hidden;
	opacity:0.8;
	filter: alpha(opacity=80);	/* IE */	
	border-bottom: 1px solid white;
}

div#overlay-bottom {
	display:block;
	z-index: 103;
	background-color: black;
	position: absolute;
	left: 0px;
	width: 100%;
	overflow: hidden;
	opacity:0.8;
	filter: alpha(opacity=80);	/* IE */	
	border-top: 1px solid white;
	padding-bottom: 100%;
}

div#overlay-loading-text {
	display:none;
	position: absolute;
	top:auto;
	bottom: 0px;
	width: 100%;
	height: 40px;
	overflow: hidden;
	text-transform:uppercase;
	font-size:20px;
	letter-spacing:2px;	
	color:#CCC;
	text-align:center;
	background-color:transparent;
}

div#overlay_err {
	position: absolute;
	top:auto;
	bottom: 0px;
	width: 100%;
	height: 100px;
	overflow: hidden;
	font-size:13px;
	color:#CCC;
	text-align:center;
	background-color:transparent;
}
					 
div.overlayButton {
	position: absolute;
	left:50%;
	height:20px;
	font-size:13px;
	background-color:transparent;
	border: 1px solid white;
	text-align:center;
	line-height:20px;
	vertical-align:middle;
	padding:2px 8px 2px 8px;
	overflow:hidden;
}

div#buttonReload {
	top:30px;
	margin-left: -150px;
	width:130px;
}

div#buttonBackToGal {
	top:30px;
	margin-left: 10px;	
	width:130px;
}

div#imgpanel-area {
	display:none;
	z-index: 101;
	background-color: black;
	position: absolute;
	top: 50px;
	left: 50%;	
	margin-left: -500px;
	height: 750px;	
	width: 1000px;
	overflow: hidden;
	opacity:1;
	color:#CCC;	
}

div#imgpanel-container {
	display: none;	
	z-index: 102;
	background-color: black;
	position: absolute;
	top:0px;
	left: 50%;	
	margin-left: -500px;
	height: 750px;	
	width: 1000px;
	overflow: hidden;
	opacity:1;
}

div#img-area1, div#img-area2 {
	display: none;
	z-index: 102;
	background-color: black;
	position: absolute;
	left: 50%;	
	height: 750px;	
	width: 1000px;
	margin: 0px;
	margin-left: -500px;		/* horizontal centering: depends on img width */
	overflow: hidden;
	opacity:1;
}

.imgpanel_imgTitle {
	position:absolute;
	z-index: 102;
	width:1000px;
	text-align:center;
	left:50%;
	margin-left: -500px;
}

div#imgpanel_prevNextDiv {
	height:30px;
}

div.imgpanel_controls {
	position: relative;
	top:0px;
	left:0px;
	width:100%;
	z-index: 102;
}

div.imgpanel_control, div.imgpanel_closeDiv, div.imgpanel_diapoDiv, div.imgpanel_nav, div.imgpanel_loader, div.imgpanel_diapoAnim {
	position: absolute;
	width: 100px;
	top: 5px;
	height: 80px;	
	overflow: hidden;
	text-align:center;
	margin:0px;
	padding:0px;
}

div.imgpanel_closeDiv {
	left:870px;
}

div.imgpanel_diapoDiv {
	left:760px;
}

div.imgpanel_nav {
	left:640px;
}

div.imgpanel_loader {
	top:18px;
	left:420px;
	width:160px;
	display:none;
}

div.imgpanel_diapoAnim {
	left:445px;
	top:43px;
}

div#imgpanel_navprev {
	position: absolute;
	top: 14px;
	left: 8px;
	width:45px;
}

div#imgpanel_navnext {
	position: absolute;
	top: 14px;
	left: 55px;
	width:40px;
}

div#imgpanel-altarea {
	position: absolute;
	z-index: 102;
}

div#imgpanel_altarea_left, div#imgpanel_altarea_right {
	position: absolute;
	text-transform:uppercase;
	font-size:10px;
	letter-spacing:2px;
}

div#imgpanel_altarea_left_thumbs, div#imgpanel_altarea_right_thumbs, div#imgpanel_altarea_left_txt, div#imgpanel_altarea_right_txt {
	position: absolute;
}
