/* ///////////////////// Start in page gallery ///////////////////// */

#gallery{
position: relative;
width: 572px;
height: 240px;
display: block;
float: right;
zoom: 1;
}

.galleryholder{
position: relative;
margin: 0;
padding: 0;
background: url(/images/horizon.gif) bottom left repeat-x;
height: 240px;
}

.galleryholder h1{
position: absolute;
top: 40px;
left: 20px;
margin: 0;
padding: 0;
width: 300px;
font-weight: normal;
}



.galleryholder .panes{
position: absolute;
width: 570px;
height: 220px;
display: block;
margin: 0;
padding: 10px 0;
background: none;
top: 0;
right: 0;
zoom: 1;
}

.galleryholder .panes div{
height: 220px;
}

.panes .gallogo{
margin: 0 0 0.5em 0!important;
padding: 0!important;
display: block!important;
}

.panes h2{
clear: both!important;
margin: 0.5em 0 0.5em 0!important;
padding: 0!important;
font-size: 1em!important;
width: 300px;
}

.panes ul.ticklist{
width: 300px;
}

.panes ul.ticklist{
margin: 0.5em 0;
padding: 0;
list-style: none;
}

.panes ul.ticklist li{
margin: 0 0 0.3em 0;
padding: 0 0 0 15px;
background: url(/images/gallery/tick.png) top left no-repeat;
background-position: 0 0.2em;
}


.panes .imageholder img{
margin: 0;
padding: 0;
position: absolute;
top: 10px;
right: 20px;
}
.panes .imageholder img.lcd{
z-index: 100;
}






/*********** navigator ***********/


/* position and dimensions of the navigator */
ul.galtabs {
	position: absolute;
	left: 140px!important;
	bottom: 10px!important;
	display: block;
	clear: both;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	z-index: 999;
	zoom: 1;
}

.galtabs li{
margin: 0;
padding: 0;
display: block;
float: left;
zoom: 1;
}

/* items inside navigator */
.galtabs li a:link,
.galtabs li a:visited{
	width:9px;
	height:24px;
	float:left!important;
	margin: 0px 3px;
	background: url(/images/gallery/navi2.png) 0 0 no-repeat!important;
	cursor:pointer;
display: block;
}



/* mouseover state */
.galtabs li a:hover {
	background-position:0 -24px!important;
}

/* active state (current page state) */
.galtabs li a.current {
	background-position:0 -48px!important;     
}



/* End */

/* SCROLLER */


/* ///////////////////// End in page gallery ///////////////////// */