body {
    margin:0;
    padding:0;
    width:100%;
    background-color: #F8FCFF;/*#B8C0CA;*/
    background-image:url('/m/i/bgcloud1.jpg');
    background-repeat: repeat-x;
    min-width:600px; /* Minimum width of layout - remove line if not required */
    /* The min-width property does not work in old versions of Internet Explorer */
    font-family: "Trebuchet MS", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    text-transform: none;
    letter-spacing: normal;
    line-height: 1.6em;
    color: #333;
    text-align:center; /*fixed-with design*/
}
#fixed { /*fixed-with design <div id="fixed"><!-- liquid layout here --></div>*/
   margin:0 auto;
   width:1010px;   /* you can use px, em or % */
   text-align:left;
}
a {
    c1olor: #369;
    color: #323299;
}
a:hover {
    c1olor:#fff;
    b1ackground:#039;
    text-decoration:none;
}
h1,h2,h3,h4,h5,h6 {
    font-family: Georgia, "Times New Roman", Times, Serif;
    color: #000;
    margin:1em 0 .2em 0;
    p1adding:0;
    p1adding: 1.5em 0 0.5em 0;
    line-height: 1.3em;
}
h1{
  font-size: 28px;
  margin:0.4em 0 .2em 0 !important;
}
h2{
  font-size: 21px;
}
h3{
  font-size: 17px;
}
h4{
  font-size: 14px;
}
h5{
  font-size: 12px;
}
h6{
  font-size: 10px;
}
p.subh1{
  margin-top: -0.6em;
  font-size: 13px;
}
p {
    margin:.4em 0 .8em 0;
    padding:0;
}
i1mg {
    margin:10px 0 5px;
}
img.absmiddle {
  vertical-align: middle;
  margin-bottom: .25em;
}
img.categorystar {
  float: right;
  margin: 5px;
}
img.photogallery{
  padding:2px;
  border:1px solid lightgrey;
  margin: 5px 5px 5px 0;  
}
img.panorama{
  padding:3px;
  border:2px solid lightgrey;
  margin: 1px 0;  
}
.right {
  float: right;
}
.bold{
  font-weight:bold;
}
.red{
  color: red;
}
.italic{
  font-style:italic;
}
.center{
  text-align: center;
}
.temp{
  font-weight:bold;
  color: #333;
}
.bottom{
  color: #993232;
  b1ackground: whitesmoke;
  padding: 2px;
  border-bottom: 1px solid #993232;
}
span.block{
  display: block;
}
span.locationgps{
  display: block;
  margin: 10px 10px 10px 0; 
}
/* -------------------------------header------------------------------- */
#header {
    float:left;
    width:100%;
    padding:0;
    margin:0;
    b1order-bottom:1px solid #000;
    background: whitesmoke;
}
#header p {
    font-size: 13px;
    padding:0 5px;
    margin:0;
}
#header h1 {
    padding:.2em 15px;
    margin:0;
}
#header h2 {
    padding:.2em 15px .7em 15px;
    margin:0;
}
/* -------------------------------main------------------------------- */
#colmask { /*wrap colmid*/
    position:relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear:both;
    float:left;
    width:100%; /* width of whole page */
    overflow:hidden !important; /* This chops off any overhanging divs */
    background:whiteSmoke; /* Left column background colour #ffd8b7*/
}
#colmid { /*wrap colright*/
    float:left;
    width:200%; /**/
    position:relative;
    left:200px; /* Left width 200px*/
    background:#fff; /* Centre column background colour */
}
#colright { /*wrap col1wrap->col1wrap->col1pad->col1, col2, col3*/
    float:left;
    width:100%; /**/
    position:relative;
    left:50%; /**/
    margin-left:-400px; /* Minus Left width minus right width -200-200px*/
    background:whiteSmoke; /* Right column background colour */
}
#col1wrap { /*wrap col1pad -> col1*/
    float:right;
    width:50%;
    position:relative;
    right:100%;
}
#col1pad { /*wrap col1*/
    margin:0 10px 0 410px; /*0, Center column right padding 15px, 0, */
        /* Left column width + right column width + center column left padding 200+200+15px*/
    overflow:hidden !important;
}
#col1 { /*center main*/
    width:100%;
    overflow:hidden !important;
}
#col2 { /*left column*/
    float:left;
    width:200px; /* Width of left column content (left column width - left and right padding) 200-15-15px*/
    position:relative;
    margin-left:-50%; /**/
    left:200px; /* Width of left column plus left?/right? padding 200+15px*/
    overflow:hidden !important;
}
#col3 { /*right column*/
    float:left;
    width:200px; /* Width of right column content (right column width - left and right padding) 200-15-15px*/
    position:relative;
    left:0px; /*?? Width of the right-had side padding on the right column 15px*/
    overflow:hidden !important;
}
/* -------------------------------footer------------------------------- */
#footer {
    clear:both;
    float:left;
    width:100%;
    padding:0;
    margin:0;
    b1order-top:1px solid grey;
    background: whitesmoke;
}
#footer p {
    padding:.5em 3px;
    font-size: 13px;
}
/*-------------------menu-------------------------*/
span.roundbox {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0px 0px 2px #C0C0C0;
    -moz-box-shadow: 0px 0px 2px #C0C0C0;
    box-shadow: 0px 0px 2px #C0C0C0;
    b1order: 1px solid lightgrey;
    overflow: hidden;
    b1ackground-color: #FFFFFF;
    padding: 0px;
    margin: 3px 3px 10px 3px;
    font-family: Georgia, "Times New Roman", Times, Serif;
    font-size: 20px;
    line-height: 1.3em;
    c1olor: #000000;
    display: block;
}
span.roundbox .divider {
    color: #993232;
    b1ackground: whitesmoke;
    font-weight: bold;
    display: block;
    padding: 3px;
}
span.roundbox .aitem {
    display: block;
    font-weight: bold;
    padding: 4px 3px;
}
span.roundbox .mitem {
    display: block;
    padding: 4px 3px;
}
span.roundbox .aitem:hover, span.roundbox .sitem:hover, span.roundbox .witem:hover, span.roundbox .mitem:hover{
    background: lightgrey;
}
span.roundbox .sitem {
    display: block;
    padding: 3px;
    font-size: 17px;
    line-height: 1.0em;
    clear: both;
}
span.roundbox .witem {
    display: block;
    padding: 3px;
    font-size: 14px;
    line-height: 1.0em;
    clear: both;
}
span.roundbox .witem img{
    width: 32px;
    height: 32px;
    float: left;
    padding:2px;
    border: 0;
}
span.roundbox .witem a{
  text-decoration: none;
}
span.roundbox .vitem {
    display: block;
    color: grey;
    padding: 3px;
    font-size: 14px;
    line-height: 1.2em;
    clear: both;
}
span.roundbox .vitem img{
    width: 64px;
    height: 64px;
    float: left;
    padding:2px;
    margin: 0;
    border: 0;
}
span.roundbox .zitem {
    display: block;
    padding: 15px 3px 5px 3px;
    line-height: 1.2em;
    clear: both;
}
span.roundbox .ritem {
    display: block;
    color: grey;
    padding: 3px;
    margin: -10px 0 0 0;
    font-size: 15px;
    line-height: 1.2em;
}
span.roundbox .ritem .average{
    color: #993232;
    padding: 0;
    font-size: 36px;
    font-weight: bold;
    line-height: 1.2em;
}
/*---------toolTip---------------*/
.toolTip {
	background-color: #FFF;
	padding: 1px;
	width: 240px;
	border: 1px solid #CCC;
	font-family: Georgia, serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 16px;
  text-align: left;
}
.toolTip i {
	display: inline;
	float: right;
	width: 44px;
	height: 10px;
	background-repeat: no-repeat;
	background-image: url(/gmd2/sprite_star_small.gif);
}
.toolTip i.s5 {
	background-position: 0 -198px;
}
.toolTip i.s4 {
	background-position: 0 -158px;
}
.toolTip i.s3 {
	background-position: 0 -118px;
}
.toolTip i.s2 {
	background-position: 0 -78px;
}
.toolTip i.s1 {
	background-position: 0 -38px;
}
.toolTip i.s0 {
	background-position: 0 0px;
}
.toolTip span {
	color: #FFF;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 14px;
	padding: 2px;
}
.toolTip span.blue {
	background-color: #003366;
}
.toolTip span.orange {
	background-color: #FF6600;
}
.toolTip span.grey {
	background-color: #666666;
}
.toolTip span.red {
	background-color: #990000;
}
/*--------------------img in text-----------------------------------*/
img.floatleftintext {
  padding:2px;
  border:1px solid grey;
  float:left; 
  margin: 0 10px 10px 0;
}
img.floatrightintext{
  padding:2px;
  border:1px solid grey;
  float:right; 
  margin: 0 0 10px 10px;
}
/*--------------------button---------------------------*/
.button1 {
	-moz-box-shadow:inset 0px 1px 0px 0px #f5978e;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f5978e;
	box-shadow:inset 0px 1px 0px 0px #f5978e;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f) );
	background:-moz-linear-gradient( center top, #f24537 5%, #c62d1f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f');
	background-color:#f24537;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d02718;
	display:inline-block;
	color:#ffffff;
	font-family:Verdana;
	font-size:13px;
	font-weight:normal;
	padding: 5px 10px;
  margin: 2px;
	text-decoration:none;
}
.button1:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537) );
	background:-moz-linear-gradient( center top, #c62d1f 5%, #f24537 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537');
	background-color:#c62d1f;
}
.button1:active {
	position:relative;
	top:1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */
/*--------------------add review form---------------------------*/
#addreview1, #addreview2 {
    font-family: "Trebuchet MS", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    text-transform: none;
    letter-spacing: normal;
    line-height: 1.5em;  
}
#addreview1 p.border, #addreview2 p.border{
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid lightgrey !important;
  background: whitesmoke;
  padding: 5px;
  margin: 5px 0;
}
#addreview1 p.border input, #addreview1 p.border textarea{
	-webkit-border-radius: 3px; 
  -moz-border-radius: 3px; 
  border-radius: 3px;
}

