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

*{margin:0;padding:0}	/*	ok as there is little html	*/

body{ 
	background:#f7f7f7 url(../images/pg-shadow.png) center top no-repeat;
	color:#333;
	font:14px/1.5 Arial, Helvetica, sans-serif;
	width:960px;
	margin:0 auto;}
	
#wrapper {
	position:relative;
	text-align:left;
	border:1px solid #fff; 
	border-width:0 1px;
	background:#f7f7f7;}

#header {position:relative; 
	top:0; 
	border-bottom:1px solid #fff; 
	background:#000 url(../images/header5.jpg) 0 20px no-repeat; 
	width:958px;
	height:180px;}
	
#content {
	clear:both;
	background:#f7f7f7 url(../images/content-bg.png) right top no-repeat;
	position:relative;
	text-align:left;
	overflow:auto;
	margin-left:0;
	margin:0 4px 0 4px;
	padding: 12px 0 0 0;
	min-height:460px;
	top:0px;
	}
#footer{
	text-align:left; 
	padding:0 0 0 20px; 
	clear:both;
	font:11px/1.5 Arial, Helvetica, sans-serif;color:#777; 
	height:60px;
	background:#f7f7f7 url(../images/footer.jpg) right bottom no-repeat;
	border-bottom:0px solid #eee;}

#description{width:400px;position:relative;z-index:1;}

h1{	color:#000;
	font:normal 20px "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	letter-spacing:1px;
	text-transform:none;}
	
