BODY, HTML {
  margin: 0;
  padding: 0;
  background: #000000 url(../images/background.jpg) no-repeat top left;
  color: #FFFFFF;
  font-family: Arial, sans-serif;
  font-size: 12px;
}

IMG {
  border: 0;
}

HR {
  border: none 0;
  border-top: 1px solid #000000; /* the border */
  height: 1px; /* whatever the total width of the border-top and border-bottom equal */
}

FORM {
  padding: 0;
  margin: 0;
}

A:link, A:visited  {
  color: #FFFFFF;
  text-decoration: underline;
}
A:hover, A:active  {
  color: #BEE3E5;
  text-decoration: underline;
}

STRONG {
  color: #FB3734;
  font-weight: normal;
}

UL, OL {
  margin: 0 0 0 0.8em;
  padding: 0 0 0 0.8em;
}

#background {
  position: absolute;
  top: 0;
  left: 0;
  padding: 124px 0 0 76px;
}

.backsub {
  background: #000000;
  height: 775px;
}

#header {
  position: relative;
  z-index: 4;
  height: 264px;
  width: 994px;
}

#weather {
  position: absolute;
  top: 148px;
  left: 898px;
  padding: 8px 0;
  width: 77px;
  text-align: center;
  line-height: 1em;
  background: url(../images/background-weather.png);
  font-size: 10px;
}
#temp {
  line-height: 32px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
#icon {
  height: 32px;
  width: 32px;
  vertical-align: middle;
}

#header-background, #logo {
  position: absolute;
  top: 0px;
  left: 0px;
}

#topmenu {
  float: right;
  position: relative;
  right: 20px;
  background: #000000;
  padding: 9px 0;
}
#topmenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#topmenu li {
  float: left;
  padding: 0 10px;
  border-left: 1px solid #FFFFFF;
  height: 1em;
  line-height: 1em;
}
#topmenu li a {
  text-decoration: none;
}

#mainmenu {
  position: absolute;
  top: 192px;
  left: 230px;
}

.menu UL {
  margin: 0;
  padding: 0;
  list-style: none;
	font-family: Georgia, serif;
}

.menu UL LI {
  float: left;
  margin-right: 30px;
	font-size: 18px;
  position: relative;
  z-index: 100000;
}

.menu UL LI A:link, .menu UL LI A:visited  {
  color: #FFFFFF;
	text-decoration: none;
}
.menu UL LI A:hover, .menu UL LI A:active, .menu UL LI:hover A  {
  color: #BEE3E5;
}

.menu UL LI UL {
  margin: 0;
  padding: 4px 0;
  position: absolute;
  top: 20px;
  left: 0px;
  display: none;
  background: #FB3734;
}

.menu UL LI:hover UL {
  display: block;
}

.menu UL LI UL LI {
  float: none;
  margin: 0;
  font-size: 11px;
  line-height: 1.3em;
  white-space: nowrap;
	padding: 1px 0;
}

* html .menu UL LI UL LI {
	border: 1px solid #FB3734; /* IE6 needs a border for some reason */
}

.menu UL LI UL LI A {
  display: block;
  padding: 0 7px;
}

.menu UL LI UL LI:hover A {
	background: #BEE3E5;
	color: #000000;
}

.menu UL LI UL LI A:link, .menu UL LI UL LI A:visited  {
  color: #FFFFFF;
}
.menu UL LI UL LI A:hover, .menu UL LI UL LI A:active  {
  color: #000000;
}

#sidephoto {
  position: relative;
  float: left;
  margin-right: 20px;
}

#content, .content-sub {
  position: relative;
  font-family: Georgia, serif;
  font-size: 17px;
  line-height: 1.3em;
  min-height: 320px;
}

#content {
  float: left;
  width: 450px;
}

.content-sub {
  margin-left: 30px;
  width: 550px;
  padding-bottom: 15px;
  z-index: 2;
}

.wider {
  width: 625px;
}

#news-wrap {
  width: 360px;
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 1em;
}

#news {
  margin-top: 3px;
  padding: 11px;
  height: 103px;
  line-height: 1.2em;
  background: #FFFFFF;
  color: #000000;
}

#news A:link, #news A:visited  {
  color: #350101;
  text-decoration: underline;
}
#news A:hover, #news A:active  {
  color: #999999;
  text-decoration: underline;
}

