/*
Design by Maa Designs
http://www.maadesigns.co.uk
*/

body {
	margin: 20px;
	padding: 0;
	background: #111111;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	color: #9E6813;
}

h1, h2, h3 {
	text-align: center;
}

h4, h5, h6 {
}

p, ul, ol, blockquote {
	margin-top: 0;
	text-align: left;
}

a {
	color: #6F4503;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

img {
	border: none;
}

/* Header */

#logo {
	width: 780px;
	height: 100px;
	margin: 0 auto;
	padding: 0px 0 0 0;
	border: 5px solid #FFFFFF;
	border-bottom: none;
	background-color: #000;
	background-image: url(../images/NEWbanner.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#logo h1 {
	text-align: center;
	font-size: 3em;
}

#logo h2 {
	text-align: left;
	font-size: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
}

#logo a {
	text-decoration: none;
	color: #9E6813;
}

/* Menu */

#menu {
	width: 780px;
	height: 100px;
	;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-right: 0;
	padding-bottom: 0;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-image: url(../images/menuBG.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#menu h2 {
	display: none;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	width: 111px;
	height: 100px;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	background-image: url(../images/menubuttonC.png);
	line-height: 30px;
	background-repeat: no-repeat;
	background-position: center top;
	font-size: 14px;
}

#menu a:hover, #menu .active a {
	color: #FFFFFF;
	background-image: url(../images/menubuttonA.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	font-weight: bold;
	font-size: 14px;
}

/* Splash */

#image {
	width: 780px;
	margin: 0 auto;
	background:#111111;
	border-left: 5px solid #FFFFFF;
	border-right: 5px solid #FFFFFF;
}

/* Content */

#body {
	width: 780px;
	background: #FFFFFF;
	border: 5px solid #FFFFFF;
	height: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#body .title {
	padding: 10px 20px;
	font-size: 1em;
	background-color: #227564;
	background-repeat: repeat-x;
	background-position: left bottom;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
}

#body .story {
	border: 2px solid #227564;
	padding-top: 10px;
	height: 100%;
	padding-left: 10px;
}

#story {
	border: 2px solid #227564;
	padding-top: 10px;
	height: 220px;
}

#gal2 {
	border: 2px solid #227564;
	padding-top: 10px;
	height: 500px;
}

#content {
	border: 2px solid #227564;
	padding-top: 10px;
	height: 500px;
}
/* bot*/

#bot {
	width: 760px;
	margin: 0 auto;
	padding: 10px 10px;
	background: #4E4E4E;
	border: 5px solid #FFFFFF;
	border-top: none;
}

#bot p {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: x-small;
	color: #CCCCCC;
}

#bot a {
	color: #CCCCCC;
}













#dhtmlgoodies_slideshow{
		width:720px;	/* Total width of slideshow */


	}
	
	#previewPane{
		border:1px solid #000;
		margin-right:10px;	
		text-align:center;
		vertical-align:middle;
		padding-top:30px;
		
		
		/* CSS HACK */
		height: 452px;	/* IE 5.x */
		height/* */:/**/420px;	/* Other browsers */
		height: /**/420px;
		
		width:510px;		
		float:left;
				
	}
	#waitMessage{
		display:none;
		position:absolute;
		left:200px;
		top:150px;
		background-color:#FFF;
		border:3px double #000;
		padding:4px;
		color:#555;
		font-size:0.9em;
		font-family:arial;	
	}	
	#galleryContainer{	/* Big Div surrounding up image, list of images and down image */
		float:left;	/* Floating */
		
		/* CSS HACK */
		height: 454px;	/* IE 5.x - 120 px + 2 px for borders and 2px for padding*/
		height/* */:/**/438px;	/* Other browsers */
		height: /**/438px;
		
		/* CSS HACK */
		width: 124px;	/* IE 5.x - 120 px + 2 px for borders and 2px for padding*/
		width/* */:/**/120px;	/* Other browsers */
		width: /**/120px;
				
		border:1px solid #000;	/* Black border */		
		padding:1px;	/* A little space between the black border and the content inside */
		
	}
	#galleryContainer #arrow_down{	/* Arrow down image */
		height:35px;
	}
	#galleryContainer #arrow_up{
		height:35px;	/* Arrow up image */
	}
	
	#theImages{	/* DIV where the images are located */
		position:relative;
		overflow:hidden;
		height:375px;	/* Height of boxes for the images */
	}
	#theImages div{	
		position:relative;	/* Don't change this */
		height:1500px;	/* Higher than total height of thumbnails */
		
	}
	#theImages img{
		border:0px;	/* No border */
		filter:alpha(opacity=50);	/* Transparency - IE */
		opacity:0.5; /* Transparency - Firefox */
		padding-top:1px;	/* Space between images */
	}
	#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
		font-style:italic;
		text-align:center;
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font to use */
		font-size:0.9em;
	}
	#theImages .imageCaption{
		display:none;
	}

