@import url("reset.css");
body { background: #efefef; font-family: Arial, Verdana; color: #333; }
a { text-decoration: underline; color: #333; }
a:hover { color: #000; }
a.scroll { display: block; float: right; margin: 0 0 20px 0; font-size: 11px; }
a span.more { font-weight: bold; display: block; padding: 5px 0 0 0; text-decoration: underline; }
p { font-size: .8em; }
p.footnote { clear: both; font-size: .6em; }
#preview div.slide p.disclaimer { clear: both; float: none; font-size: .7em; }

fieldset { margin: 5px 0 0 10px; }
label { color: #333; font-size: .7em; }
input, textarea { padding: 3px; border: 3px solid #999; background: #eaeaea; }
input.button { margin: 10px 0 0 0; padding: 3px 20px; border: 3px solid #999; background: #eaeaea; }

#preload { display: none }

#map { float: right; margin: 10px 0 0 0; height: 250px; width: 338px; border: 2px solid #333; }

#top-nav{ positio;n: relative; overflow: hidden; width: 940px; margin: 30px auto 0; font-size: 13px; font-weight: bold; }
#top-nav ul { margin: 0; padding: 0; }
#top-nav ul li { float: right; margin: 0 0 10px; padding: 0 10px 0 10px; border-left: 1px solid #999; }
#top-nav ul li.first { border: none; }
#top-nav ul li em { font-style: italic; font-size: 12px; }

#container { position: relative; overflow: hidden; height: 575px; width: 940px; margin: 0 auto 50px auto; border: 2px solid #fff; }
#inside-container { position: relative; overflow: display; min-height: 575px; width: 940px; margin: 0 auto; border: 2px solid #fff; background: url(../img/slide1.jpg) no-repeat 0 0; }

#slideshow { position: absolute; top: 0; left: 0; height: 575px; width: 940px; overflow: hidden; background: #fff url(../img/loader.gif) no-repeat 50% 50%; }
#slideshow ul li { position: absolute; top: 0; left: 0; }
#slideshow ul li.first { z-index: 9999; }

#side-nav-bg { position: absolute; top: 0; left: 0; width: 260px; height: 575px; background: #4D4D4D; filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75;	 }
#side-nav { position: absolute; top: 0px; left: 0; width: 260px; height: 575px; }
#side-nav h1 a { display: block; height: 100px; width: 260px; text-indent: -9999px; background: url(../img/logo.gif) no-repeat 10px 10px; }
#side-nav #intro { height: 380px; overflow: auto; margin: 10px; color: #fff; }
#side-nav #intro p { padding: 0 5px 10px 5px; font-size: 12px; }
#rentals-link { padding: 0 0 0 15px; }

#side-nav ul li { padding: 2px 0; font-size: 13px; }
#side-nav ul li a { text-decoration: none; color: #fff; }
#side-nav ul li { margin: 0 0 0 10px; }

#preview-container { position: absolute; top: 428px; right: 15px; height: 150px; width: 475px; overflow: hidden; background: url(../img/trans-white.png); border: 2px solid #fff; }
#next { position: absolute; top: 0; left: 450px; height: 150px; width: 25px; background: url(../img/arrows.png) no-repeat 0 0; cursor: pointer; }
#next:hover { background-position: -25px 0; }
#preview { position: absolute; top: 0; left: 0; height: 148px; width: 450px; overflow: hidden; border-right: 2px solid #fff; }
#preview div.slide { display: block; float: left; height: 148px; width: 450px; }
#preview div.slide h3 { display: block; margin: 3px 220px 0 10px; padding-bottom: 3px; font-size: 13px; border-bottom: 1px solid #999; }
#preview div.slide h4 { padding: 10px; }
#preview div.slide p { float: left; padding: 5px 0 10px 10px; font-size: 13px; line-height: 16px; }
#preview div.slide img { position: relative; float: right; margin: -33px 0 10px 10px; }
#preview div.slide a { text-decoration: none; }
#preview div.slide h3 a:hover { text-decoration: underline; }

#content { position: absolute; right: 0; min-height: 575px; width: 680px; background: #3a3a3a; }
#content div.rental { margin: 10px; padding: 10px; background: #fff; }
#content div.rental p { padding: 10px; }
#content div.rental p img { float: right; margin-left: 10px; border: 2px solid #333; }
#content div.rental h3 { margin-left: 10px; }
#content div.rental h4 { margin-left: 10px; font-size: 13px; }

#content div.rental .contact { float: left; clear: both; width: 200px; margin: 10px; border: 1px solid #eaeaea; }

#content div.rental ul { margin: 0 0 20px 20px; font-size: .865em; font-weight: bold; }
#content div.rental ul li { padding: 0 0 3px 0; }
#content div.rental ul.features li { display: block; float: left; width: 30%; font-size: .7em; font-family: verdana, arial; }
#content div.rental ul.prices li { display: block; float: left; height: 40px; width: 46%; margin: 10px 20px 0 0; font-size: .7em; font-family: verdana, arial; }

#content div.rental ul.rented { text-decoration: line-through; }

#content div.rental:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }