@charset "utf-8";
/* CSS Document */

/* CSS Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table {	border-collapse:collapse; border-spacing:0; }
fieldset,img { 	border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;	font-weight:normal; }
ol,ul {	list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
/* base.css, part of YUI's CSS Foundation */
h1 { /*18px via YUI Fonts CSS foundation*/
	font-size:1.8em;   }
h2 { /*16px via YUI Fonts CSS foundation*/
	font-size:1.6em;  }
h3 { /*14px via YUI Fonts CSS foundation*/
	font-size:1.4em;  }
h1,h2 { /* top & bottom margin based on font size */
	margin:1em 0 0.5em 0; }
h4,h5,h6,strong { /*bringing boldness back to headers and the strong element*/
	font-weight:bold;  }
p { margin: 0 0 0.5em 0}

/* Tag Styles */

body { background: #fcf4dd url(../images/nav-shadow.gif) repeat-x; color: #006837; } 
body, th, td, textarea { font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 16px; line-height: 1.5em;}
a { color: #006837; text-decoration: none; } 

/* Layout */

.wrapper { width: 820px; margin: 0 auto; }

#nav { background: #006e2e; height: 38px;  }
#nav a {color: #fcf4dd; font-size: 15px; }
#nav ul { height: 38px; border-left: 1px solid #409363;  border-right: 1px solid #00612a ;}
#nav li { display: inline; line-height: 36px; float: left;}
#nav li a { padding: 7px 10px; border-left: 1px solid #00612a; border-right: 1px solid #409363;  }
#nav li a:hover { background: #00a746 url(../images/nav-hover-bkg.png) repeat-x; }

#outer { background: url(../images/ivy-bkg.png) center top no-repeat ; }

#bannertop { background: url(../images/banner-top-shadow.png) no-repeat; height: 12px; width: 830px; margin: 0 auto; }

#inner { background: url(../images/content-bkg.png) repeat-y; color: #fcf4dd; width: 830px; padding-bottom: 0.5em;}

#outerfoot { display: block; clear: both; background: url(../images/content-bkg-foot.png); width: 830px; height: 18px; padding: 0; margin: 0 auto; }

.container { position: relative; left: 5px; width: 820px; height:340px; overflow:hidden; }

#slideshow { z-index: 32;  position: relative; left: 0; overflow: hidden; }
#logo { z-index: 100; position: absolute; top: 10px; left: 470px; }

.content { color: #fcf4dd; padding: 0 20px;  min-height: 240px;}
.content h1 { margin-top: 0.5em; }
.content a {color: #fcf4dd; text-decoration: underline; }
.content li a { text-decoration: none; }
.content li a:hover { text-decoration: underline; }

.content ol { list-style: disc; text-indent: 1em; list-style-position:inside; }
.leftcol { width: 180px; float: left; }

#modright { width: 260px; float: right;}

.hotelpic { border: 10px solid #fcf4dd; margin: 0 0 24px 24px; }
.pic { border: 6px solid #fcf4dd; }

.callout { float: left; width: 241px; height: 222px; margin: 0; background:  url(../images/callout-bkg.png) no-repeat; color: #fcf4dd; padding: 10px 16px; }
.callout p { margin-top: 8px; }
#calloutlast { margin-right: 0px;} 

#footer { font-size: 12px; }
#footer .leftcol { float:left; width: 550px; }
#footer .rightcol { float:right; width: 240px; text-align: right; }

.clearboth { display: block; clear: both;  }

#booking { width: 225px; text-align: center; display: block; float: right; margin: 0 0 20px 20px; }
#booking p { margin-top: 10px; }

.rooms { width: 210px; float: left; margin: 10px 10px; border: 10px solid #fcf4dd; background: #fcf4dd; color: #000; font-size: 12px; line-height: 1.5em; }
.rooms p { margin-top: 0.5em; }

#mapsearch {  width : 790px; height: 480px; color: #000; font-size: 13px; }

#byline { clear: both; width: 400px; margin: 0 auto; text-align: center; font-size: 11px;  }

a#bookingbutton { display: block; width: 223px; height: 80px; background:url(../images/booking-button.png) no-repeat; color: #000; text-decoration: none; font-size: 23px; line-height: 23px; padding-top: 10px;}
a:hover#bookingbutton {  background:url(../images/booking-button.png) no-repeat 0 -90px; }

a#telephonebutton { display: block; width: 223px; height: 47px; background:url(../images/telephone-button.png) no-repeat; margin: 10px 0; color: #000; text-decoration: none; font-weight: bold; font-size: 14px; line-height: 20px; padding-top: 10px;}
a:hover#telephonebutton {  background:url(../images/telephone-button.png) no-repeat 0 -57px; }
a#telephonebutton span { font-size: 17px; padding-top: 5px; }

/* Contact Form */
form#contact fieldset p {
	margin-bottom: 0.5em;	
}
form#contact fieldset {
	width: 440px;
	border:none;
}
form#contact  textarea, input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
#errorsDiv, .error {
	color: yellow;
}
#contact fieldset .label {
	float: left;
	width: 120px;
	text-align:right;
	padding:0 20px 0 0;
	clear: left;
}
#contact .label{
	font-weight:normal;
}