/*
 Primary Color:
 E9F48D  B1B87D  94A02F  F1F9AB  F3F9C0 
*/

body
{
	background-color: #B1B87D;
	font-family: Verdana, Helvetica, serif;
	font-weight: normal; 
	font-style: normal;
	font-size: 10pt;
	text-decoration: none; 
	margin: 20px;
	padding: 0;
	color: black;
}

#pagewrapper
{
	background-color: #F3F9C0;
	border: 10px solid #F3F9C0;
	/*background-color: white;
	border: 10px solid white;*/
}

.pageheader
{
	height: 150px;
}

#pageintro
{
	margin: 0px;
	padding: 5px 10px 5px 10px;
	color: #94A02F;
	color: black;
	background-color: #F1F9AB;
	border: 1px solid #E9F48D;
	text-align: center;
}

#pageintro h1
{
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding: 5px;
}

#pageintro p
{
	font-size: 10px;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}

#pageintro a
{
	color: #94A02F;
}

#mainimage
{
	margin-bottom: 0px;
}

#copyright
{
	margin-top: 5px;
	text-align: right;
}

.topnav
{
	color: #94A02F;
	background-color: #E9F48D;
	text-align: center;
	position: absolute;
	bottom: 0px;
}

.topnavlink
{
	height: 30px;
	font-size: 16px;
	padding-top: 9px;
}

.topnavlink a
{
	color: #94A02F;
	text-decoration: none;
}

.topnavlink:hover
{
	background-color: #B1B87D;
	text-decoration: none;
	cursor: pointer;
}

.topnavlink:hover a
{
	color: #F1F9AB;
	background-color: #B1B87D;
	text-decoration: none;
}

#topnavactivelink
{
	color: #F1F9AB;
	background-color: #94A02F;
	text-align: center;
	text-decoration: none;
}

#topnavactivelink a, #topnavactivelink a:hover
{
	color: #F1F9AB;
	background-color: #94A02F;
	text-decoration: none;
}

#mainimageoverlay
{
	position: absolute;
	left: 78px;
	top: 265px;
	border: 1px solid #F3F9C0;
	width: 30px;
	height: 30px;
	z-index: 1;
	display: none;
}

#cottageimageoverlay
{
	position: absolute;
	left: 10px;
	bottom: 10px;
	border: 5px solid #F3F9C0;
	z-index: 1;
	display: none;
}

#showcottagelink
{
	position: absolute;
	left: 10px;
	bottom: 10px;
	color: white;
	font-style: italic;
	cursor: pointer;
}

#showcottagelink a
{
	color: white;
	text-decoration: underline;
}

.bottomnav
{
	color: #94A02F;
	background-color: #E9F48D;
	text-align: center;
}

.bottomnavlink
{
	height: 25px;
	padding-top: 5px;
	font-size: 14px;
}

#bottomnavactive
{
	color: #F1F9AB;
	background-color: #94A02F;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
}

.bottomnavlink a
{
	color: #94A02F;
	text-decoration: none;
}

.bottomnavbooklink
{
	background-color: maroon;
}

.bottomnavbooklink a
{
	color: white;
}

.bottomnavlink:hover
{
	background-color: #B1B87D;
	text-decoration: none;
	cursor: pointer;
}

.bottomnavlink:hover a
{
	color: #F1F9AB;
	background-color: #B1B87D;
	text-decoration: none;
}

#bottomnavactive a
{
	color: #F1F9AB;
	background-color: #94A02F;
	text-decoration: none;
}

#bottomnavactive:hover, #bottomnavactive a:hover, #bottomnavactive:hover a
{
	color: #F1F9AB;
	background-color: #B1B87D;
	text-decoration: none;
}

/* tariff.php */

#tariffpanelback
{
	position: absolute;
	bottom: 5px;
	left: 300px;
	background-color: #B1B87D;
	text-align: center;
	z-index: 1;
	width: 250px;

    -khtml-opacity: .80;
    -moz-opacity: .80;
    -ms-filter: "alpha(opacity=80)";
    filter: alpha(opacity=80);
    opacity: .80;
}

