/*------------------------------*/
/*------| General styles |------*/
/*------------------------------*/
* {
	margin: 0;
}

html, body {
	height: 100%;
}

img{
	border:none;
	padding:0px;
	margin:0px;
}

div.bad{
	background:#333 url(img/site_icons/warning.png) left no-repeat;
	padding:30px 0px 30px 60px;
	margin-top:10px;
	color:#fff;
}

div.warning{
	padding:.5em .5em 1em 35px;
	line-height:40px;
	font-weight:bold;
	background:url(img/site_icons/warning.png) 0 15px no-repeat;
}

div.email-sent{
	padding:.5em .5em 1em 35px;
	font-weight:bold;
	background:url(img/site_icons/email.png) no-repeat ;
}

div.review-sent{
	padding:.5em .5em 1em 35px;
	font-weight:bold;
	background:url(img/site_icons/review.png) no-repeat ;
}

a{
	color:#8e9242;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

.clear-both {
	clear:both;
}

.bold{
	font-weight:bold;
}

.black{
	color:#000;
}

.white{
	color:#fff;
}

.dark-grey{
	color:#777;
}

.light-grey{
	color:#999;
}

.italic{
	font-style:italic;	
}

.spacer-10{
	height:10px;
}

.spacer-15{
	height:15px;
}

.spacer-20{
	height:20px;
}

.spacer-30{
	height:30px;
}

.padding-5{
	padding:5px;
}

.padding-10{
	padding:10px;
}

.padding-15{
	padding:15px;
}

.padding-20{
	padding:20px;
}

.padding-30{
	padding:30px;
}

.form-field{
	/*border:1px solid #999;*//*#575656*/
	/*padding:3px;
	font-size:12px;*/
}

.row-0{
	background:none;
}

.row-1{
	background-color:#fafafa;
}

.form-field:hover,
.form-field:focus{
	border:1px solid #999;
}

.inline{
	display:inline;
}

.orange{
	color:#e98e08;
}

.red{
	color:#ba0303;
}

.under-line{
	border-bottom:1px solid #999;
}

/* Fix the scroll bar for IE, ugh die IE die! */
TEXTAREA{
	overflow:auto;
}

body{
	background-color:#e7ead4;
	padding:0px;
	margin:0px;
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#363636;	
}

input.form-field, textarea.form-field, select.form-field{
	border-top:1px solid #7c7c7c;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-bottom:1px solid #ddd;
	background:#fff url(img/fieldbg.gif) repeat-x top;
	font-size:100%;
	color:#333;
	padding:2px 0 2px 0;
	display:inline;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

label.desc{
	line-height:150%;
	padding:0 0 1px 0;
	border:none;
	color:#222;
	display:block;
	font-size:95%;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
}

label.mini-label{
	margin:0;
	padding-top:3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size:9px;
	line-height:9px;
	color:#444;
	display:block;
}

span.left{
	float:left;
	margin:0 4px 0 0;
	padding:0 0 8px 0;
	color:#444;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

span.right{
	float:right;
	margin:0 4px 0 0;
	padding:0 0 8px 0;
	color:#444;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


/*------------------------------*/
/*------|   Hx Headers   |------*/
/*------------------------------*/
h1{
	border-bottom:1px dashed #8e9242;
	font-weight:normal;
	color:#8e9242;
	font-family:Garamond;
	font-size:35px;
	padding:20px 0px 0px 0px;
	margin:0px 10px 20px 0px;
}

/* page headers*/
h2 {
	color:#000;
	font-size:16px;
	font-family:"Copperplate Gothic Light";
	font-variant:small-caps;
	font-weight:bold;
	padding:30px 0px 20px 0px;
}

/* swirly-scripty text that is swapped out*/
.h3{}

/* mid page headers*/
h4{
	color:#000;
	font-size:12px;
	font-family:"Copperplate Gothic Light";
	font-variant:small-caps;
	font-weight:bold;
	border-bottom:1px dotted #8e9242;
	margin:20px 0px 10px 0px;
	padding-bottom:2px;
}

h5{
	color:#000;
	font-size:12px;
	font-family:"Copperplate Gothic Light";
	font-weight:bold;
	border-bottom:1px dotted #8e9242;
	border-top:1px dotted #8e9242;
	margin:20px 0px 10px 0px;
	padding:4px 0px 4px 4px;
	background-color:#e7ead4;	
}


/*------------------------------*/
/*------| Site structure |------*/
/*------------------------------*/
#siteWrapper{
	width:880px;
	margin:30px auto 0px auto;
	background:#fff url(img/sideshadow.png) top right repeat-y;
	text-align:left;
	padding:30px 48px 30px 30px;
	min-height:700px;
	text-align:justify;
	position:relative;
}

#headerWrapper{
	height:146px;
	width:880px;
	background:url(img/header.png) top left no-repeat;	
}

#pageWrapper{
	height:auto;
	width:auto;	 
    overflow:hidden;
	margin-top:20px;
}

/* Wraps the entire content pane */
#contentWrapper{
	float:right;		
	height:auto;
	width:659px;;
	padding:0px;
	margin:0px;
	/*min-height:100%; /*For IE7 */ 		
}



