/*-----------------------------------------------------------------------------
Prototype Style Sheet (empty commented stylesheet)

version:   1.0
author:    paul howie
email:     phowie@bluegreendesign.com
website:   http://www.bluegreendesign.com/
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/

body {
	background: #E6EBCB url(/images/template/bgrnd.gif) repeat;
}
#wrapper {
	margin-top: 10%;
	background: url(/v2/images/template/bgrnd.gif) no-repeat;
	position: relative;
}
.450 {
	height: 450px;
}
.imgRight {
	float: right;
}
.imgLeft {
	float: left;
}

/* =Typography
-----------------------------------------------------------------------------*/




/* =Headings
-----------------------------------------------------------------------------*/



/* =Links
-----------------------------------------------------------------------------*/




/* =Branding
-----------------------------------------------------------------------------*/
#mastHead, #mastHeadFR {
	height: 27px;
	padding-left: 20px;
}
.container #mastHead a, .container #mastHead a:link, .container #mastHeadFR a, .container #mastHeadFR a:link {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	padding-left: 30px;
	display: inline-block;
}
.container #mastHead a, .container #mastHead a:link {
	background: url(/images/template/francais.gif) no-repeat 0px 5px;
}
.container #mastHeadFR a, .container #mastHeadFR a:link {
	background: url(/images/template/english.gif) no-repeat 0px 5px;
}
.container #mastHead a:hover, .container #mastHeadFR a:hover {
	color: #E3E611;
}



/* =Main Nav
-----------------------------------------------------------------------------*/
#navBar {
	height: 72px;
/*	overflow: hidden;*/
}



/* =Sub Nav
-----------------------------------------------------------------------------*/

#subNavBar {
	background: #E6EBCB;
	color: #CBCFB3;
	font-weight: bold;
}
#subNavBar a, #subNavBar a:link {
	font-weight: bold;
	color: #706B29;
	text-decoration: none;
}
#subNavBar a:hover {
	color: #333333;
}
#subNavBar #previous {
}
#subNavBar #page {
	text-align: center;
	font-weight: bold;
	color: #706B29;
}
#subNavBar #next {
	text-align: right;
}


/* =Main Content
-----------------------------------------------------------------------------*/
.container #content {
	height: 351px;
	overflow: hidden;
}
.container #content h3 {
	background: #e6ebcb url(/v2/images/template/sectionHead.gif) no-repeat;
	margin: 18px 0px 0px 10px;
	padding: 0px;
	height: 54px;
	width: 174px;
	overflow: hidden;
	text-align: center;
	line-height: 54px;
}
.container #content img.mainPic {
	margin: 0px 0px 0px 10px;
	padding: 0px;
}
#bannerBlock {
	position: absolute;
	top: 31px;
	right: 170px;
	width: 500px;
	height: 36px;
	text-align: right;
}
#bannerBlock a {
	margin-left: 5px;
	display: inline;
}

.floatHolder{
}
.middleMiddle{
	text-align:center;
}
.leftMiddle, .rightMiddle {
	margin-top: 0px;
}
.leftMiddle{
	float:left;
	margin-right:22px;
}
.rightMiddle{
	float:left;
	margin-left:0px;
}
.separator{
	clear:both;
	height: 0;
}


/* =Secondary Content
-----------------------------------------------------------------------------*/



/* =Footer
-----------------------------------------------------------------------------*/

#footerBar {
}
#footerBar a, #footerBar a:link {
	margin-right: 10px;
}
#footerBar a:hover {
	color: #706B29;
}
#footerBar a img {
}

/* =Forms
-----------------------------------------------------------------------------*/



/* =Popup
-----------------------------------------------------------------------------*/

#popup .container #wrapper {
	background: #FFF7E5 url(/v2/images/template/popupBgrnd.gif) repeat-y;
}

#popup .container #wrapper #closeWindow {
	background: #706B29 url(/v2/images/template/popupTop.gif) no-repeat;
	height: 36px;
	text-align: right;
	padding-right: 40px;
}
#popup .container #wrapper #closeWindow a, #popup .container #wrapper #closeWindow a:link {
	font-weight: bold;
	color: #E3E611;
}
#popup .container #wrapper #closeWindow a:hover {
	color: #FFF7E5;
}
#popup .container #wrapper #popupContent {
	background: url(/v2/images/template/popupContent.gif) no-repeat;
	padding-right: 40px;
	padding-left: 40px;
}
#popup .container #wrapper #popupContent p .date {
	margin: 0;
	padding: 0;
}

#popup .container #wrapper #popupFooter {
	background: #706B29 url(/v2/images/template/popupFooter.gif) no-repeat;
	height: 76px;
}



