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

html, body {margin:5px;padding:0}
body {font-family:'Dutch 801 SWA', 'Times New Roman', Times, serif, Calibri, Candara, Verdana, Arial, Helvetica, sans-serif;text-align:center; font-style:italic;}
div#header {background-image:url(images/nav-bg-up.gif);background-position:top;background-repeat:repeat-x;height:57px;margin-bottom:0;padding-bottom:0;width:880px;}
div#title {float:left;width:276px;height:57px;text-align:center;line-height:57px;background-image:url(images/title-bg.gif);background-position:top;background-repeat:repeat-x;border:0px solid green;}
div#menu {width:830px;margin-left:50px;}
div#container {text-align:left;}
div#Logo {background:#fff;}
div#Logo ul {margin:15px 0;padding:0;list-style-type:none;}
div#Logo li {margin-bottom:5px;}
div#footer {background:#fff;}
div#footer p {margin:0;padding:5px 10px}
div#container {width:900px;margin:0 auto;padding:0;}
div#content {float:left;width:669px; margin:15px 0 0 15px;vertical-align:top;
-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
box-shadow: 0px 0px 6px rgba(0,0,0,0.5);}

.gallerycontent img {-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
box-shadow: 0px 0px 6px rgba(0,0,0,0.5); margin:10px 0; border:12px solid #fff;}

/*div#shadow {background-image:url(images/shadow.png);padding-top:1px;padding-right:1px;padding-bottom:1px;padding-left:1px;}*/

/*#theshadow {-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
box-shadow: 0px 0px 6px rgba(0,0,0,0.5); margin:10px 0 0 0; padding:6px 0 0 0;}*/

div#outercontent {padding:30px;background-image:url(images/content-bg.jpg);background-position:bottom;background-repeat:repeat-x;}
div#innercontent {background-color:#fff;padding:12px;}

.homecontent {text-align:left;}
.gallerycontent {text-align:left; padding:6px;}

.text {width:94%; margin:0 auto;}

/*div#homecontent {background-image:url(images/content-bg.jpg);background-position:bottom;background-repeat:repeat-x;padding:12px;}*/
div#scroller {padding:0px;}
div#Logo {float:left;width:192px;text-align:center;}
div#leftbar {float:left;clear:left;width:192px;background-image:url(images/side-yacht.jpg);background-position:bottom;background-repeat:no-repeat;height:584px;}
div#footer {clear:both;width:100%}
.h3 {font-style:italic;font-weight:bold;font-size:1.8em;}
.h5 {font-style:italic;font-weight:bold;font-size:0.8em;}
.ThumbPad {border:1px solid #000;}
.ThumbTd {padding-left:2px; padding-right:2px;}
div#leftslogan {font-size:0.8em; font-style:italic; font-weight:bold; color:#8e470e; margin:200px 15px 0 15px; float:left;}
div#leftslogan p {margin:0 0 10px 0;}
#left {float: left;width: 192px;}
#right {margin: 0;float: left;width: 688px;height: 1% /* Holly hack for Peekaboo Bug */}

div#wn	{position:relative; width:580px; height:80px; overflow:hidden;border:0px solid red; float:left;}
div#scrollLinks {padding-left:5px;border:0px solid blue; width:15px; float:right;}

div#thumbs{width:640px; padding:0; margin:0;}
div#thumbs ul {list-style:none; padding:0; margin:0; width:640px; position:relative;}
div#thumbs ul li {display: inline;}

.imgpad {padding:3px;}

h1 {margin:0 auto 3px auto; padding:10px 0; background:#5fade2; text-align:center; color:#fff;}
h2 {font-style:italic;font-weight:bold;font-size:1.8em; margin:10px 0;}

#menu {
	margin:0;
	padding:0;
	float:left;
	width:601px;
	height:57px;
}
#menu ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	background-image:url(images/nav-bg-up.gif);
	background-attachment:scroll;
	background-repeat:repeat-x;
	background-position:top;
	height:57px;
}
#menu ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	height:57px;
}
#menu ul li a.qmparent {
	background-image:url(images/nav-bg-up.gif);
	background-attachment:scroll;
	background-repeat:repeat-x;
	background-position:top;
	height:57px;
	padding:0px 15px 0px 15px;
	margin: 0 0 0 0;
	color: #fff;
	text-decoration: none;
	display: block;
	text-align: left;
	font-family:'Dutch 801 SWA', 'Times New Roman', Times, serif, Calibri, Candara, Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	font-weight:bold;
	line-height:57px;
	font-size:0.9em;
}
#menu ul li a.qmparent:hover {
	background:url(images/nav-bg-ov.gif) top repeat-x scroll;
	padding:0px 14px 0px 14px;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}