#tariffpanel, #conditionspanel
{
	color: black;
	background-color: transparent;
	font-weight: bold;
	z-index: 2;
}

#tariffpanel table
{
	width: 250px;
	padding: 0px 10px 0px 10px;
}

#tariffpanel table th
{
	border-bottom: 1px solid black;
}

#tariffpanel p
{
	font-size: 8px;
	padding: 0px 10px;
}

#tarifffooter p
{
	font-size: 10px;
	padding: 0px 10px 0px 10px;
}

#tariffpanelclose
{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 20px;
	border: 1px solid #555555;
	color: #555555;
	cursor: pointer;
}

#conditionspanelback
{
	position: absolute;
	top: 20px;
	left: 20px;
	background-color: #94A02F;
	text-align: left;
	z-index: 1;
	width: 250px;
	font-size: 10px;

    -khtml-opacity: .80;
    -moz-opacity: .80;
    -ms-filter: "alpha(opacity=80)";
    filter: alpha(opacity=80);
    opacity: .80;
}

#conditionspanel h2
{
	text-align: center;
}

#showgardenlink
{
	position: absolute;
	left: 10px;
	bottom: 10px;
	color: white;
	font-style: italic;
	cursor: pointer;
}

#showgardenlink a
{
	color: white;
	text-decoration: underline;
}

/* contact-us.htm */

#contactpanelback
{
	position: absolute;
	bottom: 50px;
	right: 50px;
	background-color: #B1B87D;
	text-align: left;
	z-index: 1;

    -khtml-opacity: .80;
    -moz-opacity: .80;
    -ms-filter: "alpha(opacity=80)";
    filter: alpha(opacity=80);
    opacity: .80;
}

#contactpanel
{
	color: black;
	background-color: transparent;
	font-weight: bold;
	padding: 10px;
}

#contactpanel a, #contactpanel #monthPicker a
{
	color: #F1F9AB;
	background-color: #94A02F;
	text-decoration: none;
}

#kitchenimage
{
	position: absolute;
	right: 5px;
	bottom: 5px;
	border: 5px solid #B1B87D;
	z-index: 1;
	width: 250px;
}

#locationwrapper
{
	height: 500px;
	background-color: #E9F48D;
	background-color: #94A02F;
}

.mapwrapper
{
	padding: 5px;
	font-size: 10px;
	text-align: center;
	color: #F1F9AB;
}

.mapwrapper a
{
	color: #F1F9AB;
	text-decoration: underline;
}

#locationmap1
{
	position: relative;
	left: 5px;
	top: 5px;
	width: 450px;
	z-index: 1;
}

#locationoverlay1
{
	position: absolute;
	left: 41px;
	top: 131px;
	width: 55px;
	height: 55px;
	border: 4px solid #94A02F;
	border: 4px solid red;
	z-index: 2;
}

#glendalemap
{
	position: absolute;
	left: 45px;
	top: 135px;
	width: 55px;
	height: 55px;
	z-index: 3;
}

#locationimage
{
	padding: 10px 10px 10px 0px;
}

#locationimagepanel
{
	position: absolute;
	right: 25px;
	bottom: 50px;
	width: 350px;
    color: black;
    font-size: 12px;
    font-weight: bold;
	background-color: #B1B87D;
	text-align: left;
	padding: 0px 10px 0px 10px;
	margin: 0px;
	z-index: 1;

    -khtml-opacity: .80;
    -moz-opacity: .80;
    -ms-filter: "alpha(opacity=80)";
    filter: alpha(opacity=80);
    opacity: .80;
}

#locationimagepanel a
{
	color: #f3f9c0;
}

#locationimagecaption
{
	position: absolute;
	bottom: 32px;
	left: 2px;
	color: white;
	font-style: italic;
}

#maincaption
{
	position: absolute;
	left: 10px;
	bottom : 10px;
	color: white;
	font-style: italic;
	z-index: 3;
}

