/* html elements /////////////////////////////////////////// */
* { margin:0; padding:0;}
html, body { height: 100%; width: 100%; margin: 0 0 0 -1px; }
body { background: #67030d; font-family:Georgia, Times New Roman, serif; }
a.skipNav {font-size:1px; text-indent:-9999px; float:left;}
.clear {overflow:hidden; height:1px; font-size:1px; text-indent:-9999; clear:both; }
p {margin: 0 0 10px 0;}
a img {border: 0;}
body#home a#hometab,
body#news a#newstab,
body#about a#abouttab,
body#rooms a#roomstab,
body#things a#thingstab { border-top:1px solid #000; height:16px; color: white; background: #414836; }
::selection {
background: #af878b; /* Safari */
}
::-moz-selection {
background: #af878b; /* Firefox */
}
/* main layout divs /////////////////////////////////////////// */
#container { background: url(../images/top-bg.gif) repeat-x; min-height: 100%; height: auto !important; overflow: hidden; position: relative; width: 100%; }
#container2 { background: url(../images/top-bg-pg.gif) repeat-x; min-height: 100%; height: auto !important; overflow: hidden; position: relative; width: 100%; }
#main { margin: 0 auto; width: 860px; padding: 0 0 200px 0; overflow: hidden; }
#header { width: 100%; height: 182px; margin: 0 auto; z-index: 100; }
#headercontent { width: 860px; margin: 0 auto; }
#featured { width: 100%; height: 259px; overflow: hidden; }
#slideshow { width: 860px; height: 259px; }
#title { width: 100%; height: 65px; overflow: hidden; }
#title h1 { color: #e5e1d0; font-size: 30px; font-family: Georgia, Times New Roman, serif; font-weight: normal; margin: 15px 0 0 0; }
#editorial { padding: 35px 0 150px 0; }
/* Header /////////////////////////////////////////// */
#header h2,
#header h2 a { margin:0px; }
#header h2 { margin:17px 0 0 0; float:left; }
#header h2 a { width:327px; height:135px; display:block; background:url(../images/ac-inn-logo.gif) no-repeat; font-size:1px; text-indent:-9999px; }
#rt-contact { float: right; width: 505px; height: 80px; text-align: right; }
#rt-contact ul { list-style: none}
.phone { float: left; width: 280px; padding: 10px 15px 0 0; }
.phone p { font-size: 20px; color: #414836; font-weight: normal; margin: 5px 0 0 0; text-align: right; }
#bookNow { float: right; width: 203px; height: 52px; overflow: hidden; background: url(../images/book-now.gif) no-repeat; margin: -2px 0 0 0; }
#bookNow ul { list-style:none; margin:0 0 0 0; padding:0; }
#bookNow li { display:inline; float:left; }
#bookNow a { font-size:1px; text-indent:-9999px; display:block; height:52px; width:203px; background:url(../images/book-now.gif) no-repeat; }
a#book { width:203px; background-position:0 0; }
a#book:hover { background-position:0 -52px; }
/* Navigation /////////////////////////////////////////// */
#mainNav { float: right; letter-spacing: .07em; width: 510px; margin: 15px 0 0 0; }
#mainNav ul { list-style: none; font-size: 12px; z-index: 1000; }
#mainNav ul li { z-index: 1000;}
/*#nav { margin:0px; padding:0px; position:absolute; top: 70px; display:block;}
#nav > li { list-style-type:none; float:left; display:block; margin:0px 10px;
position:relative; padding:10px; width:100px;}
#nav > li:hover ul { display:block; }
#nav > li:hover { background-color:#808080; -moz-border-radius:10px; -webkit-border-radius:10px; }
#nav li ul { margin:0px; padding:0px; display:none;}
#nav li ul li { list-style-type:none; margin:10px 0 0 0;}
#nav li ul li a { display:block; padding:5px 10px; color:#A2E200; text-decoration:none;}
#nav li ul li:hover a { background-color:#606060; -moz-border-radius:5px; -webkit-border-radius:5px;}
#nav li span { cursor:pointer; margin:0px 10px; font-weight:bold; }
/* Featured Area /////////////////////////////////////////// */
/* Editorial /////////////////////////////////////////// */
#editorial { width: 100%; }
#leftColumn { float: left; width: 532px; overflow: hidden; color: #e5e1d0; font-size: 14px; line-height: 17px; padding: 0 0 0 2px; }
#leftColumn h2 { color: #e5e1d0; margin: 10px 0 10px 0; font-size: 30px; font-weight: normal; letter-spacing: .05em; }
#leftColumn a { color: #dcf0b7; }
#leftColumn a:hover { color: #ffffff; }
/*#leftColumn img { margin: 10px; }*/
#leftColumn ul { margin: 0 0 20px 30px; list-style:circle; }
#rightColumn { float: right; width: 283px; overflow: hidden;}
#rightColumn2 { float: right; width: 315px; }
#rightColumn a { color: #dcf0b7; }
#rightColumn a:hover { color: #ffffff; }
#rightColumn img { margin: 0 0 10px 0; }
#fullwidth { float: left; width: 858px; color: #e5e1d0; font-size: 14px; line-height: 17px; overflow: hidden; padding: 0 1px; }
#fullwidth ul { margin: 0 0 20px 30px; list-style:circle; }
#fullwidth a { color: #dcf0b7; }
#fullwidth a:hover { color: #ffffff; }
.bodyimg { margin: 10px; }
/* Room Galleries */
#galleryright { width: 515px; float: right; height: 100%; }
#roomgallery ul { list-style:none; margin:0 0 0 0; padding:0; text-align: right; }
#roomgallery li { display:inline; float:left; margin: 0 20px 20px 0; text-align: right; }
#roomgallery li a { border: #c0bba3 solid 2px; display: block; width: 100px; height: 100px; }
#roomgallery li a:hover { border: white solid 2px; }
#narrowleftcontent { float: left; width: 315px; padding: 0 20px 0 0; color: #e5e1d0; font-size: 14px; line-height: 17px; overflow: hidden; }
#narrowleftcontent a { color: #dcf0b7; }
#narrowleftcontent a:hover { color: #ffffff; }
#roomlinks { width: 100%; margin: 20px 0 20px 0; overflow: hidden; }
.roomlink { float:left; margin: 5px; text-align: center; }
.roomlink img { border: white solid 2px; margin: 0 0 5px 0; }
.clearBoth { clear:both; }
iframe { margin: 0 0 10px 0; } /*facebook*/
#package { width: 100%; border-bottom: #afaf9d dotted 2px; padding: 0 0 15px 0; margin: 15px 0 0 0; }
#reserve-bg { width: 315px; height: 62px; background: url(../images/reserve-btn.jpg) no-repeat; overflow: hidden; font-size: 18px; text-align: right; margin: 20px 0; }
#reserve-bg a { color: #414836; text-decoration: none; font-weight: normal; display: block; padding: 21px 15px; }
#reserve-bg a:hover { color: #850101; }
#specials { background: #e5e1d0; padding: 10px; }
#specials p { font-size: 11px; color: #727069; margin: 0 0 10px 10px; }
#specials h3 { color: #67030d; font-size: 13px; font-weight: normal; text-transform: uppercase; letter-spacing: .08em; margin: 5px 0 0 0; }
#specials a { color: #67030d; text-decoration: none; }
#specials a:hover { color: #67030d; text-decoration: none; font-weight: bold; }
#testimony { background: #e5e1d0; padding: 10px; }
#testimony h2 { color: #67030d; font-size: 15px; font-weight: normal; text-transform: uppercase; letter-spacing: .08em; margin: 10px 0 5px 0; }
#testimony p { color: #414836; font-size: 13px; margin: 10px 0; line-height: 18px; border-top: #92927c dotted 2px; padding: 10px 0 0 0; }
#facebook { width: 283px; margin: 10px 0 0 0; }
#fb { width: 283px; height: 60px; overflow: hidden; background: url(../images/fbBadge.gif) no-repeat; margin: 0 0 10px 0; }
#fb ul { list-style: none; margin: 0; padding: 0; }
#fb li { display: inline; float: left; }
#fb a { font-size: 1px; text-indent: -9999px; display: block; width: 283px; height: 60px; background: url(../images/fbBadge.gif) no-repeat; }
a#fblink { width: 284px; background-position: 0 0; }
a#fblink:hover { background-position: 0 -60px;}
#box3 { background: #e5e1d0; padding: 10px; margin: 10px 0 0 0; }
#avail { width: 262px; height: 51px; overflow: hidden; background: url(../images/chk-avail.jpg) no-repeat; }
#avail ul { list-style:none; }
#avail li { display:inline; float:left; }
#avail a { font-size:1px; text-indent:-9999px; display:block; height:51px; width:262px; background:url(../images/chk-avail.jpg) no-repeat; }
a#plan { width:262px; background-position:0 0; }
a#plan:hover { background-position:0 -51px; }
/* Footer /////////////////////////////////////////// */
#footer { position: absolute; bottom: 0; width: 100%; height: 180px; background: #2D0001; }
#footer ul { list-style:none; margin:0 0 15px 0; padding:5px 0; border-top: #cac4ad dashed 1px; border-bottom: #cac4ad dashed 1px; letter-spacing: .08px; }
#footer li { display:inline; padding:0 0 0 8px; margin:0 0 0 5px; border-left:1px solid #cac4ad; }
#footer li a { padding: 5px 0; text-decoration: none; color: #cac4ad; }
#footer li a:hover { color: #fff; text-decoration: underline; }
#footer li.first { border:none; margin:0px; padding:0; }
#footer a.selected { color: #fff; text-decoration: underline;}
#footercontainer { width: 860px; margin-left: auto; margin-right: auto; padding: 20px 15px 0 15px; position: relative;}
.footercolumn { width: 525px; float: left; display: inline; font-size: 12px; margin: 20px 0 0 0; overflow: hidden; }
.footercolumn p { color: #cac4ad; font-size: .9em; }
.footercolumn a { color: white; text-decoration: none; }
.footercolumn a:hover { text-decoration: underline; }
.footercolumn2 { width: 260px; float: right; padding: 0 0 0 23px; margin: 20px 0 0 0; border-left: #cac4ad solid 2px; color: #cac4ad; font-size: 12px; }
.footercolumn2 a { color: white; text-decoration: none; }
.footercolumn2 a:hover { text-decoration: underline; }
/* form styles */
form { /* set width in form, not fieldset (still takes up more room w/ fieldset width */
font:100% Georgia, Times New Roman, serif;
margin: 0;
padding: 0;
min-width: 450px;
max-width: 550px;
width: 520px;
}
form fieldset {
/ * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
border-color: #000;
border-width: 1px;
border-style: solid;
padding: 10px; /* padding in fieldset support spotty in IE */
margin: 0;
}
form fieldset legend {
font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
/* be careful with padding, it'll shift the nice offset on top of border */
}
form label {
display: block; /* block float the labels to left column, set a width */
float: left;
width: 150px;
padding: 0;
margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
text-align: right;
}
form legend {color:#e5e1d0; }
form input, form textarea {
/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
label aligns textarea better in IE */
}
form select {
margin: 5px 0 0 10px;
}
form input#reset {
margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}
textarea { overflow: auto; }
form small {
display: block;
margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
padding: 1px 3px;
font-size: 88%;
}
form .required{font-weight:bold;} /* uses class instead of div, more efficient */
form br {
clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}
/* Pika Gallery /////////////////////////////////////////// */
.pikachoose{width:506px; }
/* This is the ul you have all your images in */
.pikachoose ul{padding-left:0;width:510px;height:180px;margin:0;overflow:hidden;}
.pikachoose ul li{float: left;border:1px solid #555;padding:2px;background:#777;margin:0 6px 6px 0;position:relative;overflow:hidden; text-align: center;}
.pikachoose ul li div img{position:relative;cursor:pointer;}
/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{width:504px;height:325px;display:block;position:relative; margin: 0 0 20px 0; }
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{position:absolute;top:2px;left:2px;}
.pika_back_img{position:relative;top:0px;}
.pika_subdiv{position:relative;border:1px solid #555;background:#777;padding:2px;}
.pika_subdiv img, .pika_subdiv a img{border:none;}
/*.pika_caption{width:500px;height:16px;padding-top:4px;text-align:center;position:absolute;bottom:7px;left:3px;background:url('../images/pikachoose/black.png') top left;}
.pika_caption a{color:white;}*/
.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('../images/pikachoose/play.png') top center no-repeat;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('../images/pikachoose/pause.png') top center no-repeat;}
/*.pika_navigation a{font-size: 12px; text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:center;}*/
/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{position:absolute;top:5px;left:5px;height:1px;width:1px;background:url('../images/pikachoose/rewind.png') top left no-repeat;}
.pika_next_hover{position:absolute;top:5px;right:5px;height:1px;width:1px;background:url('../images/pikachoose/fastf.png') top right no-repeat;}