#menu a.qmparent:active {
	background: #c60;
	color: #fff;
}
#menu li#active a.qmparent {
	background-image:url(images/nav-bg-ov.gif);
	background-attachment:scroll;
	background-repeat:repeat-x;
	background-position:top;
}


/*   GALLERYBOX   */
/*
	GalleryView Stylesheet	
	Use the CSS rules below to modify the look of your gallery.	
	To create additional rules, use the markup below as a guide to GalleryView's architecture.	
	<div class="gallery">
		<div class="panel">
			<img src="path/to/image.jpg" />
			<div class="panel-overlay">
				...overlay content...
			</div>
			<div class="overlay-background"></div>
		</div>
		<ul class="filmstrip">
			<li class="frame current">
				<img src="path/to/thumbnail.jpg" />
				<div class="caption">caption text</div>
			</li>
			<li class="frame">
				<img src="path/to/thumbnail.jpg" />
				<div class="caption">caption text</div>
			</li>
		</ul>
	</div>
*/
/* GALLERY LIST */
/* IMPORTANT - Change '#photos' to the ID of your gallery list to prevent a flash of unstyled content */
#photos { visibility: hidden;}

/* GALLERY CONTAINER */
.gallery { background: #ddd; border: 1px solid #aaa; padding: 5px;}

/* LOADING BOX */
.loader { background: url(loader.gif) center center no-repeat #ddd; }

/* GALLERY PANELS */
.panel {}

/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
.panel .panel-overlay,
.panel .overlay-background { padding: 1.2em 1em 0.8em 1em; }

/* PANEL OVERLAY BACKGROUND */

.panel .overlay-background { background: none; }

/* PANEL OVERLAY CONTENT */
.panel .panel-overlay { color: white; font-size: 0.7em;}
.panel .panel-overlay a { color: white; text-decoration: underline; font-weight: bold; }

/* FILMSTRIP */
/* 'margin' will define top/bottom margin in completed gallery */
.filmstrip { margin:5px; border:0px solid red; }

/* FILMSTRIP FRAMES (contains both images and captions) */
.frame { border:0px solid blue;}

/* WRAPPER FOR FILMSTRIP IMAGES */
.frame .img_wrap { border: 0px solid #aaa;}

/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.frame.current .img_wrap { border-color: #000; }

/* FRAME IMAGES */
.frame img { border: none; }

/* FRAME CAPTION */
.frame .caption { font-size: 11px; text-align: center; color: #888; }

/* CURRENT FRAME CAPTION */
.frame.current .caption { color: #000; }

/* POINTER FOR CURRENT FRAME */
.pointer {
	border-color: #000;
}

/* TRANSPARENT BORDER FIX FOR IE6 */
/* NOTE - DO NOT CHANGE THIS RULE */
*html .pointer {
	filter: chroma(color=pink);
}

/* GALLERY CONTAINER */
.gallery { background: #fff;
           border: 0px solid #aaa; 
           padding: 2px;}

/* PANEL OVERLAY CONTENT */
.panel .panel-overlay { color: white;
                        font-family: Verdana, sans-serif;
                        font-size: 0.8em; }
.panel-overlay {display:none;}

img.nav-next, img.nav-prev/*, .img_wrap img*/ {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding:0; margin:0; border:none;}