

html
{
	padding: 0;
	margin: 0;
}

body
{
	font: normal 13px/normal verdana, helvetica, arial, sans-serif;
	color: #333;
	background: #fff url('../images/bg.gif') repeat-x 0 x;
	padding: 0;
	margin: 0;
}

*
{
	border: 0;
	padding: 0;
	margin: 0;
}

ul 			{ list-style-type: none; }

a 			{ text-decoration: underline; color: #c8953c; outline: 0; }
a:hover 	{ text-decoration: none; }
a img		{ border: none; }



/* internal classes */


br.cleaner { height: 0; line-height: 0; clear: both; }

p.align-left	{ text-align: left; }
p.align-center	{ text-align: center; }
p.align-right	{ text-align: right; }

p.grey		{ color: #666; }
p.black		{ color: #000; }

span.grey	{ color: #666; }
span.black	{ color: #000; }

p.view-all
{
	font: normal small-caps 11px/normal georgia, garamond, "times new roman", serif;
	text-transform: uppercase;
	text-align: right;
}
p.view-all a 		{ text-decoration: none; }
p.view-all a:hover	{ color: #000; }
p.align-right		{ text-align: right; }

.events-item
{
	width: 100%;
	overflow: hidden;
	margin: 0 0 10px;
}
.events-item * { margin: 0; }
.events-item p
{
	font-size: 11px;
	font-style: italic;
	line-height: 17px;
	color: #666;
}

.photo-item
{
	
	background: #c8953c;
	display: inline;
	float: left;
	padding: 3px;
}
.photo-item img
{
	width: 70px;
	height: 70px;
}


/* specific content */


.container
{
	width: 688px;
	overflow: hidden;
	margin: 40px auto;
}


/* logo */

.container .logo
{
	width: 220px;
	height: 84px;
	background: transparent url('../images/logo.gif') no-repeat 0 0;
	float: left;
}
.container .logo a
{
	width: 100%;
	height: 100%;
	display: block;
}


/* navigation */

.container ul.nav
{
	width: 450px;
	overflow: hidden;
	float: right;
	margin: 60px 0 0;
}

.container ul.nav li
{
	display: inline;
}

.container ul.nav li a
{
	height: 20px;
	font: normal small-caps 11px/20px georgia, garamond, "times new roman", serif;
	text-decoration: none;
	color: #777;
	overflow: hidden;
	display: block;
	float: left;
	padding-top: 0;
	padding-right: 6px;
	padding-bottom: 0;
	padding-left: 6px;
}

.container ul.nav li a:hover { color: #000; }

.container ul.nav li a.selected
{
	color: #fff;
	background: transparent url('../images/nav_bg.gif') no-repeat 0 0;
}
.container ul.nav li a.selected:hover { color: #ccc; }


/* poster */

.container .poster
{
	width: 688px;
	height: 272px;
	background: transparent no-repeat center center;
	clear: both;
	margin: 20px 0;
}
.container .poster .frame
{
	width: 100%;
	height: 100%;
	}


/* content */

.container #content
{
	width: 450px;
	overflow: hidden;
	float: left;
	
}

.container .content-full { width: auto; border: 1px solid #c00; }

#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6,
#gallery-extra h2
{
	font: normal small-caps 24px/30px georgia, garamond, "times new roman", serif;
	text-transform: uppercase;
	color: #c8953c;
	margin: 5px 0 15px;
}

#content h1.spec
{
	text-align: left;	padding: 0 0 23px;
}

#content h2,
#gallery-extra h2
{
	font-size: 20px;
	line-height: 27px;
	text-align: center;
	padding: 0 0 23px;
}

#content h3
{
	font-size: 16px;
	line-height: 25px;
	color: #2d6692;
}

#content h1 a,
#content h2 a,
#content h3 a,
#content h4 a,
#content h5 a,
#content h6 a
{
	text-decoration: none;
}
#content h1 a:hover,
#content h2 a:hover,
#content h3 a:hover,
#content h4 a:hover,
#content h5 a:hover,
#content h6 a:hover
{
	color: #000;
}

#content h1 em,
#content h2 em,
#content h3 em,
#content h4 em,
#content h5 em,
#content h6 em,
#content h7 em,
#gallery-extra h2 em
{
	font-variant: normal;
	text-transform: lowercase;
	color: #666;
}

#content p
{
	line-height: 20px;
	margin: 5px 0 10px;
}

#content ul
{
	margin: 5px 0 20px;
}
#content ul li
{
	background: transparent url('../images/list_item.gif') no-repeat 0 7px;
	padding: 0 0 0 40px;
	margin: 0 0 20px;
}
#content ul li *	{ margin: 0 0 5px; }

#content form
{
	margin: 30px 0;
}
#content form p.response
{
	color: #f08d00;
	display: none;
	padding-left: 115px;
}
#content form .item
{
	width: 100%;
	overflow: hidden;
	margin: 0 0 20px;
}
#content form .item label
{
	width: 105px;
	font-weight: bold;
	text-align: right;
	float: left;
	display: block;
	margin: 0 10px 0 0;
}
#content form .item label.no-text	{ text-align: left; text-indent: -9999px; }
#content form .item label * 		{ font-weight: normal; }
#content form .item label span
{
	font-size: 10px;
	font-style: italic;
	color: #666;
}
#content form .item label sup		{ display: none; }
#content form .warning label sup	{ color: #ea8c00; display: inline; }

#content form input.text,
#content form textarea
{
	width: 300px;
	font: normal 13px/normal tahoma, arial, sans-serif;
	color: #000;
	border: 1px solid #bbb;
	border-right-color: #e5e5e5;
	border-bottom-color: #e5e5e5;
	background-color: #f8f8f8;
	float: left;
	padding: 5px 10px;
}
#content form input.text:focus,
#content form textarea:focus	{ background-color: #fff; border-color: #ea8c00; }
#content form textarea
{
	height: 200px;
	line-height: 20px; 
	overflow: auto; 
	padding: 10px;
}
#content form input.submit
{
	width: 70px;
	height: 28px;
	background: transparent url('../images/button.gif') no-repeat 0 0;
	cursor: pointer;
	border: none;
}
#content form input.send			{ width: 54px; background-image: url('../images/button_send.html'); }
#content form input.submit:active	{ background-position: 1px 1px; }


#content .pagination
{
	width: 100%;
	overflow: hidden;
	padding: 10px 0 0;
}
#content .pagination p
{
	display: inline;
	margin: 0;
}
#content .pagination p.float-left	{ float: left; }
#content .pagination p.float-right	{ float: right; }

#content .events-item .info			{ width: 380px; }
#content .events-item .info	h3		{ margin: 0; }
#content .events-item .info	p		{ font-size: 13px; font-style: normal; }

#content .gallery
{
	width: 110%;
	overflow: hidden;
}
#content .gallery .photo-item
{
	margin: 5px 5px 0 0;
}
#content .gallery .photo-item p
{
	font-size: 11px;
	font-style: italic;
	text-align: center;
	color: #666;
	line-height: 15px;
	margin: 5px 0 0;
}


/* extra */

.container #extra
{
	width: 200px;
	overflow: hidden;
	float: right;
}

#extra h5,
#extra h6
{
	font: normal small-caps 18px/25px georgia, garamond, "times new roman", serif;
	text-transform: uppercase;
	color: #000;
}

#extra h5 a,
#extra h6 a			{ text-decoration: none; }

#extra h5 a:hover,
#extra h6 a:hover	{ color: #000; }

#extra h5 em,
#extra h6 em
{
	font-variant: normal;
	text-transform: lowercase;
	color: #666;
}

#extra h5
{
	text-align: right;
	padding: 0 0 23px;
	margin: 5px 0 15px;
}
#extra h5.spec		{ text-align: justify; }
#extra h5.spec em	{ font-size: 100%; letter-spacing: 10px; }

#extra h6
{
	font-size: 15px;
	line-height: 20px;
	color: #2d6692;
	background: none;
}

#extra p
{
	margin: 0 0 15px;
}

#extra .photo-item
{
	margin: 0 0 20px 20px;
}


/* gallery extra */

.container #gallery-extra
{
	width: 99%;
	overflow: hidden;
	clear: both;
	margin: 30px 0 0;
}
.container #gallery-extra .photo-item
{
	margin: 0 10px 20px;
}


/* footer */

#footer
{
	width: 100%;
	font-size: 11px;
	text-align: center;
	color: #666;
	background-color: #000;
	overflow: hidden;
}
#footer .inner
{
	width: 688px;
	background: #000 url('../images/footer_yacht.gif') no-repeat center        ;
	margin: 20px auto 10px;
}

#footer a
{
	text-decoration: none;
	color: #aaa;
}
#footer a:hover { color: #fff; }

#footer p
{
	margin: 0 0 15px;
}

#footer ul
{
	overflow: hidden;
	margin: 0 0 15px;
}
#footer ul li
{
	font-family: georgia, garamond, "times new roman", serif;
	border-right: 1px solid #333;
	display: inline;
	padding: 0 10px;
}
#footer ul li.no-border	{ border: none; }
