.galleria{
	list-style:none;
	width:400px
}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{
	display:block;
}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px}

 /* MSIE bug */

html, body, #wrap {height: 100%;}

/* structure */ 

body > #wrap {
	height: auto;
	min-height: 100%;
 }


body {
	margin:0;
	padding:0;
	background-color: #000000;
}

img {
	border : 0px;
}	


#wrap {
	min-height:600px;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	background-repeat: repeat-y;
	background-position: right;
}


#main {
	padding-bottom: 100px;  /* must be same height as the footer, this is for the sticky footer */
	padding-left: 10px;
}

#header {
	text-align:left;
	background-repeat: repeat-x;
	height: 100px;
	width: auto;
	margin: 0px;
	margin-top: 0px;
	background-color: transparent;
	border: 0px;
}

#footer {
	position: relative;
	margin-top: -100px; /* negative value of footer height */
	height: 100px;
	clear:both;
	background-repeat: no-repeat;
	background-position: bottom;
	vertical-align:middle;
	width: auto;
	margin-right: 0px;
	margin-left: 0px;
	background-color:transparent;
	text-align: right;
}

#footer_text {
	margin-right: auto;
	margin-left: auto;
	width:960px;
	text-align: right;
	vertical-align:middle;
	padding-top:10px;
	font-weight: normal;
	padding-left: 30px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	letter-spacing: 1px;
}


#menu-wrap{
	padding-left: 0px;
	width:960px;
	padding-bottom: 0px;
}



#local-container {
	width: 960px;
	position: relative;
	margin: 0px;
	padding: 0px;
	padding-bottom: 118px;
}


#headline {
	margin:  0px 0px 0px 0px;
	padding: 0px;
	width:960px;
	height: 150px;
	float: left;
}


/* using this now for 1 column */  
#one_column_main {
	float: left;
	width: 960px;
	padding: 0px 30px 0px 30px;
	margin: 0px 0px 0px 0px;
	color: #FFFFFF;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;

}




/* not being used now, but can be used for multi column layout */  
/* sizes can be changed as needed */  

#left {
	float: left;
	width: 420px;
	padding: 0px 30px 0px 30px;
	margin: 0px 0px 0px 0px;
	color: #FFFFFF;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
}



/* not being used now, but can be used for multi column layout */ 
/* sizes can be changed as needed */  
#right {
	float: right;
	width: 420px;
	padding: 0px 30px 0px 30px;
	margin: 0px 0px 0px 0px;
	color: #FFFFFF;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
}


.clearfix:after { 
 content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden; 
}

.clearfix {
 display: inline-block; /* Hides from IE-mac */ 
}

* html .clearfix {
 height: 1%; 
 }

/* ----- */
/* ----- */
/* FONTS */
/* ----- */
/* ----- */


.hr {
	border: 0;
	width: 100%;
	height: 1px;
	color: #000000;
	background-color: #000000;
}


.h1 {
	padding: 0;
	margin:0;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#FFFFFF;
	letter-spacing: 1px;
}



.h2 {
	padding: 0;
	margin:0;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	letter-spacing: 1px;
}



.font {
	font-size: 12px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: 1px;
}

.vaidate {
	font-size: 12px;
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
}



A.font:ACTIVE, A.font:FOCUS, A.font:LINK, A.font:VISITED, A:ACTIVE, A:FOCUS, A:LINK, A:VISITED {
	font-size: 12px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration : none;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
}



A.font:HOVER,  A:HOVER {
	font-size: 12px;
	font-weight:bold;
	color: #FF0000;
	text-decoration : none;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
}


A.footer:ACTIVE, A.footer:FOCUS, A.footer:LINK, A.footer:VISITED {
	font-weight: normal;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color:	#FFFFFF;
	font-size: 10px;
	letter-spacing: 1px;
}

A.footer:HOVER {
	font-weight: normal;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color:	#FF0000;
	font-size: 10px;
	letter-spacing: 1px;
}

.footer_text{
	font-weight: normal;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color:	#FFFFFF;
	font-size: 10px;
	letter-spacing: 1px;
}


/* ----- */
/* ----- */
/* DROP DOWN STRCUTURE */  
/* ----- */
/* ----- */




ul.dropdown,  
 
ul.dropdown li,  
 
ul.dropdown ul {
	list-style: none;
	margin: 0;
	padding: 10px 10px 10px 10px;
}

ul.dropdown {
	position: relative;
	z-index: 597;
	float: left;
	padding: 0px 0px 0px 0px;
}

ul.dropdown li {
	float: left;
	line-height: 1.3em;
	vertical-align: middle;
	zoom: 1;
}

ul.dropdown li.hover, 
 
ul.dropdown li:hover { 
 position: relative; 
 z-index: 599; 
 cursor: default;  
}

ul.dropdown ul {
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 598;
	width: 100%;
}

ul.dropdown ul li {  
 float: none;  
}

ul.dropdown ul ul { 
 top: 1px; 
 left: 99%; 
}

ul.dropdown li:hover > ul { 
 visibility: visible;  
}

ul.dropdown li a {
	display: block;
	padding: 0px 20px 10px 20px;
}

/* DROP DOWN DETAILS - FIRST LEVEL */  

ul.dropdown {
	font: normal 12px;
	text-transform: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
}

ul.dropdown li {
	padding: 0px 20px 10px 20px;  /* TOP LEVEL BG COLOUR */
	color: #FFFFFF;
	line-height: normal;
	font-weight: bold;
	letter-spacing: 1px;
}

ul.dropdown li.hover, 

ul.dropdown li:hover {

}

/* TOP LEVEL TEXT COLOURS */  

ul.dropdown a:link, 

ul.dropdown a:visited {
	color: #FFFFFF;
	text-decoration: none;
	letter-spacing: 1px;
	font-weight: bold;
}   /* TOP LEVEL LINKS COLOUR */  

ul.dropdown a:hover {
	color: #FF0000;
	text-decoration: none;
	letter-spacing: 1px;
	font-weight: bold;
}   /* TOP LEVEL LINKS COLOUR */  

ul.dropdown a:active {
	color: #000000;
}    /* TOP LEVEL LINKS COLOUR */  
/* SECOND LEVEL MENU */  

ul.dropdown ul {
	width: 170px;   /* SECOND LEVEL BG COLOUR */
	color: #000000;
	font-size: 12px;
	text-transform: none;
	filter: alpha(opacity=90);
	-moz-opacity: .9;
	KhtmlOpacity: .9;
	opacity: .9;
}

ul.dropdown ul li {
	color: #000000;
	filter: none;
}

ul.dropdown ul li.hover, 

ul.dropdown ul li:hover {
	background-color: transparent;  /* SECOND LEVEL ROLLOVER COLOUR */
}

ul.dropdown ul a:link, 

ul.dropdown ul a:visited {
	color: #000000;
}   /* SECOND LEVEL LINKS COLOUR */  

ul.dropdown ul a:hover {
	color: #FF0000;
	text-decoration: none;
}  /* SECOND LEVEL LINKS COLOUR */  

ul.dropdown ul a:active {
	color: #000000;
}   /* SECOND LEVEL LINKS COLOUR */  

ul.dropdown *.dir { 
padding-right: 12px; 
background-image: none; 
background-position: 100% 50%;  
background-repeat: no-repeat;  
}