/* CSS Document */
/* Site-wide styles */

/* Basic layout */
body { margin: 0; background: #028eb7 url(/_images/bg-body.jpg) repeat-y top center;}
#header { width: 100%; height: 76px; margin: 20px auto 0; text-align: center; background: url(/_images/bg-header.jpg) no-repeat bottom center;}
#page { width: 970px; margin: 0 auto; background: url(/_images/bg-page.jpg) repeat-y top center;}
#menubar { height: 104px; background: #fff url(/_images/bg-menubar.jpg);}
#top { background: #fff url(/_images/bg-top.jpg) repeat-x bottom left; height: 229px;}
#headline { background: #0b708d url(/_images/bg-h1.jpg) repeat-x top left; min-height: 36px; margin: 0; padding: 15px 50px; color: #fff; }
#middle { background: #f1f0e7 url(/_images/bg-middle.jpg) repeat-x top left;}
#content { float: left; width: 495px; padding: 25px 50px 50px;}
.singlecolumn #content { width: 850px; }
#sidebar { width: 350px; margin-left: 600px; padding-bottom: 20px;}
*html #sidebar { margin-left: 595px; }
#bottom { clear: both; background: #fff url(/_images/bg-bottom.jpg) repeat-x top left; font-size: 11px; text-align: right; zoom: 1; padding: 35px 50px 20px;}
#footer { clear: both; height: 138px; padding: 40px 5px 5px 20px; border: 1px solid #4892a8; margin: 12px 5px 0px; padding: 10px; font-size: 11px; color: #fff;}
#subfooter { background: url(/_images/bg-subfooter.jpg) no-repeat top center; height: 50px; text-align: center; }
.container { width: 950px; margin: 0 auto; padding: 0;}
#page .container { background: url(/_images/bg-footer.jpg) repeat-x bottom right; padding-bottom: 5px;}


/* Header */
#printonlyheader { display: none;}
#header address { float: left; padding-top: 18px; margin: 0;}
#header .container { position: relative;}
#logo { position: absolute; width: 200px; height: 180px; top: 0; left: 375px;}
img#floatingImg { position: absolute; left: 850px; top:-10px;}

/* Section header */
#sectionheadline { width: 470px; height: 229px; float: left; background: url(/_images/bg-sectionboat.jpg) no-repeat bottom left;}
ul#nav2dandeana { margin-top: 20px; margin-right: 25px; width: 125px;}
ul#nav2regentsea { margin-top: 20px; margin-right: 25px; width: 125px;}
ul#nav2fantaseaone {margin-top: 20px; margin-right: 25px; width: 125px;}
.phonebox { float: right; width: 275px; padding: 0 25px 45px; margin: -10px -50px 25px 35px; background: url(/_images/bg-phonebox.jpg) no-repeat right bottom;}
.phonebox h3 { margin: 0;}
address { margin: 8px 20px 20px; color: #000; font-size: 18px; font-weight: normal; line-height: 1.4;}
address a { font-style: normal; font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding: 2px 0;}
.phonebox .small { font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-style: normal; margin-top: 5px; display: block;}

/* Navigation */
ul#nav1minorleft{ float:left; margin-left: 50px; }
ul#nav1minorright{ float:right; margin-right: 10px; }
ul.nav1minor { float: right; list-style: none; margin: 10px 0 0; padding: 0; font-size: 15px;}
ul.nav1minor li { list-style: none; margin: 0; padding: 0; float: left; text-align:center;}
ul.nav1minor li a { color: #fff; display: block; padding: 10px; font-weight: bold;}
ul#nav1left { float: left; padding-left: 13px; background: url(/_images/bg-nav1left.jpg) no-repeat top left;}
ul#nav1right { float: right; padding-right: 13px; background: url(/_images/bg-nav1right.jpg) no-repeat top right;}
ul.nav1 { list-style: none; margin: 0; padding: 6px 0;}
ul.nav1 li { list-style: none; margin: 0; padding: 0; float: left; display: inline;}
ul.nav1 li a { display: block; background-position: 0 0; background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; height: 38px;}
ul.nav1 li a:hover { background-position: 0 -38px;}
ul.nav1 li a#menuyachts { background-image: url(/_images/menu/yachts.jpg); width: 66px;}
ul.nav1 li a#menuyachtclub { background-image: url(/_images/menu/yachtclub.jpg); width: 88px;}
ul.nav1 li a#menuweddings { background-image: url(/_images/menu/weddings.jpg); width: 82px;}
ul.nav1 li a#menumitzvahs { background-image: url(/_images/menu/mitzvahs.jpg); width: 119px;}
ul.nav1 li a#menucorporateevents { background-image: url(/_images/menu/corporateevents.jpg); width: 127px;}
ul.nav1 li a#menuothercelebrations { background-image: url(/_images/menu/othercelebrations.jpg); width: 136px;}
ul.nav1 li a#menuquote { background-image: url(/_images/menu/quote.jpg); width: 98px;}
ul.nav2 { width: 195px; margin: 0 35px 30px 0; padding: 0; list-style: none; font-size: 12px; float: right;}
ul.shortnav2 { padding-top: 25px;}
*html ul.nav2 { margin-right: 20px;}
ul.nav2 li { list-style: none; border-bottom: 1px dotted #ccc; margin: 0; padding: 0;}
ul.nav2 li a { display: block; padding: 7px;}
ul.nav2 li a.currentpage, ul.nav2 li a:hover.currentpage { color: #666; background: #f1f0e7;}
.breadcrumbs { font-size: 10px; color: #999; margin: 0 -3px 50px; font-family: Arial, Helvetica, sans-serif;}
.breadcrumbs a { padding: 3px;}
.breadcrumbs a.youarehere, .breadcrumbs a.youarehere:hover { color: #999; background: none; font-weight: normal;}


/* Text, links, content */
body { font-family: Arial, Helvetica, sans-serif; color: #333;}
a {color: #42c1e4; font-weight: bold; text-decoration: none;}
a:hover { background-color: #42c1e4; color: #fff;}
a.button img{ background: #3e9bb4;}
a.button:hover img { background: #ff9900;}
h1 { font-size: 28px; letter-spacing: -1px; margin: 0; padding: 0;}
h1.bioname { font-family: Arial, Helvetica, sans-serif; font-size: 24px; letter-spacing: -1px; margin-bottom: -30px; color: #ff9900;}
h2 { font-size: 18px; letter-spacing: -1px; color: #666; font-family: Arial, Helvetica, sans-serif; margin-top: 40px; margin-bottom: 20px;}
h2.error { color: #cc0000;}
p.subhead { font-size: 16px; font-style: italic; margin: 0; padding: 0;}
#content { font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; }
#content p, #content li, #sidebar p {line-height: 1.5; margin: 0 0 30px;}
#content p.intro:first-letter { font-size: 40px; float: left; border: 1px solid #ff9900; padding: 4px 3px; margin: -5px 5px 1px 0; color: #ff9900; line-height: 1;}
#content li { margin-top: 0; margin-bottom: 15px;}
.center { text-align: center;}
p.important { font-size: 17px; font-weight: bold;}
p.action { font-size: 12px; border-top: 1px dashed #ccc; padding: 10px 0 0; margin-top: 10px;}
p.action strong { color: #ff9900; font-size: 15px; font-family: Arial, Helvetica, sans-serif; letter-spacing: -1px; margin-bottom: 10px;}
.shipcomparison { margin: -10px -20px 30px -10px; height: 220px;}
.clubcomparison { margin: -10px -20px 30px -10px; min-height: 120px;}
*html .shipcomparison, *html .clubcomparison { margin: 0 0 30px;}
.shipinfoblock { float: left; width: 145px; background: #fff; margin-right: 10px; padding: 9px; border: 1px solid #e1e0cc; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
.clubinfoblock { width: 495px; background: #fff; margin-right: 10px; padding: 9px; border: 1px solid #e1e0cc; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
*html .shipinfoblock { margin: 0;}
*html .clubinfoblock { margin: 0; width: 475px;}
#content .shipinfoblock p, #content .clubinfoblock p { line-height: 1.3; margin: 10px 0 0;}
#content .shipinfoblock p.shipname { line-height: 1.3; margin: 5px 0 0;}
#content .shipinfoblock p.specs { padding: 0 5px;}
#content .clubinfoblock p.specs  { padding: 6px 5px;}
#content .videoplayer { margin: -10px -25px 30px -5px; z-index: 1;}

/* FAQ */
#content .faq { margin: 40px 0 50px;}
#content .faq dt { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #42c1e4; font-size: 13px; margin: 5px 0 15px 0;}
#content .faq dt.faqselected { color: #000;}
#content .faq dd { margin: 0 0 10px 20px; background-color: #f1f0e7;}
#content .faq dt.pointer { cursor: pointer; color: #fff; background-color: #42c1e4;}


/* Pricing Tables */
table.pricing { margin-bottom: 30px; border: 1px solid #999;}
table.pricing th { text-align: left; font-size: 12px; color: #666; background-color: #fff; border-bottom: 1px dotted #ccc; font-family: Arial, Helvetica, sans-serif; padding: 12px 20px 12px 8px; vertical-align:top;}
table.pricing th.nocell { border: none;}
table.pricing td { background-color: #fff; border-bottom: 1px dotted #ccc; font-size: 11px; font-family: Arial, Helvetica, sans-serif; padding: 12px 22px;}
table.pricing td.price strong { font-size: 13px; padding: 5px 0;}
table.pricing td.special { color: #ff0000; font-weight: bold; text-align: center; font-size: 12px;}
#content table.pricing td p { margin: 4px 0;}


/* Sidebar */
.topmodule { background: #e1e0cc url(/_images/bg-topmodule.jpg) repeat-x top right; margin: 0 0 15px; padding: 10px 20px 20px; font-size: 11px;}
h4.modulehead { background: #fff url(/_images/bg-modulehead.jpg) repeat-x bottom left; border: 1px solid #e1e0cc; margin: 0 0 2px; padding: 13px 21px 7px;}
.module { background: #fff; border: 1px solid #e9e8da; margin-bottom: 15px; padding: 20px 20px 0; font-size: 11px; color: #666; line-height: 1.5;}


/* Photo gallery module */
#sidebar .topmodule p { margin-bottom: 0;}
#sidebar .topmodule p#gallerypreview { padding: 10px; background-color: #fff; margin-bottom: 15px;}
#gallerypreview a:hover { border: 0; background: none;}
#gallerypreview img { width: 290px; height: 200px; border: 0;}
#gallerypreview #viewgallery { display: block; text-align: right; width: 290px; height: 15px;}
#gallerypreview #viewgallery img { display: block; float: right; width: 149px; height: 15px;}
#gallerypreview .previewthumbs { margin-left: -10px; margin-top: 10px; height: 190px; display: block;}
#gallerypreview .previewthumbs img { float: left; width: 65px; height: 45px; margin-left: 10px;}
#sidebar .topmodule p#biopic { padding: 10px; background-color: #fff; margin: 15px 0;}
#biopic img { width: 290px;}

/* Footers and sitemap */
#bottom a { margin-left: 10px; padding-right: 2px;}
#bottom a.totop { background: #fff url(/_images/bg-totop.gif) no-repeat left center; padding: 10px 20px; margin: 2px 0; float: left;}
#bottom a.totop:hover { background: #42c1e4;}
p.copyright { float: left; width: 225px; margin: 0; padding: 15px 45px 0 20px; line-height: 1.3;}
p.copyright img { margin: 0 46px 30px 0;}
.footernarrow { float: left; width: 90px; margin-right: 20px; padding-top: 10px;}
.footerwide { float: left; width: 384px; padding-top: 10px;}
#footer h5 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; font-weight: normal; color: #fff; border-bottom: 1px solid #fff; padding: 4px 5px; margin: 0 0 5px;}
#footer ul { list-style: none; margin: 0; padding: 0; float: left; width: 90px;}
#footer .footerwide ul { margin-right: 8px; width: 120px;}
#footer li { list-style: none; margin: 0; padding: 0; display: inline;}
#footer li a { display: block; padding: 2px 4px; font-size: 10px;}
#printonlyfooter { display: none;}


/* Photo gallery */
#photogallery { width: 960px; height: 500px; margin: 0 auto; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
#slideshow { padding: 20px; margin-left: 5px; float: left; width: 740px;}
#slideshow img { background-color: #f1f0e7; border: 1px solid #e1e0cc; padding: 20px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
#thumbnails { clear: both; float: left; width: 170px; height: 500px; padding: 20px 0; margin: 0; list-style: none;}
.widethumbnails { overflow: scroll;}
#thumbnails li { width: 74px; height: 64px; float: left; margin: 0; list-style: none; padding: 0; display: block;}
#thumbnails a { display: block; padding: 5px; margin: 2px; opacity: 0.7; filter:alpha(opacity=70); }
#thumbnails a:hover { background: #42c1e4; opacity: 1; filter:alpha(opacity=100);}
#thumbnails li.currentslide a { background: #ff9900; opacity: 1; filter:alpha(opacity=100);}
#thumbnails li.currentslide a:hover {background: #ff9900; opacity: 1; filter:alpha(opacity=100);}
#thumbnails a:focus { outline: none; }
#thumbnails img { border: none; display: block; }
#showcontrols { text-align: center; }
#navcontrols { text-align: center; padding: 5px 200px; height: 40px;}
#prev { float: left; width: 150px; height: 30px; padding-top: 10px;}
#next { float: right; width: 150px; height: 30px; padding-top: 10px;}
#prevlink { text-indent: -9999px; outline: none; overflow: hidden; display: block; width: 120px; height: 22px; background: url(/_images/photo-prev.gif) no-repeat 0 0;}
#nextlink { text-indent: -9999px; outline: none; overflow: hidden; display: block; width: 120px; height: 22px; background: url(/_images/photo-next.gif) no-repeat 0 0;}
a:hover#prevlink, a:hover#nextlink { background-position: 0 -22px;}
#photocaption { text-align: center; width: 300px; padding-top: 5px;}


/* Overlays */
/* the overlayed element */ 
div.overlay { 
     
    /* growing background image */ 
    background-image:url(/_images/overlay/white.png); 
     
    /* dimensions after the growing animation finishes  */ 
    width:980px; 
	height: 50px;
     
    /* initially overlay is hidden */ 
    display:none; 
     
    /* some padding to layout nested elements nicely  */ 
    padding:50px 50px 0 50px; 
} 
 
/* default close button positioned on upper right corner */ 
div.overlay div.close { 
    background-image:url(/_images/overlay/close.png); 
    position:absolute; 
    right:5px; 
    top:5px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
} 
 
 
/* black */ 
div.overlay.black { 
    background:url(/_images/overlay/transparent.png) no-repeat !important; 
    color:#fff; 
} 
 
/* petrol */ 
div.overlay.petrol { 
    background:url(/_images/overlay/petrol.png) no-repeat !important; 
    color:#fff; 
} 
 
div.black h2, div.petrol h2 { 
    color:#ddd;         
}

/* Video gallery */

img {border: none;}
ul.gallery {
	width: 800px;
	list-style: none;
	margin: 0 auto; padding: 0;
}
ul.gallery li {
	float: left;
	margin: 10px; padding: 0;
	text-align: center;
	border: 1px solid #ccc;
	display: inline; /*--Gimp Fix aka IE6 Fix--*/
}
ul.gallery li a.thumb {
	width: 250px;
	height: 200px;
	padding: 5px;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}
ul.gallery li span { /*--Used to crop image--*/
	width: 120px;
	height: 90px;
	overflow: hidden;
	display: block;
}
ul.gallery li a.thumb:hover {
	background: #028eb7;
}
ul.gallery li h2 {
	font-size: 1em;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0; padding: 10px;
	background: #f0f0f0;
	border-top: 1px solid #fff; /*--Subtle bevel effect--*/
}
ul.gallery li a {text-decoration: none; color: #777; display: block;}

/* Film Shoot gallery */

ul._fgallery {
	width: 800px;
	list-style: none;
	margin: 0 auto; padding: 0;
	text-align: center;
	
}
ul._fgallery li {
	float:left;
	margin: 10px; padding: 0;	
	border: 1px solid #ccc;
	display: inline; /*--Gimp Fix aka IE6 Fix--*/
}
ul._fgallery li a.thumb {
	width: 250px;
	height: 200px;
	padding: 5px;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}
ul._fgallery li span { /*--Used to crop image--*/
	width: 120px;
	height: 90px;
	overflow: hidden;
	display: block;
}
ul._fgallery li a.thumb:hover {
	background: #028eb7;
}
ul._fgallery li h2 {
	font-size: 1em;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0; padding: 10px;
	background: #f0f0f0;
	border-top: 1px solid #fff; /*--Subtle bevel effect--*/
}
ul._fgallery li a {text-decoration: none; color: #777; display: block;}

/* Virtual tours */


#container {
	background-image: url(http://www.fantaseayachts.com/_images/bkg_1.gif);
	text-align: center;
	height: 250px;
	width: 324px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: auto;
	background-repeat: no-repeat;
}
#monitor {
	float: right;
	height: 163px;
	width: 258px;
	margin-top: 17px;
	margin-right: 40px;
}