html, body { width:100%; height:100%; min-height:100%; margin:0; padding:0; font:12px/19px helvetica, arial; color:#333; }
body { background-position:top center; background-repeat:no-repeat; }
a, object { text-decoration:none; outline:none; }
a img { border:none; }
p, h1, h2, h3 { margin:0 0 15px 0; padding:0; }
p a, li a, .post a, .addthis_toolbox a, .box a, .listbox strong a { color:#4CB1EB; border-bottom:1px dashed #A5D8F5; }
p a:hover, li a:hover, .post a:hover, .addthis_toolbox a:hover, .box a:hover, .listbox strong a:hover { color:#A5D8F5; }
#footer #bottom img:hover, .share:hover, .button1:hover, .linkimg a:hover img, .property a:hover .button, .apartmentheading img:hover, .homelink a:hover img { opacity:.7; filter: alpha(opacity = 70); }

/* Layout */
#container { width:100%; height:100%; min-height:100%; position:relative; }
html > body #container { height:auto; }
#content { width:875px; height:100%; margin:0 auto; position:relative; }
#logo { position:absolute; top:44px; left:-83px; }
#logo:hover { opacity:.7; }
#logo a { width:100%; height:100%; display:block; }
#logo span { position:absolute; top:-2000px; }
#rightcolumn { width:675px; _width:750px; padding:210px 0 0 200px; _padding-left:175px; }
#copy { width:600px; min-height:540px; _height:540px; margin:0 0 0 25px; padding:25px 25px 10px 25px; background:url(../images/copy-back.png) top right no-repeat; _background:#FFF; }
#copy ul { margin:0 0 15px 25px !important; }
#copy li { margin:0 !important; }
#copy li.indent { margin-left:70px !important; }
#copy li.indent2 { margin-left:35px !important; }
h1 { font:20px/20px helvetica, arial; }
h2 { font:15px/20px helvetica, arial; }
h3 { font:15px/20px helvetica, arial; }
#copy h1 { border-bottom:1px dashed #CCC; }
#copy h1, #copy h2 { color:#4CB1EB; }
td { vertical-align:top; }
hr { margin:0 0 15px 0; border:1px solid #FFF; border-bottom:1px dashed #C6C6C6; }
.fine { font:11px/17px helvetica, arial; }
.linkimg { margin:0 0 15px 0; }
.linkimg a { border-bottom:none; }
.linkimg img { padding:1px; border:1px solid #CCC; }
.linkimg a:hover img, .homelink a:hover img { border:1px solid #E19A20; }
.break { width:100%; height:1px; display:table; }
.skip { font-size:11px; color:#CCC; }
.skip a { margin:0 6px; }
.legend img { margin:0 0 -4px 0; }
.legend span { color:#BBB; }
.legend strong { margin:0 15px 0 0; }

/* Buttons */
.button, .button2 { width:180px; height:28px; margin-bottom:6px; font-size:13px; font-weight:bold; color:#222; text-align:center; }
.button2.yellow { height:24px; padding-top:4px; text-shadow:#FFF 0 0 4px; background:url(../images/button-yellow.png) top; }
.button2.blue { height:24px; padding-top:4px; text-shadow:#FFF 0 0 4px; background:url(../images/button-blue.png) top; }
.button a { width:100%; height:24px; padding-top:4px; display:block; }
.button2 span { font-size:15px; }
.button.yellow a { color:#222; text-shadow:#FFF 0 0 4px; background:url(../images/button-yellow.png) top; }
.button.blue a { color:#FFF; text-shadow:#333 0 0 4px; background:url(../images/button-blue.png) top; }
.button.grey a { width:200px; color:#222; text-shadow:#FFF 0 0 4px; background:url(../images/button-grey.png) top; }
.button a:hover { background-position:bottom; }

/* Menu */
#menu { position:absolute; top:210px; left:0; }
#menu .heading { width:200px; height:45px; margin:0 !important; float:none !important; background:url(../images/respanel-heading.png) top; _background:url(../images/respanel-heading.gif) top; }
#menu .details { width:180px; height:247px; padding:10px 10px 0 10px; background:#FFF url(../images/respanel-back.jpg) bottom no-repeat; }
#menu p { margin:2px 0 8px 0; padding-bottom:5px; font-size:13px; border-bottom:1px dashed #CCC; }
#menu p span { font-size:11px; }
#menu p a { font-size:12px; font-weight:bold; color:#EAA80F; border-bottom:none; }
#menu p a:hover { color:#F4D387; }
#map { position:absolute; top:413px; left:-29px; }
#map div { margin:20px 0 0 28px; }
#map ul { margin:0; padding:0; list-style:none; }
#map li { margin:8px 0 0 0; padding:0 0 0 11px; background:url(../images/li.gif) top left no-repeat; }
.sub { margin-top:25px; }
.info { width:200px; margin-top:20px; }
.addthis_toolbox { margin-top:20px; color:#BBB; }
.addthis_toolbox a { margin-right:5px; font-weight:bold; border:none !important; }
.addthis_button_facebook { margin-left:5px; }
.addthis_button_email { margin:0; }

/* Home Nav */
#rightcolumn .heading { width:200px; height:45px; margin:0 0 0 25px; float:left; }
#rightcolumn .heading a { width:100%; height:100%; display:block; cursor:pointer; }
#rightcolumn .heading a:hover { background-position:bottom; }
#rightcolumn .heading span { position:absolute; top:-2000px; }
#rightcolumn .accommodation a { background:url(../images/b-accommodation.png) top; }
#rightcolumn .packages a { background:url(../images/b-packages.png) top; }
#rightcolumn .activities a { background:url(../images/b-activities.png) top; }
#rightcolumn ul { margin:0; padding:0; list-style:none; }
#rightcolumn li { margin:8px 0 0 25px; padding:0 0 0 11px; background:url(../images/li.gif) top left no-repeat; }
#rightcolumn td ul { margin:0 0 15px 0 !important; }
#rightcolumn td li { margin:8px 0 0 0 !important; }

/* Property Boxes */
.box { width:200px; height:274px; margin:0 0 25px 25px; font-size:11px; background:url(../images/box-back.jpg) bottom no-repeat; float:left; position:relative; }
.box.activity, .box.motel { background:url(../images/box-back2.jpg) bottom no-repeat; }
.box a { width:188px; height:137px; padding:140px 0 0 12px; border:none !important; background:url(../images/box-up.gif) bottom right no-repeat; display:block; position:relative; z-index:2; }
.box a:hover { background:url(../images/box-over.gif) bottom right no-repeat; }
.box .thumbnail, .box .cover { width:200px; height:110px; position:absolute; top:20px; }
.box .thumbnail { overflow:hidden; }
.box .thumbnail img { width:200px; }
.box .cover { background:url(../images/box-img-cover.png); _background:none; }
.box .topbar { background:url(../images/box-top.png); }
.banner { width:200px; height:30px; background:url(../images/box-banner.png); _background:#333; position:absolute; top:100px; }
.banner img { width:75px; height:15px; margin:-12px 8px 8px 8px; position:absolute; top:20px; }
.banner div { margin:2px 7px 0 0; font-size:10px; color:#FFF; float:right; }
.banner span { font:18px georgia; }
.box .details { padding:12px; position:absolute; top:142px; }
.box h3 { margin:0; font-size:12px; font-weight:bold; line-height:15px; }
.box p { margin-bottom:7px; line-height:17px; }
.box .address { font-size:10px; }
.intro { height:50px; overflow:hidden; }
.activity .intro { height:70px !important; }
.box .guests, .box .beds, .box .baths, .box .motelrooms { font-size:12px; font-weight:bold; position:absolute; bottom:15px; }
.box .guests { left:37px; }
.box .guests span { font-size:11px; font-weight:normal; }
.box .beds { left:81px; }
.box .baths { left:123px; }
.box .motelrooms { left:10px; }
.box .motelrooms span { font-weight:normal; }
.permanentbox .beds { left:37px; }
.permanentbox .baths { left:81px; }
.featured { width:81px; height:81px; background:url(../images/box-featured.png); _background:url(../images/box-featured2.png); position:absolute; top:15px; left:-5px; z-index:1; }
.topbar { width:200px; height:20px; position:absolute; top:0; }
.propertybox { background:url(../images/box-back3.jpg) bottom no-repeat !important; }
.box .hot { width:53px; height:53px; background:url(../images/hot.png); position:absolute; top:20px; left:0; z-index:10; display:none; }
.box .hot.enable { display:block; }

.motel #rates, .motel .nodisplay, .box.standard .motelrooms, .motel .guests, .motel .beds, .motel .baths, .standard .norates, .standard .motelrooms { display:none; }

/* Specials Boxes */
.specialbox { width:650px; height:120px; margin:20px 0 0 25px; background:url(../images/specials-back.png); float:left; position:relative; }
.specialbox a { width:348px; height:99px; padding:21px 0 0 302px; color:#FFF; background:url(../images/specials-back-up.gif) top right no-repeat; display:block; position:relative; z-index:2; cursor:pointer; }
.specialbox a:hover { color:#F0CD90; background-image:url(../images/specials-back-over.gif); }
.specialbox img, .specialbox .cover { width:280px; height:100px; position:absolute; top:10px; left:10px; }
.specialbox .cover { background:url(../images/specials-img-cover.png); _background:none; }
.specialbox h3 { margin:0; font-size:14px; font-weight:bold; }
.specialbox p { height:50px; padding-right:20px; overflow:hidden; color:#FFF; line-height:17px; position:absolute; top:46px; left:303px; }
.specials { min-height:250px; _height:250px; }
.specials img { width:280px; height:100px; float:left; margin:0 20px 10px 0; padding:1px; border:1px solid #CCC; }
.specials .details { min-height:125px; _height:125px; }

.events { margin-bottom:20px; background:url(../images/events-back.jpg); }
.events a { color:#E19A20; background:url(../images/events-back-up.gif) top right no-repeat; }
.events a:hover { color:#F0CD90; background-image:url(../images/events-back-over.gif); }
.events h3 { font-size:15px; font-weight:normal; }
.events p { color:#666; }
#mapcontainer { width:598px; height:204px; margin:0 0 15px 0; border:1px solid #CCC; }
#googlemap { width:596px; height:202px; margin:1px; }

/* Other Boxes */
.box2, .box3 { width:200px; height:185px; margin:22px 0 0 25px; line-height:17px; background:url(../images/box2-back.jpg); float:left; position:relative; }
.box2 a { width:100%; height:100%; display:block; color:#666; cursor:pointer; }
.box2 a:hover { background:url(../images/box2-back-over.jpg); }
.box2 h3 { margin:0 0 12px 0; padding:16px 0 0 0; text-align:center; }
.box2 .img { margin:0 0 7px 0; }
.box2 .cover { width:200px; height:96px; background:url(../images/box2-cover.png); _background:none; position:absolute; top:42px; left:0; }
.box2 p { margin:0 12px; }
.box3 ul { margin-top:9px !important; }
.box3 li { margin:8px 0 0 12px !important; font-weight:bold; }
.box3 a, .listbox li a { color:#666 !important; border-bottom:1px dashed #C6C6C6; }
.box3 a:hover, .listbox li a:hover { color:#C6C6C6 !important; }

/* Blog */
.blogtitle { margin:0 0 25px 0; }
.calendar { width:51px; height:46px; margin:0 11px 0 0; float:left; background:url(../images/i-calendar.png); }
.month { margin:1px 0 0 0; font:10px helvetica, arial; color:#FFF; text-align:center; text-transform:uppercase; }
.day { margin:2px 0 0 0; font:20px helvetica, arial; text-align:center; }
.blogtitle h2 { margin:0 0 3px 0; padding:2px 0 0 0; }
.blogtitle p { font:11px helvetica, arial; }
#blogfooter { margin-bottom:15px; padding:15px 15px 5px 15px; background:#F5F5F5; border:1px solid #E5E5E5; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
#blogfooter hr { border:1px solid #F5F5F5; border-bottom:1px dashed #C6C6C6; }

/* Forms */
#form { font-size:12px; }
#form label { margin:6px 0 0 0; position:absolute; }
.mandatory { color:#E19A20; }
.text1, .cat_textbox, .productTextInput, .cartInputText { width:250px; margin:2px 0 2px 150px; padding:3px; font:12px helvetica, arial; color:#666; border:1px solid #CCC; }
.cat_textbox { width:152px !important; margin:0; }
.text1:hover, .cat_textbox:hover, .productTextInput:hover, .cartInputText:hover, .text1:focus, .cat_textbox:focus, .productTextInput:focus, .cartInputText:focus { border-color:#4CB1EB; }
.formbutton, .productSubmitInput { width:160px; height:30px; font:13px helvetica, arial; font-weight:bold; cursor:pointer; }
.mandatory { font-weight:bold; }

/* Footer */
#footer { width:100%; height:224px; background:url(../images/footer-back.png) bottom; position:relative; border-top:1px solid #D6D6D6; }
#footer #top { width:875px; _width:834px; height:194px; margin:0 auto; }
.listbox { width:191px; margin:17px 0 0 10px; font-size:12px; line-height:17px; float:left; }
.listbox a { font-size:14px }
.listbox ul { margin:0; padding:0; list-style:none; }
.listbox li { margin:9px 0 0 0px; padding:0 0 0 11px; background:url(../images/li.gif) top left no-repeat; }
#footer #top .box2 { height:146px; margin:18px 25px 0 0; background:url(../images/box2-back2.jpg); }
#footer #top .box2 a:hover { background:url(../images/box2-back2-over.jpg); }
#footer #top .box2 .img { width:200px; height:53px; }
#footer #top .box2 .cover { height:53px; background:url(../images/box2-cover2.png); }
#footer #bottom { width:875px; margin:0 auto; font-size:11px; color:#FFF; }
#footer #bottom a { color:#FFF; font-weight:bold; }
#footer #bottom a:hover { color:#CCC; }
#footer .left { float:left; }
#footer .right { float:right; }
#footer .right a { margin-left:18px; }
#footer2 { width:100%; height:25px; padding:7px 0 0 0; font-weight:bold; text-align:center; background:#D6D6D6; position:relative; }
#footer2 a { margin:0 19px; color:#666; }
#footer2 a:hover { color:#999; }
.homelink { margin-top:18px; float:left; }
.homelink img { padding:1px; border:1px solid #CCC; }

/* Extras */
#widgets { text-align:right; position:absolute; top:20px; right:20px; }
#widgets img { margin:0 0 0 10px; }
#tooltip { position:absolute; z-index:100; border:1px solid #111; background-color:#eee; padding:5px; opacity:.85; }
