@charset "utf-8";
/* CSS Document */


/*************************************************************** Horizontal Menu ************************************/

.navigation{
font: bold 12px verdana;
padding: 7px 0;
margin: 25px 0;
width: 100%;
background-color: #000;
text-align: right; /*set value to "right" for example to align menu to the right of page*/
}

.navigation li{
list-style: none;
display: inline;
}

.navigation li a{
padding: 8px 4em;
text-decoration: none;
color: #000;
background:url(../images/white_button.png) center center no-repeat;
background-color: #000;
}

.navigation li a:hover{
color:#0099ff;
background:url(../images/white_button_on.png) center center no-repeat;
}

html>body .navigation li a:active{ /* Apply mousedown effect only to NON IE browsers */
color:#0099ff;
background:url(../images/white_button_on.png) center center no-repeat;}


/*************************************************************** Gallery Menu ************************************/


#navigation-block {
	float:left;
	width: 220px;
}

ul#sliding-navigation
{
	list-style: none;
	font-size: 1em;
	margin: 10px 0 30px 0;
	padding: 0;
	
}

ul#sliding-navigation li.sliding-element h3,
ul#sliding-navigation li.sliding-element a
{
	display: block;
	width: 150px;
	padding: 5px 18px;
	margin: 0;
	margin-bottom: 5px;
}

ul#sliding-navigation li.sliding-element h3
{
	color: #fff;
	background:#333 url(../images/heading_bg.jpg) repeat-y;
	font-weight: normal;
}

ul#sliding-navigation li.sliding-element a
{
	color: #999;
	background:#222 url(../images/tab_bg.jpg) repeat-y;
	border: 1px solid #1a1a1a;
	text-decoration: none;
}

ul#sliding-navigation li.sliding-element a:hover { color: #ffffff; }