/* =Home
-----------------------------------------------------------------------------*/
.container #wrapper img.homePic {
	position: absolute;
	left: 2px;
	top: 27px;
}
.container p.sawdays {
}
.container p.sawdays a, .container p.sawdays a:link {
	font-weight: bold;
	color: #706B29;
	text-decoration: none;
}
.container p.sawdays a:hover {
	color: #666666;
}
.container p.sawdays a img {
	vertical-align: middle;
}


/* =SPRY Menu
-----------------------------------------------------------------------------*/
/* Main Nav Bar */
.container ul.MenuBarHorizontal {
	padding: 18px 0 0 0;
	margin: 0;
	list-style-type: none;
	width: auto;
	font-weight: bold;
	float: right;
}
.container ul.MenuBarActive {z-index: 1000;}
.container ul.MenuBarHorizontal li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: relative;
	width: auto;
	white-space: nowrap;
	float: left;
	text-align: left;
}
.container ul.MenuBarHorizontal a, .container ul.MenuBarHorizontal a:visited {
	display: block;
	padding: 0px 5px;
	color: #FFF7E5;
	text-decoration: none;
	border-bottom: 3px solid #706B29;
	margin: 0px;
}
/*#villa ul.MenuBarHorizontal a.villa, #villa ul.MenuBarHorizontal a:visited.villa,
#offers ul.MenuBarHorizontal a.offers, #offers ul.MenuBarHorizontal a:visited.offers,
#gallery ul.MenuBarHorizontal a.gallery, #gallery ul.MenuBarHorizontal a:visited.gallery,
#location ul.MenuBarHorizontal a.location, #location ul.MenuBarHorizontal a:visited.location,
#news ul.MenuBarHorizontal a.news, #news ul.MenuBarHorizontal avisited.news,
#reservations ul.MenuBarHorizontal a.reservations, #reservations ul.MenuBarHorizontal avisited.reservations,
#contact ul.MenuBarHorizontal a.contact, #contact ul.MenuBarHorizontal a:visited.contact {
	color: #E3E611;
	border-bottom: 3px solid #E3E611;
}*/
.container ul.MenuBarHorizontal a.MenuBarItemHover,
.container ul.MenuBarHorizontal a.MenuBarItemSubmenuHover,
.container ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	/*background-color: #33C;*/
	color: #E3E611;
	border-bottom: 3px solid #E3E611;
}
.container ul.MenuBarHorizontal a:hover,
.container ul.MenuBarHorizontal a:focus {
	color: #E3E611;
	border-bottom: 3px solid #E3E611;
	text-decoration: none;
}
/* SubNav Bar */
.container ul.MenuBarHorizontal ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	z-index: 1020;
	width: 400px;
	position: absolute;
	left: -1000em;
/*	border: 1px solid #3D2216;*/
}
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible {left: auto;}
.container #navBar ul.MenuBarHorizontal ul li {
	width: auto;
	white-space: nowrap;
	float: left;
	text-align: left;

}
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible {
	left: auto;
	top: 0;
}
.container #navBar ul.MenuBarHorizontal ul a {
	color: #E3E611;
/*	border-bottom: 1px solid #A68C5D;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #A68C5D;
	border-left: 1px solid #FFFFFF;*/
}
.container #navBar ul.MenuBarHorizontal ul a:hover,
.container #navBar ul.MenuBarHorizontal ul a:focus
{
	color: #FFF7E5;
	border-bottom: none;
/*	background-color: #E3E611;
	border-bottom: 1px solid #A68C5D;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #A68C5D;
	border-left: 1px solid #FFFFFF;*/
}
.container ul.MenuBarHorizontal ul a.MenuBarItemHover,
.container ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover,
.container ul.MenuBarHorizontal ul a.MenuBarSubmenuVisible
{
	color: #FFF7E5;
	border-bottom: none;
/*	background-color: #E3E611;
	border-bottom: 1px solid #A68C5D;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #A68C5D;
	border-left: 1px solid #FFFFFF;*/
}
.container ul.MenuBarHorizontal ul a.MenuBarItemSubmenu {
	background-image: url(/_scripts/SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
.container ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover {
	background-image: url(/_scripts/SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Sub SubMenus */
.container ul.MenuBarHorizontal ul ul {
	position: absolute;
	margin: 0 0 0 95%;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/


.container ul.MenuBarHorizontal iframe {
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	.container ul.MenuBarHorizontal li.MenuBarItemIE
	{
	display: inline;
	f\loat: left;
	background: #706B29;
	}
}

/*******************************************************************************

NEWSTICKER STUFF

 *******************************************************************************/

.newsticker, #news {
	list-style-type: none;
	list-style-image: none;
	background: #fff7e5;
	padding-left: 3px;
	margin: 0;
}
#news blockquote {
	font-size:14px;
	border:0;
	margin: 0;
	quotes: "\201C" "\201D";
}
blockquote:before { content: open-quote; font-weight: bold; }
blockquote:after { content: close-quote; font-weight: bold; }