/* html redefined */
html { 
  padding:15px;margin:0;margin-bottom:15px;
background-color: #37ABC8; 	
}
#footer{
margin-top:20px;
}
#footer .fn, #footer .adr, #footer .adr div, #footer .phone{
	display:inline;
}

body {
  margin: 10px;
  padding: 0;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 76%;/* font sizing in ems, baby. if you want to change anything, just change this.*/
  /*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/
  color: #000;
  text-align:center;
}
#wrapper {
  width : 740px;
  margin: 0 auto;
  background: #fff;
}
#wrapper_top div {
  background: url(../images/wrapper_tl.png) no-repeat top left;
}
#wrapper_top {
  background: url(../images/wrapper_tr.png) no-repeat top right;
}
#wrapper_bottom div {
  background: url(../images/wrapper_bl.png) no-repeat bottom left;
}
#wrapper_bottom {
  background: url(../images/wrapper_br.png) no-repeat bottom right;
}
#wrapper_top div, #wrapper_top, 
#wrapper_bottom div, #wrapper_bottom {
  width: 100%;
  height: 12px;
  font-size: 1px;
}
#inner_wrapper{
  margin:15px;
}
/* css */
#header {
	text-indent: -5000px;
	background: url(../images/logo.png);
	width:482px;
	height: 65px;
	}
#badge {
  text-indent: -9999px;
  background: url(../images/badge.jpg);
  height: 160px;
  width: 160px;
  display:block;
  float:right;
}
#navcontainer ul
{
  text-align:center;
  padding-left: 0;
  margin-left: 0px;
  background-color: #7FC9DC;
  color: White;
  float: left;
  width: 100%;
  font-family: arial, helvetica, sans-serif;
}
#navcontainer ul li {
  display: inline; 
}
#navcontainer ul li a
{
  padding: 0.2em 1em;
  background-color: #37ABC8;
  color: White;
  text-decoration: none;
  float: left;
  border-right: 1px solid #fff;
}
#navcontainer ul li a:hover
{
  background-color: #7FC9DC;
  color: #fff;
}
#contact{float:right;margin-top:20px;}
li.first{
border:none;
} 
#footer-links a{font-weight:normal;}
#footer-links{
  color:#fff;
  margin:10px;
}
#footer-links span{
  float:right;
}
#footer-links ul
{
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#footer-links li
{
  border-left: 1px dotted #fff;
  float: left;
  line-height: 1.1em;
  margin: 0 .5em 0 -.5em;
  padding: 0 .5em 0 .5em;
}
#footer-links li.first{
  border:none;
}
#footer-links a:hover
{
border-bottom: solid 1px #fff;
text-decoration:none;
}
#contents {
  text-align:left;
  margin: 0px;
  padding: 40px 5px 0px;
  
}
/*typography*/
a {
  text-decoration: none;
  font-weight: bold;
  color: #000;
}
a:link {

}

a:visited {

}

a:active {

}

a:hover {
  text-decoration: underline;
}
h1 {
  font-size: 2.0em;
  font-weight: normal;
  margin-top: 0em;
  margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
}
h2 {
  font-size: 1.9em;
  margin: 1.2em 0em 1.2em 0em;
  font-weight: normal;
}
h3 {
  font-size: 1.4em;
  margin: 1.2em 0em 1.2em 0em;
  font-weight: normal;
}
h4 {
  font-size: 1.2em;
  margin: 1.2em 0em 1.2em 0em;
  font-weight: bold;
}
h5 {
  font-size: 1.0em;
  margin: 1.2em 0em 1.2em 0em;
  font-weight: bold;
}
h6 {
  font-size: 0.8em;
  margin: 1.2em 0em 1.2em 0em;
  font-weight: bold;
}
img {
  border: 0;
}

