/* CSS Document */

html, body { margin:0; padding:0; text-align:center; color:#005673; background: #fff url(imgs/mainbg.gif); font-size:95%; }

* { margin:0; padding:0; }

html, body, p.sans, input, form { font-family: Georgia, "Times New Roman", Times, serif; }

#content ul.details li em { display:none; }

table { border-collapse:collapse; }

span.highlight { font-size:110%; font-weight:bold; }

p.intro { font-size:110%; font-style:italic; display:block; margin:0 50px 20px 50px; padding:10px 0; border:5px solid #399FC2; border-left:0px; border-right:0px; }

#content ul#thumbs { margin:0; padding:0; list-style-type:none; }

#content ul#thumbs li img { display:none; visibility:hidden; }

#content ul#thumbs li { list-style-type:none; float:left; width:120px; height:120px; padding:5px 5px 12px 5px; border:1px solid #D7D5B1; background:#fff; margin:0 15px 15px 0; display:inline-block; }

#content ul#thumbs li a { width:120px; height:120px; display:block; background-repeat:no-repeat; background-position:center center; }

#content p.sans { font-size:11px; }

#cottage #thumbwrapper { clear:both; width:650px; display:block; }

#apartments #thumbwrapper { clear:both; width:550px; display:block; }

ul.array { display:none; }

#contactdirections { width:325px; float:left; }

div#contactbox { width:270px; float:right; margin:0; padding-left:20px; border-left:5px solid #399FC2; }

/*************** image classes *******************/

img.imglTop1 { padding:5px; border:1px solid #D7D5B1; background:#fff; }

img.imgrMid1 { padding:5px; border:1px solid #D7D5B1; background:#fff; }

img.imgrTop1 { padding:5px; border:1px solid #D7D5B1; background:#fff; }

img.r { float:right; }

/*************** links *******************/
	a { outline: none; }

a, a:visited { color:#4489AD; }

a:hover { color:#399FC2; }

a img { border-width:0; }

/*************** heaaders and text *******************/
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content ul, #content ol, #content dl, #content p { margin-bottom:20px; }

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { color:#4489AD; }

/************ headings ************/

#content h2 { font-size: 1.3em; }

#content h3 { font-size: 1.2em; }

#content h4 { font-size: 1.1em; }

#content h5 { font-size: 1.0em; }

#content h6 { font-size: 0.95em; }

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { line-height:140%; }

#content h1 { font-size: 1.8em; font-weight:normal;line-height:160%; }


/************ text ************/

#content p { line-height: 1.5em; }

pre { font-family: monospace; font-size: 1.0em; }

#content blockquote { border-left: 10px solid #D7D5B1; margin-left: 10px; }

strong, b, h1, h2, h3, h4, h5, h6 { /* explicit setting for these */
   font-weight: bold; }

em, i { /* explicit setting for these */
   font-style:italic; }

/* Wrapping text in <code> tags. */
#content code, #content pre { white-space: pre-wrap;       /* css-3 */ font-family: "Courier New", Courier, monospace; font-size: 1.0em; }

#content pre { border: 1px solid #D7D5B1; background-color: #f8f8f8; margin: 0 1em 1em 1em; padding: 0.5em; line-height: 1.5em; font-size: 95%; }

/************ lists  ************/

#content ol, #content ul, #content li { line-height:1.5em; }

#content ul li { list-style-type:square; }

#content ul li, #content ol li { margin: 0 0 0.25em 3em; }

#pagewidth { width:920px; text-align:left; padding:0 6px; margin:0 auto; background:url(imgs/bg-body.gif) 50% 50% repeat-y; display:block; }

#topshadow { background:url(imgs/header-strip.jpg) repeat-x; position:absolute; left:0; top:0; width:100%; height:200px; }

#footershadow { width:920px;margin:0 auto;background:url(imgs/footerbtm.gif) 50% 0% no-repeat; position:relative; padding:25px 0 0 0; }

#footershadow h3 { font-weight:normal; font-size:11px; color:#fff; padding:10px 0 10px 0; }

#footershadow h3 a { color:#fff; text-decoration:none; }

#header { position:relative; height:240px; width:100%; }

#header #logo { position:absolute; width:300px; height:240px; padding:0; top:0; right:0; overflow: hidden; z-index:1000; }

#header #logo a { float: left; padding: 240px 0 0 0; overflow: hidden; width:100%; height: 0px !important; height /**/:240px; /* for IE5/Win */ }

#header #logo span { margin: 0; padding: 0; display: inline; }

#header #bannerphoto { position:relative; width:100%; height:240px; padding:0; display: inline; overflow: hidden; }

#header #bannerphoto h2 { float: left; padding: 240px 0 0 0; overflow: hidden; width:100%; height: 0px !important; height /**/:240px; /* for IE5/Win */ font-size:1px; color:#FFFCEB; background:url(imgs/header-photo.jpg) no-repeat; }

#header #bannerphoto p { visibility:hidden; display:none; }

#contentheader { width:650px; position:absolute; top:10px; right:0; font-size:11px; height:20px; border-bottom:1px solid #D7D5B1; }

#contentheader a { text-decoration:none }

#contentheader #printerbutton a.noprint { /*** inserts custom printer icon in background of link - better display in IE ****/ background: url(imgs/printer.gif) 0% 50% no-repeat; padding:0 0 0 13px; text-align:right; position:absolute; top:0; right:0; }

#contentheader #date { text-align:left; width:100%; position:absolute; top:0; left:0; }

#contentwrapper { width:870px; position:relative; padding:0 0 0 10px; }

#leftcol { width:196px; float:left; position:relative; padding:5px 0 0 0; }

#leftcol p { width:176px; padding:0px 0 85px 15px; display:block; clear:both; color:#399FC2; line-height:18px; font-size:12px; background:url(imgs/footer-photo.gif) 50% 100% no-repeat; }

#content { float: right; display:block; position: relative; width:650px; font-size:1.0em; margin-top:-5px; padding:50px 0 20px 0; }

#footer { clear:both; padding:10px 0; background:url(imgs/footerbg.gif) 0 50% repeat-y; }

#footer p { padding:5px 0 0 0; text-align:center; color:#000; line-height: 150%; font-size:1.1em; }

#footer p, #footer a { color:#fffbe7; }

#footer a { text-decoration:none; border-bottom:1px dotted #fffbe7; }

/******** Common image style ***********/
img.imgrTop, img.imglTop, img.imgrMid, img.imglMid { padding:5px; border:1px solid #D7D5B1; background:#fff; }

/* Photos at the top of the paragraph content */
img.imgrTop { float:right; margin:3px 0 15px 15px; } /* right floating images */

img.imglTop { float:left; margin:3px 15px 15px 0; } /* left floating images */

/* Photos mid way in paragraph content */
img.imgrMid { float:right; margin:10px 0 15px 15px; } /* right floating images */

img.imglMid { float:left; margin:10px 15px 15px 0; } /* left floating images */

/******* Menu ********/

#menu { margin: 0; width: 196px; background:#FAF7CC url(imgs/sidebarphoto.jpg) 0% 100% no-repeat; padding: 15px 0 150px 0; }

#menu li em { visibility:hidden; display:none; }

#menu li { list-style: none; margin:0 0 5px 0; text-align: left;font-family:Arial, Helvetica, sans-serif; }

#menu li a { display: inline-block; text-decoration: none; padding: 2px 0 2px 8px; margin:0; border-left:5px solid #E9E4A1; color:#5cb7d5; font-size:12px; }

#menu li a { display: block; }

#menu li a:hover { font-weight:bold; border-left: 5px #399FC2 solid; color:#399FC2; }

body#home a.home, body#rates a.rates, body#apartments a.apartments, body#cottage a.cottage, body#sitemap a.sitemap, body#contact a.contact, body#amenities a.amenities, body#gallery a.gallery { font-weight:bold; border-left: 5px #399FC2 solid; color:#399FC2; }

table#ratestable { width:100%; font-size:0.95em; text-align:center; margin:0 0 30px 0; }

table#ratestable td { border:1px solid #D7D5B1; padding:8px; }

table#ratestable th { border:1px solid #FAF7CC; padding:8px 0; background:#D7D5B1; font-weight:bold; text-transform:uppercase; }

table#ratestable tr.altrow { background:#FAF7CC; }

/* *** Float containers fix:*/ 
#contentwrapper:after, #pagewidth:after, #thumbwrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#contentwrapper, #pagewidth, #thumbwrapper { display: inline-block; }

/* Hides from IE-mac \*/
* html #contentwrapper, * html #pagewidth, * html #thumbwrapper { height: 1%; }

#contentwrapper, #pagewidth, #thumbwrapper { display: block; }

/* End hide from IE-mac */  


/* 

wFORMS 2.0 Stylesheet - Bureaucrat Theme v3a (w/ tool-tip) - Aug. 2006
See http://www.formassembly.com/wForms
 
To be used along with wforms-jsonly.css
This stylesheet and the associated images are Copyright (c) 2005 Cedric Savarese (http://www.4213miles.com)	
and licensed under the Creative Commons Attribution-ShareAlike License (http://creativecommons.org/licenses/by-sa/2.0/) 

Modified by DesignAvatar.com - November 2007

*/


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

fieldset { margin: 0; padding: 0; border: 0px solid #D7D5B1; }

#maincol #content .fieldset { padding: 0px 0 15px 10px; }

legend { padding: 8px 5px 10px 5px; font-size: 16px; margin:0; color:#000; font-weight:bold; border:0px; display:none; }

fieldset fieldset { border:none; margin:0 0 0 0; padding:0; }

fieldset fieldset legend { border:none; }

label { display:block; }

label.fromdate { display:inline; margin:0; padding:0; }

#contact form div.oneField input.smallfield { width:80px; }

div.fromdateswrapper { border: 1px solid #D7D5B1; margin:12px 0 0 0; width:315px; padding:8px; }

form span { display:block; }

#content textarea { width:100% }

#content .text, #content .select { width:100%; }

#content .text, #content .select { padding:2px; }

#content .text, #content .select { display:block; }

input[type="text"] /* To keep form fields consistent when FireFox overrides them*/ { background: #fff; }

input[type="textarea"] /* To keep form fields consistent when FireFox overrides them*/ { background: #fff; }

.inputbox, .textarea, textarea, select, .textinput, .text { border: 1px solid #D7D5B1; background:#fff; color:#005673; }

.inputbox,  .textarea, textarea,  select, .select,  .textinput,  .text,  .button { border: 2px solid #D7D5B1; border-right:1px solid #D7D5B1; border-bottom: 1px solid #D7D5B1; text-decoration:none; }

textarea:hover,  select:hover,  textarea:focus,  .inputbox:hover,  .inputbox:focus,  .text:hover,  .text:focus,  #maincol #content input.button:hover { border: 1px solid #D7D5B1; border-right:2px solid #D7D5B1; border-bottom: 2px solid #D7D5B1; }

textarea { height:100px; }

input.button, a.button { margin: 15px 0 0 0; padding: 4px 6px; color: #fff; background:#399FC2; font-weight:bold; font-size:14px; border:0px; }

.button:hover, a.button:hover, #sidemenu .button:hover, #header .button:hover { background: #2A7994; font-weight:normal; color: #399FC2; border:0px; }

#header input.text { padding:2px 3px; }

#maincol div.iteminfo .button, #maincol #content div.iteminfo a.button, .search_results_table .button, .search_results_table a.button { margin: 5px 0 0 0; padding: 2px 3px; font-size:12px; color:#fff; background:#000; line-height:normal; }

#content .fieldset select, #content .fieldset .text, #content .fieldset textarea { width:100% }

*/***********************/
 fieldset fieldset legend { font-size: 12px; }

/* Inline Section */
.inlineSection { overflow: auto; width: 100%; }

/* Combo Label + Input Field  */
form .oneField { }

form .inlineSection .oneField { padding: 0; margin-right: 4px; white-space: nowrap; }

/* Ties together a label and its checkbox or radio */
form .oneChoice { white-space: nowrap; }

.oneField, .oneChoice { display:block !important; width:100%; }

/* Field Labels  */

.oneField label { display:block; width:100% }

.oneChoice label { display:inline; width:auto; }

/* Text inputs / Select label */
.preField { margin: 15px 0 2px 0; font-weight:normal; color:#005673; }

/* Radio / Checkbox group label */
form .label { margin: 0.6em 4px 0 0; padding: 2px; }

/* Individual Checkbox / Radio label */
label.postField { margin: 0 4px 0 4px; }

/* Label when inside an inline section */
form .inlineSection .oneField .inlineLabel { display: inline; margin: 0.6em 4px 0 0; padding: 0 2px; min-width: 9em; white-space: normal; }

/* Inputs  */

textarea { padding: 0; vertical-align: top; margin: 2px 2px 1px 0; }

input { margin: 0 2px 0 0; }

select { margin: 2px 2px 1px 0; padding: 0; }

.inlineSection .oneField select { margin: 0 2px 1px 0 !important; }

.gridSection select { margin: 0 !important; }

/* Form Builder Related Rules  */

/* Asterisk on required fields */
form .reqMark, form div .reqMark, span.reqMark { color: #ff6600; padding: 0 4px; }

form div span.reqMark, span.reqMark { display:inline; }

/* wForms Related Rules  */

/* Field w/ a validation error */
form .errFld { padding: 1px; border: 1px solid #CC3300; }

/* Styling for message associated with a validation error. */
form .errMsg { color: #CC3300 !important; display: block; font-weight:bold; text-transform:uppercase; }

/* Field-Hint with focus */
form .field-hint { position: absolute; width: 180px; z-index: 50; margin: 2px 0 0 10px; color: #000; font-size: 80%; }

form .field-hint div { background-color: #ccc; border-left: 1px solid #cbcbbb; border-right: 1px solid #cbcbbb; border-bottom: 1px solid #cbcbbb; padding: 4px }

/* Field-Hint without focus */
form .field-hint-inactive { visibility: hidden; position: absolute; }

/* Switch Behavior Classes */
.onstate-a, .onstate-b, .onstate-c, .onstate-d, .onstate-e, .onstate-f, .onstate-g, .onstate-h, .onstate-i, .onstate-j, .onstate-k, .onstate-l, .onstate-m, .onstate-n, .onstate-o, .onstate-p, .onstate-q, .onstate-r, .onstate-s, .onstate-t, .onstate-u, .onstate-v, .onstate-w, .onstate-x, .onstate-y, .onstate-z, .onstate-aa, .onstate-ab, .onstate-ac, .onstate-ad, .onstate-ae, .onstate-af, .onstate-ag, .onstate-ah, .onstate-ai, .onstate-aj, .onstate-ak, .onstate-al, .onstate-am, .onstate-an, .onstate-ao, .onstate-ap, .onstate-aq, .onstate-ar, .onstate-as, .onstate-at, .onstate-au, .onstate-av, .onstate-aw, .onstate-ax, .onstate-ay, .onstate-az { display: block; }
/* offstate classes for the Switch Behavior are in wforms-jsonly.css */








 
 /*printer styles*/ 
 @media print {

body, html, div { padding:0; margin:0; }

* { font-family:Arial, Helvetica, sans-serif; font-size:110%; color:#000; }

#leftcol, .noprint, #header, #contentheader { display:none; }

#content { width:100%!important; float:none; }

#content p { font-size:110%!important }

#content, #content a, #content h1, #footer p, #footer p a { color:#000!important; border:0!important; }

#content a, #footer a { text-decoration:underline }

#content ul#thumbs li img { display:block; visibility:visible; clear:both; }

#content ul#thumbs li { float:left!important; background:transparent!important; border:none; height:auto; width:auto; margin:10px; }

p.sans { display:none; }

#cottage #thumbwrapper, #apartments #thumbwrapper { clear:both; width:100%; overflow:visible; display:block; margin:0 0 30px 0; }

#cottage ul#thumbs { display:block; visibility:visible; }

#cottage ul#thumbs li { float:none; height:auto; width:auto; }

#cottage ul#thumbs li a { display:none; }

#content ul, #content p { clear:both; width:100%; }

ul.array { display:block; visibility:visible; clear:both; }

ul.array li, ul#thumbs { list-style-type:none!important; }

#content ul#thumbs li img { display:block; visibility:visible; height:100px; }

ul#thumbs li { float:left!important; margin:0 10px 20px 0; width:125px; display:block; height:100px; overflow:hidden; }

#content #contactdirections { width:100%!important; float:none; }

div#contactbox { width:100%!important; float:none; margin:0; }
}