body {
   color: #f7ffb4;
   background-color: #4d5aab;
   font-family: Constantia, Verdana, Tahoma, Arial, sans-serif;
   padding: 0;
   margin: 1px 0 20px 0;
   font-size: 110%;
}

#wrap {
   margin: 0 5px 0 10px;
}

#rate {
   color: white;
   font-weight: bold;
   margin-top: 10px;
   margin-bottom: 5px;
}

*.yellow {
   color: yellow;
}

h1 {
   font-size: 160%;
   clear: left;
   padding-top: 15px;
   line-height: 115%;
}

h1.smallBottomMargin {
    margin-bottom: 5px;
}

h2 {
   font-size: 140%;
   clear: left;
   line-height: 115%;
}

h4 {
   font-size: 120%;
   clear: left;
   margin-bottom: 10px;
   line-height: 110%;
}

h1.star {
   font-size: 140%;
   clear: left;
   padding-top: 25px;
   background-color: #363f78;
   background-image: url(../images/star20.jpg);
   background-position: 99%;
   background-repeat: no-repeat;
}

h2.star {
   background-color: #363f78;
   background-image: url(../images/star20.jpg);
   background-position: 99%;
   background-repeat: no-repeat;
   padding: 3px;
   clear: none;
}

h2.i {
   font-style: italic;
}

p.both {
   clear: both;
}

*.center {
   text-align: center;
}

*.bold {
   font-weight: bold;
}

*.italic {
   font-style: italic;
}

*.boldItalic {
   font-weight: bold;
   font-style: italic;
}

*.sans4emphasis {
   color: gold;
   font-family: arial, sans-serif;
   font-size: 110%;
}

#twocolumn-left {
   padding: 5px;
   float: left;
   width: 400px;
   margin: 0;
   margin-right: 5px;
}

#twocolumn-right {
   padding: 5px;
   float: right;
   width: 400px;
   margin: 0;
   margin-right: 5px;
}

img.wb {
   border: solid 2px white;
}

img.camera {
   border-width: 0;
   vertical-align: middle;
}

ul.indent {
   list-style-position: inside;
}

ul.heart li{
   list-style-image: url(/images/heart20.gif);
   padding-bottom: 8px;
}

ul.rose li{
   list-style-image: url(/images/rose25.gif);
   padding-bottom: 8px;
}

ul.spacedBig li{
   padding-bottom: 12px;
}

li.none {
   list-style-type: none;
}

#indent-left {
   padding-left: 20px;
}

#left-header {
   height: 466px;
   padding: 0;
   background-color: #363f78;
   margin: 0;
   background-image: url(../images/stone-background4dark_312x207.png);
}

#left {
   float: left;
   background-color: #4d5aab;
   margin: 10px 20px 20px 0;
   clear: left;
}

#justify {
   display: block;
   float: left;
   background-color: #4d5aab;
   margin: 10px 20px 20px 0;
   clear: left;
   width: 100%;
}

#left-no-clear {
   float: left;
   background-color: #4d5aab;
   margin: 10px 20px 20px 10px;
}

#left-no-border {
   float: left;
   background-color: #4d5aab;
   margin: 10px 20px 20px 0;
   border-style: none;
   border-width: 0;
   clear: left;
}

#right {
   float: right;
   background-color: #4d5aab;
   margin: 20px 5px 40px 20px;
   clear: right;
}

#right-no-clear {
   float: right;
   background-color: #4d5aab;
   margin: 20px 5px 40px 20px;
}

#room-pic {
   float: left;
   background-color: #4d5aab;
   margin: 0 20px 20px 0;
   clear: left;
   border: solid 2px white;
}

#room {
   clear: left;
   margin-bottom: 20px;
   margin-right: 20px;
   padding-bottom: 20px;
}

#right-top {
   float: right;
   background-color: #4d5aab;
   margin-left: 20px;
}

img.bb {
   border: solid 2px black;
}

#right-room {
   float: right;
   background-color: #4d5aab;
   margin: 10px 5px 40px 20px;
   border-style: solid;
   border-width: 2px;
   border-color: white;
   clear: right;
}

#right-float {
   float: right;
   background-color: #4d5aab;
   margin: 10px 5px 40px 20px;
   border-style: solid;
   border-width: 2px;
   border-color: white;
   clear: none;
}

#right-orchid {
   position: absolute;
   height: 460px;
   left: 701px;
   top: 129px;
   background-color: #363f78;
   border-style: solid;
   border-width: 3px;
   border-color: gray;
}

#top {
   width: 100%;
   height: 120px;
   padding: 0;
   color: #363f78;
   background-color: #dce1ff;
   margin: 0;
   border-style: solid;
   border-width: 4px;
   border-color: #3f6a32;
   border-left-color: #dce1ff;
}

#top-header {
   padding: 0;
   background-color: #4d59ab;
   margin: 0;
}

#top-flatirons {
   width: 100%;
   height: 217px;
   padding: 0;
   color: #363f78;
   background-image: url(../images/mountain_end_900x217.jpg); 
   margin: 0;
   margin-left:0;
   border-style: solid;
   border-width: 4px;
   border-bottom-width: 0;
   border-left-width: 0;
   border-color: #3f6a32;
}

#logo {
   position: absolute;
   left: 20px;
   top: 5px;
}

#logo-right {
   position: absolute;
   left: 500px;
   top: 50px;
}

#check_availability {
   position: absolute;
   left: 710px;
   top: 45px;
   font-size: 225%;
}

#toll_free {
   position: absolute;
   left: 440px;
   top: 20px;
}

#share {
   font-family: Arial, sans-serif;
   color: blue;
   font-size: small;
   margin-top: 5px;
   height: 16px;
   width: 158px;
   background: #fde7a9;
   padding: 3px 1px 4px 1px;
   border: 2px outset blue;
}

#share-banner {
   position: absolute;
   left: 488px;
   top: 13px;
   display: inline-block;
   font-family: Arial, sans-serif;
   color: blue;
   font-size: small;
   margin-left: 20px;
   margin-bottom:7px;
   height: 16px;
   width: 158px;
   background: #fde7a9;
   padding: 3px 1px 4px 1px;
   border: 2px outset blue;
}

#text {
   display: block;
   color: #fbffd9;
   padding: 10px 20px 20px 20px;
   margin-right: 10px;
   line-height: 115%;
}

#text-right {
   position: absolute;
   left: 725px;
   float: right;
   top: 160px;
   display: block;
   line-height: 170%;
   color: #fbffd9;
   padding-left: 20px;
   font-size: 1.3em;
}

#bottom {
   clear: both;
   color: #cbd959;
   font-size: 80%;
   text-align: center;
   margin: 20px;
   width: auto;
   padding: 5px;
   text-align: center;
   border: 1px solid gray;
}

#small {
   font-size: 60%;
   text-align: center;
   width: 800px;
}

#tiny {
   font-size: 50%;
   text-align: center;
   width: 800px;
}

div.figure {
  float: left;
  width: 80%;
  border-style: inset;
  border: thin silver solid;
  margin: 0.5em;
  padding: 30px;
}

.purpleBackground {
     background-color: purple;
}