ol, ul, li {/*
  list-style: none;*/
  font-size: 1.0em;
  line-height: 1.8em;
  margin-top: 0.2em;
  margin-bottom: 0.1em; 
}
p {
  font-size: 1.0em;
  line-height: 1.8em;
  margin: 1.2em 0em 1.2em 0em;
}
li > p {
  margin-top: 0.2em;
}
pre { /* moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay. */
  font-family: monospace;
  font-size: 1.0em;
}
strong, b {
  font-weight: bold;
}
#hotel{float:right;margin-top:8em;}
table
{
  margin:0 auto;
  width:95%;
  color:#405871;
  background:#F1F3F8;
  border-collapse:collapse;
  border:1px solid #37ABC8;
}
thead th,thead td, tfoot tr
{
  padding:1em 1em .5em;
  background:#37ABC8;
  color:#fff;
  text-align:left;
}
tfoot td{
  text-align:right;
}
tr.odd {
background: #fff;color:#000;
}
tr{
background:#7FC9DC;color:#fff;
}
td {
padding: 5px;
}
td[scope] {
font-weight:bold;
 }
/* classes */
.thumbnail
{
	float: left;
	width: auto;
	margin: 0 0.5em 0.5em 0;
	padding: 0.05em;
	text-align:center;
}
.thumbnail img.a{
	border: 0.1em solid #99ABBC;
	padding: 2px;
}
#intro{width:350px;}
#map-container
{
	float: right;
	width: 270px;
  height: 270px;
	margin: 0 0 10px 10px;
	padding: 10px;
}

#map-container p { 
	margin-top: 0; 
	text-align:center; 
}

#a {
  margin: 18px auto;
  padding:10px;
  float:right;
}


.floatright{float:right;}
.hide{
	text-indent: -9999px; 
	margin:0; 
	padding:0;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
form.cmxform fieldset {
  margin-bottom: 10px;
}
form.cmxform legend {
  padding: 0 2px;
  font-weight: bold;
}
form.cmxform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form.cmxform fieldset ol {
  margin: 0;
  padding: 0;
}
form.cmxform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form.cmxform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.cmxform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.cmxform fieldset fieldset label {
  display: block;
  width: auto;
}
form.cmxform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.cmxform label {
  width: 120px; /* Width of labels */
}
form.cmxform fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}

/* Tariff page */ 

body#tariff #contents{width:500px;float:left;}
body#tariff #specials{text-align:left;float:right;width:170px;margin-top:70px;background: #7FC9DC;}
.specials_header{text-align:center;background: #37abc8;color:#fff;margin:0;padding:0px;border-bottom:1px solid #fff;}
#specials h4{display:inline;}
.specials_top div {
   background:url(../images/specials_tl.png) no-repeat top left;
}
.specials_top {
   background: #37abc8 url(../images/specials_tr.png) no-repeat top right;
}
.specials_bottom div {
   background: url(../images/specials_bl.png) no-repeat bottom left;
}
.specials_bottom {
   background: #7FC9DC url(../images/specials_br.png) no-repeat bottom right;
}
.specials_top div, .specials_top, 
.specials_bottom div, .specials_bottom {
   width: 100%;
   height: 10px;
   font-size: 1px;
}
.specials_content {margin:0 10px;padding:0; }

a.external span
{
position: absolute;
left: -5000px;
width: 4000px;
}
a.external:link
{
background: url(../images/icon.gif) no-repeat 100% 0;
padding: 0 20px 0 0;
}
a.external:visited
{
color: purple;
background: url(../images/icon.gif) no-repeat 100% -100px;
padding: 0 20px 0 0;
}
a.external:hover
{
color: red;
background: url(../images/icon.gif) no-repeat 100% -200px;
padding: 0 20px 0 0;
}

 .photo
{
float: right;
width: 303px;
margin: 0 0 10px 10px;
background-color: #fff;
padding: 10px;
border: 1px solid #B1B1B1;
text-align:center;
}

div.photo img
{
border: 1px solid #000;
}
#feed{text-align:center;padding:10px;}
.alert {background: #fff6bf url(../images/exclamation.png) center no-repeat;background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
padding: 10px 20px 10px 45px;
border-top: 2px solid #ffd324;
border-bottom: 2px solid #ffd324;
}
.place{min-height:300px;}
fieldset{border:none;}fieldset{border-top:1px solid #000;margin:auto;}
   ol#breakfast{list-style:none;text-align:center;}
   ol li{ border-bottom:1px dotted  #37ABC8;}
   dt { font-weight: bold; text-decoration: underline; } dd { margin: 0; padding: 0 0 0.5em 0; }