#INVALID-RULE{  border:none;}
#zoombox .mask{  background-color:#000000;  position:fixed;  width:100%;  z-index:90;  height:100%;  top:0;  left:0;}
#zoombox .container{  position:absolute;  z-index:100;}
#zoombox .relative{  position:relative;}
#zoombox .prev{  position:absolute;  top:0;  left:0;  width:50%;  height:100%;  cursor:pointer;  /*+opacity:0;*/  filter:alpha(opacity=0);  -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);  -moz-opacity:0;  opacity:0;}
#zoombox .prev:hover{  /*+opacity:100%;*/  filter:alpha(opacity=100);  -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);  -moz-opacity:1;  opacity:1;}
#zoombox .next{  position:absolute;  top:0;  right:0;  width:50%;  height:100%;  /*+opacity:0;*/  filter:alpha(opacity=0);  -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);  -moz-opacity:0;  opacity:0;}
#zoombox .close, #zoombox .next, #zoombox .prev{  cursor:pointer;}
#zoombox .next:hover{  /*+opacity:100%;*/  filter:alpha(opacity=100);  -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);  -moz-opacity:1;  opacity:1;}
#zoombox .gallery{  position:absolute;  bottom:0;  left:0;  right:0;  text-align:center;  /*+opacity:85%;*/  filter:alpha(opacity=85);  -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85);  -moz-opacity:0.85;  opacity:0.85;  cursor:pointer;  width:auto;  background-color:#050505;}
#zoombox .gallery img{  height:50px;  padding:5px;  /*+opacity:50%;*/  filter:alpha(opacity=50);  -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);  -moz-opacity:0.5;  opacity:0.5;}
#zoombox .gallery img:hover, #zoombox .gallery img.current{  /*+opacity:100%;*/  filter:alpha(opacity=100);  -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);  -moz-opacity:1;  opacity:1;}
#zoombox_loader{  background:url(img/loader.png) no-repeat left top;  position:absolute;  height:40px;  width:40px;  cursor:pointer;  top:50%;  left:50%;  margin:-20px 0 0 -20px;  overflow:hidden;  z-index:110;}
/** Zoombox Theme **/
.zoombox .container{  background:#000000;  color:#666;  /*+box-shadow:0px 0px 10px #000000;*/  -moz-box-shadow:0px 0px 10px #000000;  -webkit-box-shadow:0px 0px 10px #000000;  -o-box-shadow:0px 0px 10px #000000;  box-shadow:0px 0px 10px #000000;}
.zoombox .content{}
.zoombox .title{  color:#FFFFFF;  /*+placement:anchor-top-left -1px -22px;*/  position:absolute;  left:-1px;  top:-22px;  /*+text-shadow:1px 1px #000000;*/  -moz-text-shadow:1px 1px #000000;  -webkit-text-shadow:1px 1px #000000;  -o-text-shadow:1px 1px #000000;  text-shadow:1px 1px #000000;}
.zoombox .close{
	width:30px;
	height:30px;  /*+placement:anchor-top-right -15px -15px;*/
	position:absolute;
	right:-15px;
	top:-15px;
	background-image: url(../img/close.png);
	background-repeat: no-repeat;
}
#zoombox.zoombox .next{
	background-image: url(../img/next.png);
	background-repeat: no-repeat;
	background-position: right center;
}
#zoombox.zoombox .prev{
	background-image: url(../img/prev.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#colOne {
	width: 480px;
	padding-left: 10px;
	float: left;
	font-size: 16px;
	font-family: Verdana, Geneva, sans-serif;
}
#colTwo {
	width: 280px;
	float: right;
}

/* ----------------IMAGE SLIDER2------------- */
#Slider_outer {  
	width:510px; 
	margin:10px auto 10px; 
	background:#333333 ; 
	display:block; 
	position:relative; 
	padding:0px 10px 0px;
	border-bottom:5px #000000 solid;
}
/* create custom forward-backward buttons for this container */
#Slider_outer .Slider_forward,
#Slider_outer .Slider_back{
	display:block;
	position:absolute;
	cursor:pointer;
	width:25px;
	height:200px;
	bottom:-24px;
	right:5px;
	background:url(../images/slideitmoo_forward.png) no-repeat center;
}
#Slider_outer .Slider_back { 
	left:5px; 
	background:url(../images/slideitmoo_back.png) no-repeat center;  
}

/* the width is set to show the number of thumbnails that will be visible */
#Slider_inner{ 
	position:relative ; 
	overflow:hidden ; 
	width:474px ; /* set a display width to make the slider look good in case js is disabled */
	margin:0px auto 0px;
	padding:10px 0px 10px;
}
/* the thumbnails container; set a width on it so everything will be fine */
#Slider_items { 
	display:block; 
	position:relative; 
}
/* single element design */
#Slider_items div.Slider_element { 
	display:block; 
	position:relative; 
	float:left; 
	margin:0px 15px 0px; 
	font-size:11px; 
	width:128px; 
	text-align:center; 
	color:#FFFFFF;
}
#Slider_items a { padding:0px; margin:3px 0px 3px; clear:both; display:block; background:#333333; padding:2px; }
#Slider_items a img{
	border:none;
	width: 158px;
}
#body .story p font #flyer {

}
#flyer {
	text-align: center;
}