/* CSS Document */


/*
---------------------------------------------
01. main/default elements
---------------------------------------------
*/


* { margin:0; padding:0; font-weight:normal;}
img, fieldset { border:none}

a:link, a:visited {text-decoration: none; color:#333333;}
a:hover { text-decoration: underline; color:#333333}

body {background:url(../images/bg_body.gif) repeat; font-family:Arial, Helvetica, sans-serif; font-size:10px;}

p {font-size:10px; font-weight:normal; color:#333333; line-height:1.3em; padding-bottom:5px}

h1 { color:#CC0000; padding-bottom:5px; font-weight:bold; font-size:11px}
h4 { color:#CC0000; padding-bottom:5px}


/*
---------------------------------------------
02. container
---------------------------------------------
*/

#container { width:724px; margin:0 auto; }

/*
---------------------------------------------
03. wrapper
---------------------------------------------
*/

#wrapper { width:715px; float:left; background:url(../images/bg_wrapper.gif) repeat-y; padding-left:4px; padding-right:5px; padding-bottom:20px}

/*
---------------------------------------------
04. border bottom
---------------------------------------------
*/

#borderbottom { width:724px; height:12px; float:left; position:relative; margin-bottom:50px;}

/*
---------------------------------------------
05. header
---------------------------------------------
*/

#header { width:715px; height:82px; float:left; background:url(../images/logo.gif) no-repeat top left}
#header p { color:#4A3224}

#header .logo-link {position: absolute; width:370px; height:80px; margin-left:30px}

#header .address { width:300px; float:right; padding-top:8px; text-align:center}
#header .availability { text-decoration:underline}
#header .icon { width:20px; height:12px;}


/*
---------------------------------------------
06. content
---------------------------------------------
*/

#content { width:700px; float:left; padding-left:8px; padding-right:7px; padding-top:10px;}

/*
---------------------------------------------
07. left panel
---------------------------------------------
*/

#leftpanel { width:120px; float:left}

/*
---------------------------------------------
07.1 left panel - side navigation
---------------------------------------------
*/

#leftpanel .sidenav { width:120px; float:left}

.sidenav ul { list-style:none}
.sidenav ul li { width:110px; height:16px; background:url(../images/bg_leftnav.gif) no-repeat left; font-size:10px; padding-top:4px; padding-left:10px; margin-bottom:6px}
.sidenav ul li a { display:block;}
.sidenav ul li a.selected { text-decoration:underline}

/*
---------------------------------------------
07.2 left panel - box styles
---------------------------------------------
*/

.left_box_top { width:120px; height:5px; float:left; background:url(../images/box_left_top.gif) no-repeat left bottom}
.left_box_middle { width:100px; float:left; background:url(../images/box_left_middle.gif) repeat-y; padding:5px 10px}
.left_box_bottom { width:120px; height:5px; float:left; background:url(../images/box_left_bottom.gif) no-repeat left top}


/*
---------------------------------------------
07.3 left panel - news and events
---------------------------------------------
*/

.newsandevernts { width:120px; float:left}
.newsandevernts ul { list-style:none}
.newsandevernts ul li { font-size:10px; padding-bottom:5px; color:#CC0000}
.newsandevernts ul li a { display:block; width:auto; font-size:10px; padding-bottom:5px; color:#000000}


/*
---------------------------------------------
08. right panel styles
---------------------------------------------
*/

#rightpanel { width:575px; float:right}
 
#rightpanel #column1 { width:370px; float:left; padding-left:5px}
#rightpanel #column1 p { padding-right:10px}
#rightpanel #column1 .highlight { font-size:11px; font-weight:bold; line-height:1.5em; color:#FF0000}

#rightpanel #column2 { width:196px; float:right}

/*
---------------------------------------------
08.1 right panel - column 1
---------------------------------------------
*/

#column1 .slideshow { width:370px; height:260px; padding:10px 0px; padding-bottom:20px; background:none}
#column1 .photo { width:auto; float:right; padding-left:10px; padding-top:8px; padding-right:6px}


/*
---------------------------------------------
08.2 right panel - column 2 styles
---------------------------------------------
*/

#rightpanel .sidenav { width:120px; float: right; padding-right:15px; padding-bottom:10px}
#rightpanel .heading { width:auto}

#boxredborder { width:186px; float:left; border-left:3px solid #CC0000; padding-left:10px}
#boxredborder p {padding-right:2px}

.buttonlink { width:120px; height:16px; background:url(../images/bg_leftnav.gif) no-repeat left; font-size:10px; padding-top:4px; margin-bottom:10px; margin-left:30px; margin-top:4px; text-align:center}
.buttonlink a { width:120px; display:block; text-align:center}

.spacer1 { width:100%; float:left; height:160px}
.spacer2 { width:100%; float:left; height:30px}
.spacer3 { width:100%; float:left; height:115px}


/*
---------------------------------------------
09. footer styles
---------------------------------------------
*/


#footer { width:575px; float:left; text-align:center; padding-top:50px}
#footer p { padding-bottom:2px; position:relative}
#footer p a { padding-left:4px; padding-right:4px}

#footer .icon { width:20px; height:12px;}


/*
---------------------------------------------
10. innerpage - properties page
---------------------------------------------
*/

#boxredborder .photo { width:auto; margin-bottom:10px; margin-left:-4px}

#column1 .contentbox { width:180px; float:left; padding-right:5px}
#column1 .readmore a { text-decoration:underline}

/*
---------------------------------------------
11. innerpage - event pages styles
---------------------------------------------
*/

#rightpanel .link_underline { text-decoration:underline}
#rightpanel .content_ambiance { padding-right:10px;}
#rightpanel .content_ambiance p { line-height:1.4em}

#rightpanel .eventphotos { width:auto; padding-bottom:5px; text-align:right; padding-right:10px}

/*
---------------------------------------------
12. innerpage - contact page
---------------------------------------------
*/

#column1 .googlemap { width:318px; height:200px; margin:0 auto; margin-bottom:40px; border:1px solid #000; margin-top:20px}

#column2 .contact { width:180px; float:left; padding-top:20px}
#column2 .contact fieldset { width:180px; float:left}
#column2 .contact fieldset label { width:180px; float:left; padding-bottom:3px}
#column2 .contact fieldset .input { width:174px; float:left; border:1px solid #000000; padding:1px; margin-bottom:8px;}
#column2 .contact fieldset .input_small { width:75px; float:left; border:1px solid #000000; padding:1px; margin-bottom:8px;}

#column2 .contact fieldset .listmenu { width:auto; font-size:9px; float:left; margin-right:4px; margin-bottom:8px} 
#column2 .contact fieldset .button_submit { width:auto; float:left; margin-top:5px}


/*
---------------------------------------------
13. innerpage - pop up window styles
---------------------------------------------
*/

#content_popup { width:460px; padding:20px; float:left; background:#F0EEDD}
.closebutton { padding-top:10px;}