
#wrapper { background-color: #f0f0f0; background-repeat: repeat; width: 1000px; height: auto; overflow: hidden; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-bottom: 0; border-right-style: solid; border-right-width: 1px; border-left-style: solid; border-left-width: 1px; }
#header { background-color: #fff; background-image: url(images/siesta_top_photo.gif); background-repeat: repeat-y; width: 1000px; height: 98px; }
#mainphoto { background-image: url(images/siesta_header_log.jpg); background-repeat: no-repeat; width: 1000px; height: 457px; padding: 0; }
#menu { background-color: #506f23; width: 900px; height: 32px; margin: 0; padding: 0 50px; border-top: 2px groove #f6e067; border-bottom: 2px ridge #f6e067; }
#info ul { background-image: url(images/main_bground.jpg); list-style-type:none; width:auto; height:25px; position:relative; margin-top: auto; margin-right: auto; margin-left: auto; padding-top: 3px; padding-right: 0; padding-bottom: 3px; }
#info img {border:0;}
#info li { text-align: center; display:block; height:20px; float:left; margin:1px; }
#info a { display:block; height:20px; text-align:center; text-decoration:none; color:#fff; font-size: 16px; font-family: arial; font-weight: bold; padding-right: 25px; padding-left: 25px; }
#info a em, #info a span {display:none;}
a:hover#link1 {background:#ffd610; color:#000;}
a:hover#link1 span { display:block; position:absolute; left:42px; width:150px; height:113px; border:solid 1px #000; background:#697210; top: -50px; }
a:hover#link2 {background:#ffd610; color:#000;}
a:hover#link2 span {display:block; position:absolute; left:170px; top:-50px; width:150px; height:113px; border:solid 1px #000;background:#e09222;}
a:hover#link3 {background:#ffd610;}
a:hover#link3 span {display:block; position:absolute; left:280px; top:-30px; width:150px; height:60px; border:solid 1px; background:#f0c992; color:#000;}
a:hover#link4 {background:#ffd610; color:#000;}
a:hover#link4 span {display:block; position:absolute; left:390px; top:-50px; width:150px; height:113px; border:solid 1px; background:#ffd610; color:#000;}
a:hover#link5 {background:#ffd610;}
a:hover#link5 span {display:block; position:absolute; left:520px; top:-50px; width:150px; height:113px; border:solid 1px #000; background:#b55568;}
a:hover#link6 {background:#ffd610;}
a:hover#link6 span {display:block; position:absolute; left:650px; top:-50px; width:150px; height:113px; border:solid 1px #000; background:#847b52;}
a:hover#link7 {background:#ffd610;}
a:hover#link7 span {display:block; position:absolute; left:790px; top:-50px; width:150px; height:113px; border:solid 1px #000; background:#724a10;}
#id { }
#content { font-size: 13px; font-family: arial; line-height: 16px; background-color: #fff; background-image: url(images/contentbg.jpg); background-repeat: repeat-x; padding: 20px 80px; }
h1 { color: #506f23; font-size: 18px; font-family: arial; font-weight: bold; text-align: center; margin: 12px 0; }
#footer { color: #fff; font-size: 11px; background-color: #506f23; text-align: center; margin-bottom: 0; padding-bottom: 0; }
body { color: black; background-color: white; margin: 0; padding: 0; }

.highlight { background-color: #d6dec7; padding: 3px; }
#navlist
{ background-color: #40591c; padding-left: 0; border-bottom: 1px solid gray; width: 180px; margin: 0 5px 0; padding-top: -10px; }
#navlist li
{ padding: 6px 5px; list-style: none; border-bottom: 1px solid #fff; }
#navlist li a { color: #f6e067; font-size: 14px; font-weight: bold; text-decoration: none; padding: 11px 5px; }
.highlight { background-color: #d6dec7; padding: 3px; }
#maincontent { font-size: 13px; font-family: arial; line-height: 16px; background-color: #fff; background-image: url(images/contentbg.jpg); background-repeat: repeat-x; padding: 0; border-top: 2px ridge #40591c; }
#roommainphoto { background-image: url(images/siesta_hotel_photo.jpg); background-repeat: no-repeat; width: 1000px; height: 483px; padding: 0; border-bottom: 3px solid #40591c; }
#leftbox { background-color: #40591c; left: 0; width: 190px; overflow: hidden; float: left; margin-bottom: 0; }
#middlebox { margin: 0 250px 0 205px; padding: 20px 10px 0; }
#rightbox { right: 0; width: 200px; float: right; margin-bottom: 0; padding-right: 10px; border-left: 2px solid #40591c; }
#middlebox em { font-size: 16px; font-weight: bold; font-style: italic; }
#roomheader { background-color: #fff; background-image: url(images/siesta_top_hotel_logo.gif); background-repeat: repeat-y; width: 1000px; height: 98px; }
#roompagephoto { background-image: url(images/siesta_main_room.jpg); background-repeat: no-repeat; width: 1000px; height: 457px; padding: 0; border-bottom: 3px solid #40591c; }
#roompageheader { background-color: #fff; background-image: url(images/siesta_top_room.gif); background-repeat: repeat-y; width: 1000px; height: 98px; }
h2 { color: #fff697; font-size: 13px; font-weight: bold; text-align: center; margin: 5px 0; border-bottom: 1px groove #fff697; }
#navlist a:hover { color: #f6faec; font-size: 14px; font-weight: bold; text-decoration: none; }
#navlist #current { color: #1f2b0d; font-size: 14px; font-weight: bold; text-decoration: none; }
#specialheader { background-color: #fff; background-image: url(images/siesta_top_special.gif); background-repeat: repeat-y; width: 1000px; height: 98px; }
#specialmainphoto { background-image: url(images/siesta_special_photo.jpg); background-repeat: no-repeat; width: 1000px; height: 457px; padding: 0; border-bottom: 3px solid #40591c; }
#packageheader { background-color: #fff; background-image: url(images/siesta_top_package.gif); background-repeat: repeat-y; width: 1000px; height: 98px; }
#packagemainphoto { background-image: url(images/siesta_package_photo.jpg); background-repeat: no-repeat; width: 1000px; height: 445px; padding: 0; border-bottom: 3px solid #40591c; }
#restaurantheader { background-color: #fff; background-image: url(images/siesta_restaurant_package.gif); background-repeat: repeat-y; width: 1000px; height: 98px; }
#restaurantmainphoto { background-image: url(images/siesta_restaurant_photo.jpg); background-repeat: no-repeat; width: 1000px; height: 445px; padding: 0; border-bottom: 3px solid #40591c; }
#bookingheader { background-color: #fff; background-image: url(images/booking_top.gif); background-repeat: repeat-y; width: 1000px; height: 98px; }
#bookingphoto { background-image: url(images/booking_photo.jpg); background-repeat: no-repeat; width: 1000px; height: 445px; padding: 0; border-bottom: 3px solid #40591c; }