a{	background-color:#fff;color:#777;text-decoration:none;outline:none;}
a:hover{color:#000;}

p {margin-bottom:1.5em;}

.caption{background-color:#fff;color:#888;position:absolute;top:510px;left:290px;width:300px;}

#slideshow {float:right;width:520px;height:400px;}
#slides  {
	position: absolute;
	top: 16px;
	right: 16px;
	width:500px; height:375px;
	overflow:hidden;
	z-index: 98; /* menu is 99! */
	text-align: center;
}
#slideshow div.active {z-index: 102;}
#slideshow div.last-active {z-index: 101;}

.gallery{width:380px;float:left; margin:0px 8px 0 0; color:#000;z-index:10;}
.gallery li{width:60px;height:60px;border:1px solid #aaa;margin: 2px;color:#000;}
.gallery li.hover{border-color:#555;}
.gallery li.active{border-style:solid;border-color:#222;}
.gallery li div{left:400px}
.gallery li div .caption{font:italic 0.7em/1.4 georgia,serif;display:none;}
.caption{display:none !important;}

.galleria{list-style:none;width:380px}
.galleria li{display:block;width:60px;height:60px;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;display:none;}
* html .galleria li div span{width:400px} /* MSIE bug */

.galleria_container{
	margin:10px 16px 60px 0;
	height:400px;
	width:500px;
	float:right;}

#main_image {
	text-align:center;
	margin-top:4px;overflow:hidden;z-index:10;}

.image-right{float:right; margin:4px 4px 4px 10px;}
.fl-right{float:right;}

.info{text-align:left;margin:30px 0;border-top:1px dotted #221;padding-top:30px;clear:both;display:none;}
.info p{margin-top:1.6em;display:none;}

.nav{position:absolute;top:430px;left:290px;padding-top:15px;clear:both;display:none;}



/*************************************************************************************
	panel slide: http://www.webdesignerwall.com/demo/jquery/simple-slide-panel.html 
*************************************************************************************/
#panel {
	display: none;
	position:absolute;
	top:180px;
	right:0px;
	width:320px; height:330px;
	background:	url(../images/shadow.png) no-repeat bottom left;
	padding: 0 0 9px 9px;
	z-index:998;}
/*** none for IE6 ***/
	* html panel {background:none}	
	
#panel-inner {
	margin-top:0px; height:320px;
	padding:4px;
	background: #777;
	color:#fff;
	border:1px solid #fff; border-width:0 0 1px 1px;
	z-index:999;
}
/* Form Styles */
h1.form {font-size:1.5em; margin-bottom:0.167em;color:#fff;}
p.form {margin-bottom:1.5em;}
.clearing {clear:both;}
.alert, .error {color:#FF0000;}
ol.form {float:left;list-style:none;padding:4px;width:290px;}
ol.form li {clear:left;float:left;line-height:1.5em;margin-bottom:0.5em;width:100%;}
ol.form label {cursor:pointer;display:block;float:left;line-height:1.5em;padding-right:1%;text-align:right;width:65px;}
ol.form input {width:180px;}
ol.form textarea {height:120px;width:180px;font:14px/1.5 Arial, Helvetica, sans-serif;}
ol.form .error {margin:4px 0 0 4px;}
ol.form li.buttons {padding-left:11%;width: 89%;}
ol.form li.hidden {display:none;}


/* MENU */
	#menu {
		width:958px;
		height:27px;
		white-space:nowrap;
		border-bottom:2px solid #eee;
		position:absolute;
		top:150px;left:0px; background:#eee; z-index:99;}

	.menu-nav, .menu-nav * {margin:0; padding:0; list-style:none;}
	.menu-nav {line-height:1.0em; width:950px;}			
	.menu-nav ul {position:absolute; top:-999em; background:#eee;} /* secondary links - offscreen */
	
	/* submenu items and top level anchors */
	ul.menu-nav ul li, .menu-nav a {background:#eee;}
	
	/* all li elements */
	.menu-nav li {float:left; position:relative; z-index:99; display:block; }
	
	/* all anchor elements */
	.menu-nav a {display:block; background:#eee;}
	
	/**** Position of second tier of nav ****/
	.menu-nav li:hover ul, 
	ul.menu-nav li.sfHover ul {
		left:0px; 
		top:25px; width:180px; z-index:99;}
		
	.menu-nav li li:hover ul, ul.menu-nav li li.sfHover ul {
		left:167px; 
		top:2px; 
	}

/*** ORIGINAL SKIN ***/
	.menu-nav {float:left; margin-bottom:1.0em;}
	
	.menu-nav li a { background:#eee;}
	.menu-nav a{display:block;
		color: #fff;
		height:20px;
		padding:7px 5px 5px;
		text-decoration:none;
		font:normal 15px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}
	.menu-nav li span,
		.menu-nav li span a.home,
		.menu-nav li span a.contact {
			background:#eee; 
			color:#000;
			font:normal 15px "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; 
			cursor:default; 
			padding:4px 12px 3px 4px; 
			float:left; 
			position:relative; 
			z-index:99; 
			display:block;}
		.menu-nav li span a.home, .menu-nav li span a.contact {
			cursor:pointer; 
			margin:0; 
			padding:0;
			background:#eee; }
		.menu-nav li.fl-right {float:right;}
		
	/* second tier anchors */
	.menu-nav li ul li a{
		background:#eee;
		color: #000;
		cursor:pointer;
		display:block;
		font:normal 12px Arial, sans-serif;		
		height:18px;
		width: 173px;
		padding: 3px 2px 2px 4px;
		}

	.menu-nav ul a:hover {background:#777;color:#fff;}
	
	.menu-nav li:hover, .nav li.sfHover, .nav li a:hover{color:#000;}

	.menu-nav li li {}
	.menu-nav li li li {}
	
	/*** shadows for all but IE6 ***/
	.sf-shadow ul {
		background:	url(../images/shadow.png) no-repeat bottom right;
		padding: 0 9px 9px 0px;
	/*	-moz-border-radius-bottomleft: 17px;
		-moz-border-radius-topright: 17px;
		-webkit-border-top-right-radius: 17px;
		-webkit-border-bottom-left-radius: 17px;
	*/}
	.sf-shadow ul.sf-shadow-off {
		background: transparent;
	}
	/*** none for IE6 ***/
	* html .sf-shadow ul {
		background:	none}	
.menu-nav li.btn-slide {
	float:right;
	background-image: url(../images/white-arrow.gif);
}

/* styles for error box */  
.error {  
	background:FBE3E4;  
	color:8a1f11;  
	border-color:FBC2C4;  
	padding:20px;  
	border:dashed 2px red;  
	width:90%;  
	margin:0px auto;  
	font-family:Arial, Arial, Helvetica, sans-serif;  
	font-size:1em;  
	line-height:1.3em;  
}  

.error a, .error a:hover{  
	color:8a1f11;  
}  

/* simply moves close box to right */  
.kickRight {  
	text-align:right;  
}