/*------------------------------*/
/*------|   Main menu    |------*/
/*------------------------------*/
#leftMenuWrapper{
	width:181px;
	margin:0px 40px 0px 0px;
	padding:0px;
	background:url(img/menu.png) top left no-repeat;
	float:left;
	height:auto;
	position:relative;		 
}

.left-menu-ul{
	margin:0px;
	padding:0px 0px 0px 30px;
	list-style-type: none;
}

.left-menu-ul li{
	float: left;
	clear:both;
	padding:15px 0px 0px 0px;
	width:100%;
}

.green-links,
.left-menu-ul li a:link,
.left-menu-ul li a:visited{
	color:#91932c;
	font-size:15px;
	font-family:"Copperplate Gothic Light";
	font-variant:small-caps;
}

.left-menu-ul li a:hover{
	color:#91932c;
	font-size:15px;
	font-family:"Copperplate Gothic Light";
	font-variant:small-caps;
}



/*------------------------------*/
/*------|    Top menu    |------*/
/*------------------------------*/
#topMenuWrapper{
	height:20px;
	background-color:#91932c;
}

.top-menu-ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

.top-menu-ul li{
	height:20px;
	width:126px;
	position:relative;
	display:inline;
	float:left;
	background-color:#91932c;
}

.top-menu-ul li a:link,
.top-menu-ul li a:visited{
	display:block;
	padding-top:3px;
	text-decoration:none;
	color:#fff;
	font-size:11px;
	font-family:"Copperplate Gothic Light";
	font-variant:small-caps;
	text-align:center;
}

.top-menu-ul li a:hover{
	text-decoration:underline;
}

.top-menu-ul li.not-last{
	border-right:5px solid #fff;
}

.top-menu-ul li.last{
	border:none;
}



/*------------------------------*/
/*------|   Index page   |------*/
/*------------------------------*/
#contentIndex{
	width:420px;
	margin:15px 0px 0px 0px;
	float:left;
}

.content-right-index{
	width:219px;
	height:438px;
	margin:20px -4px 0px 0px;
	float:right;
}



/*------------------------------*/
/*------| Locations page |------*/
/*------------------------------*/
#contentLocation{
	width:317px;
	margin:15px 0px 0px 0px;
	padding:0px;
	float:left;
}

/* Locations page */
.content-right-location {
	width:328px;
	height:421px;
	margin:20px 0px 0px 0px;
	padding:0px;
	float:right;
}



/*------------------------------*/
/*------| About us page  |------*/
/*------------------------------*/
#contentAbout{
	width:655px;
	margin:15px 0px 0px 0px;
	float:left;
}



/*----------------------------------*/
/*------|     Menus page     |------*/
/*----------------------------------*/
.content-right-menu{
	width:200px;
	height:auto;
	margin:20px 0px 0px 0px;
	float:right;
	border:1px dotted #d4d4a5; 
	padding:5px;
}

.content-right-menu img.menu-img{
	width:200px;
	height:auto;
	margin-bottom:3px;
}
	


/*----------------------------------*/
/*------| Accommodation page |------*/
/*----------------------------------*/
#contentAccommodation{
	width:660px;
	margin:15px 0px 0px 0px;
	float:left;
}

#contentAccommodation h5 span.click-msg{
	font-size:10px;
	font-weight:normal;
	font-variant:normal;
}

#contentAccommodation .accommodation-room{
	padding:0px;
	margin:0px;
}

#contentAccommodation .accommodation-room img#admin{
	margin:0px;
	padding:0px;
}

#contentAccommodation .accommodation-room img{
	float:left;
	padding:0px 20px 0px 0px;
}

#contentAccommodation .accommodation-room .room-info{
	position:relative;
	margin-left:150px;
	min-height:123px;
}

#contentAccommodation .accommodation-room .room-info .room-price{
	position:absolute;
	bottom:0px;
	left:10px;
	font-weight:bold;
}

#contentAccommodation .accommodation-room .room-info a.availability-btn{
	background:transparent url(img/site_icons/GreenButton.gif) no-repeat top left;
	width:126px;
	height:29px;
	padding:10px 0px 0px 8px;
	position:absolute;
	bottom:-15px;
	right:10px;
	color:#fff;
}

#contentAccommodation .accommodation-room .room-info ul#infoBullets{
	float:left;
	width:465px;
	margin:20px 0px 0px 20px;
	padding:0px;
}

