/*---------------------------------------------------------------------------------------------

	CSS Stylesheet
	Dark Skin
	
-----------------------------------------------------------------------------------------------*/


/* =GENERAL
-----------------------------------------------------------------------------------------------*/

	body{ 
		background:#222222 url(images/bg-body.jpg) repeat top left; 
		
		/*
		background:#222222 url(images/bg-body2.jpg) repeat top left;
		background:#222222 url(images/bg-body3.jpg) repeat top left;
		background:#222222 url(images/bg-body4.jpg) repeat top left;
		*/
		
		color:#fff; 
	}
	
	/* headings */
	h1,h2,h3,h4,h5,h6{ color:#FBD8A7; }
	
	/* links */
	a{ color:#ffffff; }
	a:hover{ text-decoration:underline; }
		footer a, a:link, a:visited, a:hover, a:active {color: #FBD8A7; text-decoration:none;}

	blockquote{ background:url(images/bg-blockquote.png) no-repeat top left; color:#ffffff; }
	
	/* due to IE HR margin bugs I had to made classes and apply them to divs to achieve the visual effect of a HR */
	.hr{ border-top:1px solid #FBD8A7; }
		
	/* tables */
	table{ border:1px solid #FBD8A7; }
	td{ border-top:1px solid #FBD8A7; }
	
	/* text highlight */
	.text-highlight{ background-color:#A42C2E; color:#ffffff; }
	.text-highlight2{ background-color:#ffffff; color:#111111; }


/* =LAYOUT
-----------------------------------------------------------------------------------------------*/

	/* background-color of content section */
	#content{ background-image:url(../_content/back.png); background-repeat:repeat; border-left:5px solid #FBD8A7; }
	
	/* quote in the top right on the index */
	#quote{  }
	
	/* the website navigation */
	ul#nav li a{ border-right:1px solid #FBD8A7; color:#fff; font-size:14px; }
	ul#nav li:hover a{ color:#FBD8A7; } 				 
    ul#nav li.first a{ border-left:1px solid #FBD8A7; }
		ul#nav li.current a{ color:#FBD8A7; border-left:3px solid #FBD8A7; }							   						   

	/* footer text color */
	#footer p{ color:#FBD8A7; }
	
	/* social media links in the bottom right of page */
	#social-media li a{ color:#FBD8A7; text-decoration:none; }
	#social-media li a:hover{ color:#ffffff; }
	
	/* vertical scrollbar */
	.jScrollPaneDrag{position:absolute; cursor:pointer; overflow:hidden; background:#2D1309 url(js/jscrollpanel/bg-drag.gif) no-repeat 50% 50%; }
	.jScrollPaneDrag:hover{ background-color:#2D1309; }


/* =PAGES
-----------------------------------------------------------------------------------------------*/	

	/* =INDEX
	-----------------------------------------------------------------------------------------------*/				  
	
	#slideshow-pager a{  background:url(images/bg-pager.png) no-repeat 0 0; }
	#slideshow-pager .activeSlide{ background:url(images/bg-pager.png) no-repeat 0 -64px; }	


	/* =MENU
	-----------------------------------------------------------------------------------------------*/					
	
	#menu-nav li{ border-bottom:1px solid #FBD8A7;  }
		#menu-nav li.last{ border-bottom:none; }
		#menu-nav li a{ text-decoration:none; color:#ffffff; }
		#menu-nav li a.active{ background: url(images/bg-menu-nav.gif) no-repeat center right; color:#ffffff; }
		#menu-nav li a:hover{ color:#ffffff; }
	
	#menu-container{  }
		.menu{  }
		.menu h5{  }
		.menu p{  }	
	
	
	/* =EVENT
	-----------------------------------------------------------------------------------------------*/
	
	/* up and down buttons that change between events - it's enough to change the bg colors as bg images are transaprent */
	#events-slideshow-prev{ background:#555555 url(images/bg-gallery-slideshow-nav.png) no-repeat 0 0; }
		#events-slideshow-prev:hover{ background-color:#575757; }
							  
	#events-slideshow-next{ background:#555555 url(images/bg-gallery-slideshow-nav.png) no-repeat 0 -60px; }
		#events-slideshow-next:hover{ background-color:#575757; }	
	
	
	/* =GALLERY
	-----------------------------------------------------------------------------------------------*/
	
	/* the inner border of the gallery thumbs */	
	#gallery img{ }
		#gallery img:hover{  }
	
	/* up and down buttons that change between gallery slides - it's enough to change the bg colors as bg images are transaprent */
	#gallery-slideshow-prev{ background:#2D1309 url(images/bg-gallery-slideshow-nav.png) no-repeat 0 0; }
		#gallery-slideshow-prev:hover{ background-color:#2D1309; }
							  
	#gallery-slideshow-next{ background:#2D1309 url(images/bg-gallery-slideshow-nav.png) no-repeat 0 -60px; }
		#gallery-slideshow-next:hover{ background-color:#2D1309; }
		
	.img-align-left2{ margin:5px 5px; float:left; }
	
	
	
	/* =CONTACT
	-----------------------------------------------------------------------------------------------*/	
	
	/* background image for the google map - it should be a static map that if javascript is off will be shown */
	#map{ background: url(../_content/contact/bg-map.jpg) no-repeat top left; }		
	
	
.contact-form-data2 .row {
	padding:4px 0; width:200px;
}
.contact-form-data2 .row .label {
	width:180px; float:left; color:#FBD8A7; display:block; font-size:11px;
}
.contact-form-data2 .row .input {
	float:left; width:180px;  font-size:11px;
}
	.contact-form-data2 .row .input input, #contact-form-data2 .row .input textarea {
		padding:4px; width:180px; border:1px solid #6D4F34; background-color:#6D4F34; color:#FBD8A7;  font-size:11px;
	}
	
	.contact-form-data2 .row .input input:focus {
		border:1px solid #FBD8A7;
	}
	
	
	.contact-form-data2 .row .input textarea {
		height:60px; border:1px solid #6D4F34; background-color:#6D4F34; color:#FBD8A7;  font-size:11px; width:186px; 
	}
	
	.contact-form-data2 .row .input textarea:focus {
		border:1px solid #FBD8A7;
	}
	
form button {
				border:0; display:block; background:transparent url('images/submit.png') no-repeat 0px 0px; cursor:pointer; width:74px; height:18px; text-indent:-6466px; overflow:hidden;
			}
				form button:hover {
					background-position:0px -19px;
				}
				
				.formError {
	position:absolute;
	top:300px;
	left:300px;
	padding-bottom:13px;
	display:block;
	z-index:5000;
}

.ajaxSubmit{
	display:none;
	font-size: 14px;
}

.formError .formErrorContent {
	width:100%;
	background:#6D4F34;
	color:#fff;
	width:135px;
	font-family:Arial;
	font-size:10px;
	border:2px solid #6D4F34;
	box-shadow: 0px 0px 3px #666;
	-moz-box-shadow: 0px 0px 3px #666;
	-webkit-box-shadow: 0px 0px 3px #666;
	padding:4px 8px 4px 8px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.formError .formErrorArrow {
	position:absolute;
	bottom:0;
	left:20px;
	width:15px;
	height:15px;
	z-index:5001;
}
.formError .formErrorArrowBottom {
	top:0;
	margin:-6px;
}
.formError .formErrorArrow div {
	border-left:2px solid #6D4F34;
	border-right:2px solid #6D4F34;
	box-shadow: 0px 1px 2px #999;
	-moz-box-shadow: 0px 1px 2px #999;
	-webkit-box-shadow: 0px 1px 2px #999;
	font-size:0px;
	height:1px;
	background:#6D4F34;
	margin:0 auto;
	line-height:0px;
	font-size:0px;
	display:block;
}
.formError .formErrorArrowBottom div {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
.formError .formErrorArrow .line10 {
	width:15px;
	border:none;
}
.formError .formErrorArrow .line9 {
	width:13px;
	border:none;
}
.formError .formErrorArrow .line8 {
	width:11px;
}
.formError .formErrorArrow .line7 {
	width:9px;
}
.formError .formErrorArrow .line6 {
	width:7px;
}
.formError .formErrorArrow .line5 {
	width:5px;
}
.formError .formErrorArrow .line4 {
	width:3px;
}
.formError .formErrorArrow .line3 {
	width:1px;
	border-left:2px solid #6D4F34;
	border-right:2px solid #6D4F34;
	border-bottom:0px solid #6D4F34;
}
.formError .formErrorArrow .line2 {
	width:3px;
	border:none;
	background:#969696;
}
.formError .formErrorArrow .line1 {
	width:1px;
	border:none;
	background:#6D4F34;