#mainlinks
{
	position: absolute;
	left: 10px;
	bottom : 50px;
	color: black;
	background-color: #B1B87D;
	text-align: center;
	z-index: 1;
	width: 275px;
	padding: 10px;
	font-weight: bold;

    -khtml-opacity: .80;
    -moz-opacity: .80;
    -ms-filter: "alpha(opacity=80)";
    filter: alpha(opacity=80);
    opacity: .80;
}

#mainlinks a
{
	color: #F3F9C0;
}

#twinroomimage
{
	position: absolute;
	right: 5px;
	bottom: 5px;
	border: 5px solid #B1B87D;
	z-index: 1;
	width: 250px;
}

#monthPicker
{
	height: 25px;
	padding-top: 5px;
	font-size: 14px;
	color: #94A02F;
	cursor: pointer;
	/*background-color: #E9F48D;
	text-align: center;*/
	font-weight: bold;
}

#monthPicker a:hover
{
	color: black;
}

.monthPickerHover
{
	color: white;
}

#monthPickerList
{
	position: absolute;
	bottom: 10px;
	left: 400px;
	background-color: #B1B87D;
	cursor: pointer;
	z-index: 2;
	padding: 10px;
	width: 210px;
}

#monthPickerList h2
{
	font-size: 18px;
	color: #F3F9C0;
	margin: 0px;
}

#monthPickerList h3
{
	font-size: 12px;
}
#monthPickerList p
{
    padding: 0px 5px;
    font-size: 10px;
}

#monthPickerList ul
{
	list-style-type: none;
	margin: 0px auto;
	padding: 0px 10px 10px 5px;
	width: 70px;
}

#enterEmail
{
    border: 0px;
    background-color: #F3F9C0;
    color: #555555;
    font-style: italic;
    margin: 0px 5px;
    width: 180px;
}

#monthPickerConfirm
{
	position: absolute;
	right: 10px;
	top: 120px;
	color: black;
	background-color: #E9F48D;
	padding: 10px;
}

#bookingformwrapper
{
	position: absolute;
	bottom: 10px;
	right: 50px;
	background-color: #B1B87D;
	text-align: left;
	z-index: 1;
	width: 350px;

    -khtml-opacity: .90;
    -moz-opacity: .90;
    -ms-filter: "alpha(opacity=90)";
    filter: alpha(opacity=90);
    opacity: .90;
}

#bookingformpanel
{
	color: black;
	background-color: transparent;
	font-weight: bold;
	padding: 10px;
	text-align: center;
}

#bookingformpanel label
{
	float: left;
	width: 100px;
	margin: 0px 20px 0px 10px;
	display: block;
	text-align: right;
}

#bookingformpanel select
{
	text-align: left;
}

#bookingformpanel input, #bookingformpanel textarea
{
	width: 145px;
	margin-right: 10px;
	text-align: left;
}

#bookingformpanel input#booknowbutton
{
	margin: 5px;
	width: 120px;
	background-color: red;
	border: 1px solid black;
	color: white;
	font-weight: bold;
	padding: 5px;
	cursor: pointer;
}

#bookingformpanel input#availabilitybutton
{
	margin: 5px;
	width: 140px;
	background-color: red;
	border: 1px solid black;
	color: white;
	font-weight: bold;
	padding: 5px;
	cursor: pointer;
}

.bookinginputerror
{
	border: 1px solid red;
}

#bookingstatuspanel
{
	text-align: left;
	margin: 5px;
}

blockquote
{
	color: #E9F48D;
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 400px;
	height: 60px;
}

blockquote img
{
	position: relative;
	float: left;
}

.visitorcomments
{
	font-style: italic;
}

#seeimagewrapper
{
	position: relative;
	width: 940px;
	height: 500px;
}

#seeimage0
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

#seeimage1
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
}

#playbutton
{
	position: absolute;
	top: 220px;
	right: 10px;
	z-index: 2;
}

.statspanel
{
	font-size: 10px;
	font-weight: normal;
	color: #555555;
	text-align: center;
	margin: 0px;
}