*{ margin:0; padding:0;}
body {background-color:#FFFFFF; font-family:Calibri, Trebuchet MS, Arial, sans-serif; color:#555555;}
img { border:none;}
a{ text-decoration:none; color:#00746b; }
.wrapper { width:921px; margin:0 auto; padding:0px 25px;}

/*-------------------------------------------------------------------------------------------------------------------------- header */
#header { width:100%; height:125px; background-image:url(images/header-bg.gif); background-repeat:repeat-x; padding-top:26px;}
#header .logo { float:left; padding-bottom:10px;}
#header .tel { float:right; padding-bottom:10px; padding-top:10px;}
#header #nav { width:921px; height:42px; background-image:url(images/nav-bg.png); clear:both; }
#header #nav li { list-style:none; float:left;}
#header #nav li a { height:40px; line-height:40px; padding:0px 15px; color:#FFFFFF; border:none!important}
#header #nav li a:hover, #header #nav li a.on{ color:#7accc8;}

/*-------------------------------------------------------------------------------------------------------------------------- tops */
#flash {width:100%; height:400px; background-image:url(images/mid-bg.gif); background-repeat:repeat-x; background-color: #E4E4E4;}
#flash ul { width:921px; margin:0 auto;}
#flash li { width:450px; float:left; margin-top:10px; list-style:none; text-align:center;}
#flash li h2 { font-size:17px; color:#555555; font-weight:normal; padding:10px 0px;}
#flash .m { margin:10px 10px 0px 11px;}

#sflash{width:100%; height:150px; background-image:url(images/mid-bg.gif); text-align:center; padding:20px 0px;}
#sflash .ima { margin:0px 20px 0px 0px; }


.hidden { display:none; visibility:hidden; width:1px; height:1px; border:none;}

/*-------------------------------------------------------------------------------------------------------------------------- content */
#content {width:921px; margin:0 auto; padding:25px;}
#content h1 { padding-bottom:25px;}
#content p { line-height:22px; font-size:16px; padding-bottom:20px;}
#content .seal { float:left; padding:0px 10px 10px 0px;}
#content ol { margin-left:25px;}
#content ol li { padding-bottom:10px; font-size:16px; line-height:20px; padding-left:10px;}
#content .comment, #content .accom {width:901px; padding:10px; background-color:#f1f1f1; margin:10px 0px;}
#content h3 {color:#00746b; clear:both; padding-bottom:10px;  font-size:20px; font-weight:normal;}
#content h2 {color:#00746b; clear:both; padding-bottom:10px;  font-size:25px; font-weight:bold;}
#content .accom br { clear:both;}
#content .accom div { float:right; width:580px; padding-top:20px;}
#content .accom .img { float:left;}
.details { display:block; float:right;}
.cmap { width:490px; float:left; margin-right:10px;}
.caddy { width:195px; float:left;}
.caddy a { font-size:12px;}
.cform { width:220px; float:right;}
.formys { padding:3px; width:210px;}

.text { width:650px; float:left;}
.services { width:230px; float:right; background-color:#f6f6f6; padding:10px; font-size:13px;   }
.services p { text-align:left!important; line-height:25px;}
.services li { list-style:none; padding-bottom:10px;}

.bookings p { clear:both;}
.bookings em { font-size:11px;}
.bookings label { display:block; float:left; width:200px; text-align:right; padding-right:10px; font-size:14px;}
.bookings .formy { width:250px; padding:3px;}


.avail li{ float:left; text-align:center; list-style:none;}
.ms { margin:0px 10px 0px 11px;}
/*-------------------------------------------------------------------------------------------------------------------------- footer */
#footer { clear:both; width:100%; height:20px;   background-repeat:repeat-x;}