#contentAccommodation .accommodation-room .room-info ul#infoBullets li{
	float:left;
	width:155px;;
	margin:0px;
	padding:0px;
	line-height:20px;
	color:#c0c0c0;
} 

#contentAccommodation .accommodation-room .room-info ul#infoBullets li span{
	color:#000;
}

div.availability-left{
	display:inline;
	float:left;
	width:47%;
}

div.availability-right{
	display:inline;
	float:right;
	width:47%;
}

.accommodation-submit{
	background:transparent url(img/site_icons/GreenButton.gif) no-repeat top;
	border:none;
	width:126px;
	height:39px;
	cursor:pointer;
	vertical-align:top;
	color:#fff;
	font-size:11px;
	font-family:"Copperplate Gothic Light";
	font-variant:small-caps;
	text-align:center;
	padding-bottom:8px;
	float:right;
}

.accommodation-submit:hover{
	text-decoration:underline;
}



/*----------------------------------*/
/*------| Weddings/functions |------*/
/*----------------------------------*/
#contentFunctions,
#contentWeddings{
	width:350px;
	margin:15px 10px 0px 0px;
	float:left;
}

.content-right-weddings,
.content-right-accommodation,
.content-right-functions,
.content-right-facilities{
	width:285px;
	height:368px;
	margin:20px 0px 0px 0px;
	float:right;
}



/*------------------------------*/
/*------| Contact page   |------*/
/*------------------------------*/
.contact-submit{
	background:transparent url(img/site_icons/GreenButton.gif) no-repeat top;
	border:none;
	width:126px;
	height:39px;
	cursor:pointer;
	vertical-align:top;
	color:#fff;
	font-size:11px;
	font-family:"Copperplate Gothic Light";
	font-variant:small-caps;
	text-align:center;
	padding-bottom:8px;
	float:right;
	margin-top:10px;
}

.contact-submit:hover{
	text-decoration:underline;
}

.contact-form{
	margin:0px;
	padding:0px;
	float:left;
	width:310px;
}

.contact-details{
	padding:0px;
	margin:0px 0px 0px 360px;
	width:299px;
}

div.contact-details #contact-ul{
	list-style:none; 
	margin-left:0px; 
	padding:0px; 
	text-indent:0em;
}

div.contact-details .contact-li{
	padding-bottom:10px;
}

TEXTAREA#c{
	width:300px;
}



/*------------------------------*/
/*------|  Login page    |------*/
/*------------------------------*/
#contentLogin{
	margin:0px 0px 20px 0px;
}

.login-submit{
	background:transparent url(img/site_icons/login-btn.gif) no-repeat scroll center top;
	border:none;
	width:43px;
	height:20px;
	cursor:pointer;
	vertical-align:top;
	margin-top:2px;
}



/*------------------------------*/
/*------|    Footer      |------*/
/*------------------------------*/
#footer-spacer{
	height:30px;
	clear:both;
	width:958px;
	padding:0px;
	margin:0px auto 0px auto;
	background:#e7ead4 url(img/bottomshadow.png) no-repeat;
}

#bottomBanner{
	clear:both;
	background-color:#e7ead4;
	height:auto;
	width:665px;
	margin:20px 0px 0px 215px;
	padding:10px 0px 10px 0px;
	position:relative;
}

.bottom-element-container{	
	text-align:left;
	vertical-align:text-top;
	margin-top:0px;
	padding:0px 10px 0px 10px;
}

.bottom-element{
	padding:4px 7px 4px 7px;
}

.bottom-element p{
	margin-top:5px;
	font-size:11px;	
}

.bottom-element-border{
	border-right:dotted 2px #8f9237;
}

.bottom-header{
	font-size:12px;
	font-weight:bold;
	color:#91932c;
}



/*------------------------------*/
/*------|   Droppable    |------*/
/*------------------------------*/
.droppable-menu{
	background-color:#a2dfba!important;
	border:1px #333 dashed!important;
	min-height:40px;
	min-width:100px;
}

.droppable-acom{
	background-color:#a2dfba!important;
	border:1px #333 dashed!important;
	min-height:240px;
}

.droppable-event{
	background-color:#a2dfba!important;
	border:1px #333 dashed!important;
	min-height:180px;
}

.droppable-link{
	background-color:#a2dfba!important;
	border:1px #333 dashed!important;
	min-height:50px;
}

.droppable-link-cat{
	background-color:#a2dfba!important;
	border:1px #333 dashed!important;
	min-height:250px;
}

.droppable-bio{
	background-color:#a2dfba!important;
	border:1px #333 dashed!important;
	min-height:200px;
}

.droppable-contact{
	background-color:#a2dfba!important;
	border:1px #333 dashed!important;
	min-height:80px;
}

.droppable-sub-menu{
	background-color:#a2dfba!important;
	border:1px #333 dashed!important;
	min-height:28px;
	min-width:660px;
}