#news-foot {
  background: #350101;
  padding: 5px;
  text-align: right;
}

#copyright {
  position: relative;
  margin-top: 3px;
  padding-left: 87px;
  color: #29292A;
  font-family: Georgia, serif;
  font-size: 12px;
  padding-bottom: 15px;
}

#sidebar {
  position: absolute;
  top: 217px;
  left: 660px;
  z-index: 3;
  float: left;
  /*height: 582px;*/
  width: 258px;
  padding-bottom: 15px;
}

#sidebar-photo {
  position: absolute;
  top: 165px;
  left: -70px;
}

#sidebar-menu-wrap {
	position: relative;
	z-index: 10;
	background: url(../images/background-sidebar-top.png) no-repeat;
	width: 258px;
	min-height: 242px;
	padding-top: 85px;
}

#sidebar-menu {
	width: 160px;
	padding: 0 0 8px 20px;
	margin-left: 47px;
	background: url(../images/background-sidebar-mid.png) repeat-y;
}

#sidebar-menu A:link, #sidebar-menu A:visited {
	display: block;
	padding-left: 7px;
	width: 132px;
	height: 13px;
	line-height: 13px;
	margin-bottom: 3px;
	background: url(../images/background-sidemenu.jpg) no-repeat center top;
  color: #000000;
	font-size: 10px;
	text-decoration: none;
}

#sidebar-menu A:hover, #sidebar-menu A:active {
  background: url(../images/background-sidemenu.jpg) no-repeat center bottom;
  color: #5C533E;
}

.tooltip {display: none;}
#sidebar-menu A:hover .tooltip {
  display: block;
  z-index: 1000;
  position: absolute;
  left: 132px;
}

#reservation-wrap {
	background: url(../images/background-sidebar-bottom.png) no-repeat;
	width: 258px;
	padding: 60px 0 0 42px;
}

#reservation {
  /*position: relative;
  top: 140px;
  left: 42px;*/
  font-size: 12px;
  width: 174px;
}

#reservation .city, #reservation .date, #reservation .time {
  height: 16px;
  font-size: 11px;
  border: 0;
  padding: 0;
  margin: 0;
}

#reservation .city {
  width: 174px;
  margin: 0 0 5px 0;
}

#reservation .date {
  width: 68px;
}

#reservation .time {
  vertical-align: middle;
  width: 76px;
}

#reservation .submit {
  display: block;
  margin: 8px auto;
  width: 52px;
  height: 31px;
  border: 0;
  background: url(../images/submit.jpg) no-repeat;
}
#reservation .submit:hover {
  background: url(../images/submit-hover.jpg) no-repeat;
  cursor: pointer;
}

.space {
  height: 15px;
  overflow: hidden;
}
* html .space {
  height: 5px;
  h/eight: 15px;
}

#rentals {
  font-family: Arial, sans-serif;
  font-weight: normal;
  font-size: 11px;
}
a.popup {
  position: relative;
  display: block;
  height: 94px;
  width: 144px;
  border: 3px solid #AD2D2B;
  background: #FFFFFF;
  text-decoration: none;
}
a.popup span {
  display: none;
}
a.popup:hover span {
  display: block;
  position: fixed;
  top: 25%;
  left: 560px;
  width: 350px;
  padding: 10px;
  background: #FFFFFF;
  color: #000000;
  line-height: 1em;
  border: 3px solid #AD2D2B;
  z-index: 10;
}
.rental-sep {
  width: 121px;
  height: 11px;
  margin-left: 15px;
  border-left: 2px solid #545454;
  border-right: 2px solid #545454;
}
.rental-info {
  width: 136px;
  height: 50px;
  padding: 6px 4px;
  border: 3px solid #635E51;
  background: #5C533E;
  line-height: 1em;
  position: relative;
}
.reserve {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: 67px;
  height: 23px;
  border: 0;
  background: url(../images/Reserve.jpg) no-repeat;
}
.reserve:hover {
  background: url(../images/Reserve-hover.jpg) no-repeat;
  cursor: pointer;
}

#credit {
  position: relative;
  color: #454545;
  font-family: Georgia, serif;
  font-size: 11px;
  text-align: center;
  padding: 15px 0;
}

.headline {
  color: #FB3734;
  font-weight: bold;
  font-size: 120%;
}

.abbot {
  position: absolute;
  bottom: 0;
}