#addreviewmessage {
  color: red;
}
#addreviewsubject {
  width: 97% !important;
}
#addreviewmsg {
  width: 97% !important;
  height: 80px;
}
#addreviewname, #addreviewemail {
  width: 37% !important;
}
#addreview1 .note {
  font-size: 11px;
  line-height: 1.2em;  
}
/*--------------------reservation form--------------------------*/
#reservationForm { width: 100%; }
#reservationForm label { width: 200px; }
#reservationForm label.error { 
  color: white; 
  background: red;
  padding: 3px;
  margin-left: 3px;
	-webkit-border-radius: 3px; 
  -moz-border-radius: 3px; 
  border-radius: 3px;
}
/*--------------------regions all-------------------------------*/
.cityinfo{
  border-bottom: 1px solid lightgrey; 
  padding: 1px 0; 
  display: block; 
  margin: 0px;
}
.cityinfo h3{
  margin: 0px;
}
.cityinfo img{
  padding:2px;
  border:1px solid lightgrey;
  float:left; 
  margin: 0 4px 1px 0;
}
.cityinfo .text{
  line-height: 1.28em;    
}
.cityinfo .linkbar{
  display: block;    
}
.cityinfo .link{
  margin-right: 10px;
}
/*--------------------weather all-------------------------------*/
.weathercity {
	border: 1px solid #ebebeb;
}
.weathercity a {
	text-decoration:underline;
}
.weathercity tr:hover {
	background-color: #F2F2F2;
}
.weathercity span.hv {
	color: #FFF;
}
.weathercity tr:hover span.hv {
	color: #000;
}

/*---------------other text decoration--------------------------*/
.nowrap {
  white-space: nowrap;
}
span.horizontalscroll {
  display:block;
  white-space:nowrap;
  width:590px;
  height:240px;
  overflow-x:auto;
  -ms-overflow-x:auto;
  overflow-y:hidden;
  -ms-overflow-y:hidden
}