* {padding: 0; margin: 0;}
img	{border: 0; }

body {text-align: center; color: #fff; margin: 0; padding:0; background: #9F070D url("../img/bgnd-page_original.gif"); font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;}

p {text-align: left; color: #fff; line-height: 1.5em; padding: 10px 0; margin: 0;}
a {color: #fff; cursor: pointer;}
a:HOVER {text-decoration: none; outline: none;}
ul {margin: 0;}

.l {float: left;}
.r {float: right;}
.spacer {height: 1.0em;}
.center {text-align: center;}
.acenter {text-align: center;}
.aright {text-align: right;}

.clear {clear: both;}
.clear-left {clear: left;}
.clear-right {clear: right;}
.strong {font-weight: bold;}
.hidden {display: none;}
.mrg {padding: 0 20px;}
.noborder {border: none;}
.labels {padding: 20px 0;}

p.warning {padding: 10px; color: #fff; font-weight: bold;}
p.success {padding: 10px; color: #fff; font-weight: bold;}
p.spinner {padding: 10px;}
#responsediv {width: 100%; height: 3em; padding: 1em 0;}

h1 {color: #fff; font-size: 2em; padding: 0 1em; text-align: left;}
h2 {color: #000; padding: 0.5em 2em; background: #fff; font-size: 1.3em; text-align: left;}

.s20 {width: 20px;}
.s50 {width: 50px;}

.s100 {width: 100px;}
.s150 {width: 150px;}
.s200 {width: 200px;}
.s300 {width: 300px;}
.s400 {width: 400px;}
.s500 {width: 500px;}
.s600 {width: 600px;}
.p100 {width: 100%;}
.s80 {width: 80px;}
.h5 {height: 5em;}
/********************************************************************************/

#wrapper {width: 100%; margin: 0 auto; text-align: center;}

#top {width: 100%; height: 200px; overflow: hidden; background: url("../img/bgnd-top.gif") repeat-x;}
#top .fixed {width: 760px; height: 200px; overflow: hidden; margin: 0 auto; background: url("../img/bgnd-main-menu.gif") no-repeat;}

#main-menu ul {list-style: none; position: relative; top: 93px; left: 50px;}
#main-menu ul li {display: inline;}
#main-menu ul li a {float: left; margin: 0 2px; text-indent: -9000px; position: relative;}
#main-menu ul li a.home {display: block; width: 46px; height: 53px; background: url("../img/menu/home-off.gif") no-repeat;}
#main-menu ul li a.home:HOVER, #main-menu ul li a.homeon {display: block; width: 46px; height: 53px; background: url("../img/menu/home-on.gif") no-repeat;}
#main-menu ul li a.hotels {display: block; width: 98px; height: 53px; background: url("../img/menu/hotels-off.gif") no-repeat;}
#main-menu ul li a.hotels:HOVER, #main-menu ul li a.hotelson {display: block; width: 98px; height: 53px; background: url("../img/menu/hotels-on.gif") no-repeat;}
#main-menu ul li a.apartments {display: block; width: 85px; height: 53px; background: url("../img/menu/apartments-off.gif") no-repeat;}
#main-menu ul li a.apartments:HOVER, #main-menu ul li a.apartmentson {display: block; width: 85px; height: 53px; background: url("../img/menu/apartments-on.gif") no-repeat;}
#main-menu ul li a.offices {display: block; width: 52px; height: 53px; background: url("../img/menu/offices-off.gif") no-repeat;}
#main-menu ul li a.offices:HOVER, #main-menu ul li a.officeson {display: block; width: 52px; height: 53px; background: url("../img/menu/offices-on.gif") no-repeat;}
#main-menu ul li a.designer {display: block; width: 121px; height: 53px; background: url("../img/menu/designer-off.gif") no-repeat;}
#main-menu ul li a.designer:HOVER, #main-menu ul li a.designeron {display: block; width: 121px; height: 53px; background: url("../img/menu/designer-on.gif") no-repeat;}
#main-menu ul li a.about {display: block; width: 50px; height: 53px; background: url("../img/menu/about-off.gif") no-repeat;}
#main-menu ul li a.about:HOVER, #main-menu ul li a.abouton {display: block; width: 50px; height: 53px; background: url("../img/menu/about-on.gif") no-repeat;}
#main-menu ul li a.contact {display: block; width: 61px; height: 53px; background: url("../img/menu/contact-off.gif") no-repeat;}
#main-menu ul li a.contact:HOVER, #main-menu ul li a.contacton {display: block; width: 61px; height: 53px; background: url("../img/menu/contact-on.gif") no-repeat;}

#sub-menu ul {width: 550px; height: 32px; margin: 0; list-style: none; position: relative; top: 100px; left: 50px}
#sub-menu ul.about {background: url("../img/bgnd-sub-menu-about.png") no-repeat;}
#sub-menu ul li {display: inline;}
#sub-menu ul li a {display: block; float: left; font-size: 0.9em; margin: 0 5px; padding: 10px; text-decoration: none;}
#sub-menu ul li a:HOVER, #sub-menu ul li a.on {text-decoration: underline;}

#content {width: 800px; margin: 0 auto; padding: 0 0 150px 0;}
#content p {margin: 0.5em 1.7em;}

#content ul {margin: 0.5em 1.7em; text-align: left;}
#content ul li {list-style: none; margin: 2em 0; padding: 0 0 0 2em; background: url("../img/bgnd-bullet.png") 0 3px no-repeat;}
#content ul li strong {font-size: 1.4em;}

#side {width: 250px; float: right;}
#side ul {margin: 0; padding: 0;}
#side ul li {list-style: none; background: none; padding: 0; margin: 0;}

#content blockquote {float: right; text-align: left; font-style: italic; text-indent: -9000px;}
#content blockquote.hotels {width: 760px; height: 150px; background: url("../img/bgnd-quote-si.png") no-repeat;}
#content blockquote.about {width: 760px; height: 150px; background: url("../img/bgnd-quote-about.png") no-repeat;}
#content blockquote.about-lisa {width: 760px; height: 150px; background: url("../img/bgnd-quote-it.png") no-repeat;}

#content .half {width: 380px; text-align: left;}

#content ul.gallery {margin: 10px auto 100px auto;}
#content ul.gallery li {list-style: none; display: block; width: 130px; height: 110px; overflow: hidden; float: left; margin: 5px 0; background: none;}
#content ul.gallery li a {list-style: none; display: block; width: 120px; height: 100px; float: left; border: 5px solid #9F070D;}
#content ul.gallery li a:HOVER {border: 5px solid #eee;}

#header {width: 760px; height: 340px; overflow: hidden; margin: 0 auto; background: url("../img/bgnd-header.png") bottom center no-repeat;}
#header #rotator {width: 760px; height: 300px; overflow: hidden;}
#header #rotator img {position: relative; left: 0;}

#header-inside {width: 760px; height: 190px; margin: 0 auto; background: url("../img/bgnd-header.png") bottom center no-repeat; overflow: hidden;}

#header-inside #rot2 {width: 760px; height: 150px; overflow: hidden;}
#header-inside #rot2 img {position: relative; left: 0; top: -70px;}
#header-inside #info {float: left; width: 180px; height: 30px; display: block; background: url("../img/bgnd-info.png") no-repeat; visibility: hidden; z-index: 10; position: relative; top: -30px; left: 0px;}
#header-inside:HOVER #info {visibility: visible; cursor: pointer;}
#header-inside div.shadow {width: 100%; height: 40px; margin: 0 auto; background: url("../img/bgnd-header.png") top center no-repeat; z-index: 10; position: absolute; top: 200px; left: 0;}

#no-header {width: 760px; height: 40px; margin: 0 auto; background: url("../img/bgnd-header.png") bottom center no-repeat;}

#video {width: 384px; margin: 0 auto;}

#footer {position: fixed; bottom: 0; left: 0; z-index: 50; width: 100%; height: 150px; background: url("../img/bgnd-footer.png") bottom left repeat-x;}
#footer .fixed {width: 760px; margin: 0 auto;}
#footer p {color: #fff;}
#footer p a {color: #fff;}
#footer p a.rm {visibility: hidden; margin: 22px 0 0 0; width: 45px; height: 45px; display: block; background: url("../img/rm-logo.png") no-repeat; text-indent: -9000px;}

form.inputform {}
form.inputform fieldset {border: none;}
form.inputform select, input, textarea {margin: 5px 0; border: 1px solid #fff; background: #200000; color: #fff; font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans, sans-serif, _sans; font-size: inherit;}
form.inputform select, input, textarea {padding: 0.3em; background: #1F1F1F url("../img/bgnd-forms.gif") top left repeat-x;}
form.inputform input.submit {width: 100px; font-weight: bold; padding: 0.3em 1em;}