body {
	background: #000;
	margin:0;
	font-family: Arial, Verdana, Tahoma;
	font-size:12px;
	color: #555;
	line-height:150%;
	}

a, a:link, a:visited {
	color: #777;
	text-decoration:none;
	font-weight:bold;
	}

a:hover {
	color:#FFF;
	text-decoration:underline;
	}
.clear {
	clear:both;
	}
	
#header {
	width:auto;
	margin: 50px  0  10px 40px;
	}

#header:hover, #galleryinfo:hover {
	color: #FFF;
	}

h2 {
margin:5px 0;
padding:0;
font-size:20px;
font-family: "Arial Narrow" "Arial";
text-transform:uppercase;
font-weight:normal;
	}

.imagebox  a{
width:200px;
height:150px;
float:left;
filter:alpha(opacity=50);
opacity: 0.5;
-moz-opacity:0.5;
}

.imagebox  a:hover{
width:200px;
float:left;
filter:alpha(opacity=100);
opacity: 1;
-moz-opacity: 1;
}

#galleryinfo {
	margin: 10px 0 50px 40px;
	width:auto;
	}
	
#footer {
	margin: 10px 40px;
	font-size:10px;
	font-color: #444;
	}

/* sliding panel */
.panel {
position: fixed;
top: 50px;
left: 0;
display: none;
width: 50%;
height: auto;
padding: 30px 30px 30px 130px;
filter: alpha(opacity=85);
opacity: .85;
background: #000;
color: #FFF;
}

.panel p{
margin: 0 0 15px 0;
padding: 0;
color: #FFF;
}

.panel a, .panel a:visited{
margin: 0;
padding: 0;
color: #9FC54E;
text-decoration: none;
border-bottom: 1px solid #9FC54E;
}

.panel a:hover, .panel a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #ffffff;
}

a.trigger{
position: fixed;
text-decoration: none;
top: 80px; left: 0;
font-size: 10px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 40px 20px 15px;
background:#000 url(images/plus.png) 85% 55% no-repeat;
display: block;

}

a.trigger:hover{
position: fixed;
text-decoration: none;
top: 80px; left: 0;
letter-spacing:-1px;
color:#fff;
padding: 20px 40px 20px 30px;
background:#111 url(images/plus.png) 85% 55% no-repeat;
filter: alpha(opacity=85);
opacity: .85;
display: block;
}

a.active.trigger {
background:#555 url(images/minus.png) 85% 55% no-repeat;
}

.columns{
clear: both;
width: 330px;
padding: 0 0 20px 0;
line-height: 22px;
}

.colleft{
float: left;
width: 130px;
line-height: 22px;
}

.colright{
float: right;
width: 130px;
line-height: 22px;
}

/* slideshow */
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width:92%;
	height:420px;
	border-top: solid 1px #222;
	border-bottom: solid 1px #222;
	padding: 10px 0;

}

.scrollable .items {
	/* this cannot be too large */
	width:30000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable img {
	float:left;
	cursor:pointer;
	margin: 0 10px 0 0;
}

/* active item */
.scrollable .active {
	z-index:9999;
	position:relative;

}

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(images/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:90px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}