@charset "utf-8";
/* CSS Document */

<style type="text/css">
/* defaults required for IE */
a, a:visited, a:hover, a:active, a:focus {color:#000;}

#aspenholder {position:relative; background:transparent url(../images/guest_rooms/Aspen_Bedroom_2.jpg) 0px 0 no-repeat; margin-bottom:10px; width:720px; height:600px; }
#aspenscrollbox {padding:0; margin-right:7px; width:95px; list-style:none; height:560px; overflow:auto; float:right;}
#aspenscrollbox li {float:left;}
#aspenscrollbox a {display:block; color:#999; text-decoration:none; border:1px solid #fff; width:75px; height:110px; float:left; padding-left:5px; font-family:"trebuchet ms", sans-serif; font-size:12px; text-align:left;}
#aspenscrollbox a.slidea {background:url(../images/guest_rooms/Aspen_Bedroom_2t.jpg) no-repeat center center;}
#aspenscrollbox a.slideb {background:url(../images/guest_rooms/Aspen_Bedroomt.jpg) no-repeat center center;}
#aspenscrollbox a.slidec {background:url(../images/guest_rooms/Aspen_Bathroomt.jpg) no-repeat center center;}
#aspenscrollbox a span {display:block; position:absolute; left:-9999px; top:0;}
#aspenscrollbox a span img {border:0; background:red;}
#aspenscrollbox a:hover {border:1px solid #888;}
#aspenscrollbox a:hover span {width:600px; height:600px; left:0px; background:#F2FFDF; z-index:100;}
#aspenscrollbox a:active {border:1px solid #000;}
#aspenscrollbox a:focus {border:1px solid #000; outline:0;}
* html #aspenscrollbox a:active span {width:600px; height:600px; top:0; left:0px; color:#000; background:yellow; z-index:-1;}
#aspenscrollbox a:focus span {width:600px; height:600px; top:0; left:0px; color:#000; background:#F2FFDF; z-index:10; outline:0;}

#cedarholder {position:relative; background:transparent url(../images/guest_rooms/Cedar.jpg) 0px 0 no-repeat; margin-bottom:10px; width:720px; height:600px;}
#cedarscrollbox {padding:0; margin-right:7px; width:95px; list-style:none; height:360px; overflow:auto; float:right;}
#cedarscrollbox li {float:left;}
#cedarscrollbox a {display:block; color:#999; text-decoration:none; border:1px solid #fff; width:75px; height:110px; float:left; padding-left:5px; font-family:"trebuchet ms", sans-serif; font-size:12px; text-align:left;}
#cedarscrollbox a.slidea {background:url(../images/guest_rooms/Cedart.jpg) no-repeat center center;}
#cedarscrollbox a.slideb {background:url(../images/guest_rooms/Cedar2t.jpg) no-repeat center center;}
#cedarscrollbox a.slidec {background:url(../images/guest_rooms/Cedar_Bathroomt.jpg) no-repeat center center;}
#cedarscrollbox a span {display:block; position:absolute; left:-9999px; top:0;}
#cedarscrollbox a span img {border:0; background:red;}
#cedarscrollbox a:hover {border:1px solid #888;}
#cedarscrollbox a:hover span {width:600px; height:600px; left:0px; background:#F2FFDF; z-index:100;}
#cedarscrollbox a:active {border:1px solid #000;}
#cedarscrollbox a:focus {border:1px solid #000; outline:0;}
* html #cedarscrollbox a:active span {width:600px; height:600px; top:0; left:0px; color:#000; background:yellow; z-index:-1;}
#cedarscrollbox a:focus span {width:600px; height:600px; top:0; left:0px; color:#000; background:#F2FFDF; z-index:10; outline:0;}


#cwholder {position:relative; background:transparent url(../images/guest_rooms/Cottonwood_1.jpg) 0px 0 no-repeat; margin-bottom:10px; width:720px; height:400px; }
#cwscrollbox {padding:0;margin-right:7px; width:95px; list-style:none; height:360px; overflow:auto; float:right;}
#cwscrollbox li {float:left;}
#cwscrollbox a {display:block; color:#999; text-decoration:none; border:1px solid #fff; width:75px; height:110px; float:left; padding-left:5px; font-family:"trebuchet ms", sans-serif; font-size:12px; text-align:left;}
#cwscrollbox a.slidea {background:url(../images/guest_rooms/Cottonwood_1t.jpg) no-repeat center center;}
#cwscrollbox a.slideb {background:url(../images/guest_rooms/Cottonwood_1at.jpg) no-repeat center center;}
#cwscrollbox a span {display:block; position:absolute; left:-9999px; top:0;}
#cwscrollbox a span img {border:0; background:red;}
#cwscrollbox a:hover {border:1px solid #888;}
#cwscrollbox a:hover span {width:600px; height:400px; left:0px; background:#F2FFDF; z-index:100;}
#cwscrollbox a:active {border:1px solid #000;}
#cwscrollbox a:focus {border:1px solid #000; outline:0;}
* html #cwscrollbox a:active span {width:600px; height:400px; top:0; left:0px; color:#000; background:yellow; z-index:-1;}
#cwscrollbox a:focus span {width:600px; height:400px; top:0; left:0px; color:#000; background:#F2FFDF; z-index:10; outline:0;}


#juniperholder {position:relative; background:transparent url(../images/guest_rooms/Juniper.jpg) 0px 0 no-repeat; margin-bottom:10px; width:720px; height:600px; }
#juniperscrollbox {padding:0; margin-right:7px; width:95px; list-style:none; height:580px; overflow:auto; float:right;}
#juniperscrollbox li {float:left;}
#juniperscrollbox a {display:block; color:#999; text-decoration:none; border:1px solid #fff; width:75px; height:110px; float:left; padding-left:5px; font-family:"trebuchet ms", sans-serif; font-size:12px; text-align:left;}
#juniperscrollbox a.slidea {background:url(../images/guest_rooms/Junipert.jpg) no-repeat center center;}
#juniperscrollbox a.slideb {background:url(../images/guest_rooms/Juniper_4at.jpg) no-repeat center center;}
#juniperscrollbox a.slidec {background:url(../images/guest_rooms/Juniper_Bathroomt.jpg) no-repeat center center;}
#juniperscrollbox a.slided {background:url(../images/guest_rooms/Juniper_Bathroom2t.jpg) no-repeat center center;}
#juniperscrollbox a.slidee {background:url(../images/guest_rooms/Juniper_twinst.jpg) no-repeat center center;}
#juniperscrollbox a span {display:block; position:absolute; left:-9999px; top:0;}
#juniperscrollbox a span img {border:0; background:red;}
#juniperscrollbox a:hover {border:1px solid #888;}
#juniperscrollbox a:hover span {width:600px; height:600px; left:0px; background:#F2FFDF; z-index:100;}
#juniperscrollbox a:active {border:1px solid #000;}
#juniperscrollbox a:focus {border:1px solid #000; outline:0;}
* html #juniperscrollbox a:active span {width:600px; height:600px; top:0; left:0px; color:#000; background:yellow; z-index:-1;}
#juniperscrollbox a:focus span {width:600px; height:600px; top:0; left:0px; color:#000; background:#F2FFDF; z-index:10; outline:0;}

#oakholder {position:relative; background:transparent url(../images/guest_rooms/Oakwood_2.jpg) 0px 0 no-repeat; margin-bottom:10px; width:720px; height:600px; }
#oakscrollbox {padding:0; margin-right:7px; width:95px; list-style:none; height:560px; overflow:auto; float:right;}
#oakscrollbox li {float:left;}
#oakscrollbox a {display:block; color:#999; text-decoration:none; border:1px solid #fff; width:75px; height:110px; float:left; padding-left:5px; font-family:"trebuchet ms", sans-serif; font-size:12px; text-align:left;}
#oakscrollbox a.slidea {background:url(../images/guest_rooms/Oakwood_2t.jpg) no-repeat center center;}
#oakscrollbox a.slideb {background:url(../images/guest_rooms/Oakwood_2at.jpg) no-repeat center center;}
#oakscrollbox a span {display:block; position:absolute; left:-9999px; top:0;}
#oakscrollbox a span img {border:0; background:red;}
#oakscrollbox a:hover {border:1px solid #888;}
#oakscrollbox a:hover span {width:600px; height:600px; left:0px; background:#F2FFDF; z-index:100;}
#oakscrollbox a:active {border:1px solid #000;}
#oakscrollbox a:focus {border:1px solid #000; outline:0;}
* html #oakscrollbox a:active span {width:600px; height:600px; top:0; left:0px; color:#000; background:yellow; z-index:-1;}
#oakscrollbox a:focus span {width:600px; height:600px; top:0; left:0px; color:#000; background:#F2FFDF; z-index:10; outline:0;}

#roseholder {position:relative; background:transparent url(../images/guest_rooms/Rosewood_Bedroom.jpg) 0px 0 no-repeat; margin-bottom:10px; width:720px; height:400px; }
#rosescrollbox {padding:0; margin-right:7px; width:95px; list-style:none; height:360px; overflow:auto; float:right;}
#rosescrollbox li {float:left;}
#rosescrollbox a {display:block; color:#999; text-decoration:none; border:1px solid #fff; width:75px; height:110px; float:left; padding-left:5px; font-family:"trebuchet ms", sans-serif; font-size:12px; text-align:left;}
#rosescrollbox a.slidea {background:url(../images/guest_rooms/Rosewood_Bedroomt.jpg) no-repeat center center;}
#rosescrollbox a.slideb {background:url(../images/guest_rooms/Rosewood_Bedroom-2t.jpg) no-repeat center center;}
#rosescrollbox a.slidec {background:url(../images/guest_rooms/Rosewood_Bathroomt.jpg) no-repeat center center;}
#rosescrollbox a span {display:block; position:absolute; left:-9999px; top:0;}
#rosescrollbox a span img {border:0; background:red;}
#rosescrollbox a:hover {border:1px solid #888;}
#rosescrollbox a:hover span {width:600px; height:600px; left:0px; background:#F2FFDF; z-index:100;}
#rosescrollbox a:active {border:1px solid #000;}
#rosescrollbox a:focus {border:1px solid #000; outline:0;}
* html #rosescrollbox a:active span {width:600px; height:400px; top:0; left:0px; color:#000; background:yellow; z-index:-1;}
#rosescrollbox a:focus span {width:600px; height:400px; top:0; left:0px; color:#000; background:#F2FFDF; z-index:10; outline:0;}

#willowholder {position:relative; background:transparent url(../images/guest_rooms/Willow.jpg) 0px 0 no-repeat; margin-bottom:10px; width:720px; height:600px; }
#willowscrollbox {padding:0; margin-right:7px; width:95px; list-style:none; height:560px; overflow:auto; float:right;}
#willowscrollbox li {float:left;}
#willowscrollbox a {display:block; color:#999; text-decoration:none; border:1px solid #fff; width:75px; height:110px; float:left; padding-left:5px; font-family:"trebuchet ms", sans-serif; font-size:12px; text-align:left;}
#willowscrollbox a.slidea {background:url(../images/guest_rooms/Willowt.jpg) no-repeat center center;}
#willowscrollbox a.slidec {background:url(../images/guest_rooms/Willow_Bunkbedst.jpg) no-repeat center center;}
#willowscrollbox a.slideb {background:url(../images/guest_rooms/Willow_Bathroomt.jpg) no-repeat center center;}
#willowscrollbox a span {display:block; position:absolute; left:-9999px; top:0;}
#willowscrollbox a span img {border:0; background:red;}
#willowscrollbox a:hover {border:1px solid #888;}
#willowscrollbox a:hover span {width:600px; height:600px; left:0px; background:#F2FFDF; z-index:100;}
#willowscrollbox a:active {border:1px solid #000;}
#willowscrollbox a:focus {border:1px solid #000; outline:0;}
* html #willowscrollbox a:active span {width:600px; height:600px; top:0; left:0px; color:#000; background:yellow; z-index:-1;}
#willowscrollbox a:focus span {width:600px; height:600px; top:0; left:0px; color:#000; background:#F2FFDF; z-index:10; outline:0;}