/* basics */
html, body { margin:0; padding:0; font-size: 12px; font-weight:normal; line-height:16px; letter-spacing: 0px; color:#666; text-align:center; background:#ebe6d7; }

/* IE PNG FIX */
img, div { behavior: url(iepngfix.htc) }

a:link { color: #d14e2c; text-decoration:none; }
a:visited { color:#d14e2c; text-decoration:none;  }
a:hover { color:#cc3300; text-decoration:none;  }
a:active { color:#cc3300; text-decoration:none;  }

img { border:none; }
img a { border:none; }

ul { text-indent:none; list-style-type:none; }
ol { text-indent:none; list-style-type: decimal; }
li { text-indent:none; }
blockquote { font-style:italic; font-size:130%; line-height:125%; letter-spacing:.05em; color:#000; padding:10px 50px; margin:20px 40px 20px 0; background:#fff url(../img/quote.png) no-repeat; }
p { margin:20px 0; }
input { border:1px solid #d14e2c; padding:4px; color:#666; font-family: Arial, Helvetica, sans-serif; }
input[type=submit],input[type=image],label,select,.pointer    { cursor:pointer; padding:0; border:0; }
textarea { border:1px solid #d14e2c; padding:4px; color:#666; font-family: Arial, Helvetica, sans-serif;  }
input:focus, textarea:focus { background-color:#FFC; }
sup { font-weight:bold; padding:3px 2px 10px 1px; line-height:0; color:#d14e2c; }
sup a { color:#d14e2c; text-decoration:none; }
small { font-size:small; font-weight:lighter; vertical-align:top; line-height:0; padding:0 3px 0 0; }
table tr td { font-size:100%; }

/* Here's all your H1-5's */
h1 { color:#666; font-size:34px; padding-bottom:8px;  }
h2 { color:#D14E2C; font-size:21px; line-height:120%; font-weight:normal; display:block; margin:0 0 30px 0;  }
h3 { color:#333; font-size:16px; font-weight:bold; line-height:120%; display:block; margin:0 0 10px 0;  }
h4 { color:#fff; font-size:10px; font-weight:bold; letter-spacing:.1em; text-transform:uppercase; display:block; margin-bottom:1px; background:#e17d2d; padding:5px 0 4px 15px; }
h5 { color:#2D2011; font-size:13px; font-weight: 600; letter-spacing:.1em; text-transform:uppercase; display:block; margin:.2em 0; }

/*structural*/
.clear {clear:both; height:0; }
.master-bg { position:relative; text-align:center;  }
.outerwrap { position:relative; z-index: auto; margin:0 auto; width:980px; background-image:url(../img/bg_content.png) !important; background-image:url(../img/bg_content.gif); background-repeat: repeat-y; background-position:center; }
.innerwrap { margin:0 auto; width:960px; text-align:left; padding:0; background:no-repeat; }
#tertiary .innerwrap { padding-bottom:0px;}
.header { position:relative;  margin:0 auto; width:980px; height:32px; padding-top:8px; text-align:left; background-image:url(../imagejoe/bg_header.png) !important; background-image:url(../imagejoe/bg_header.gif); background-repeat:no-repeat; background-position:bottom; color:#363636; letter-spacing:0.5px; }
.header a { color:#d14e2c; }
.header-right { float:right; text-align:right; display: inherit; }
.header-right img { vertical-align:middle; }
.header-right a { padding:0 5px; }
.header-right a.whitelinks:link, .header-right a.whitelinks:visited  { color:#d14e2c; }
.header-right a.whitelinks:hover, .header-right a.whitelinks:active  { color:#cc3300; }
.piping { color:#999; font-weight:100; }

.content-innerwrap { width:940px; margin:0 auto; display:block; clear:both; text-align:left; }
#tertiary .content-innerwrap { min-height:400px; height:auto !important; height:400px; background:url(../img/bg_tertiary_hotels.gif) center repeat-y;  }
.footer { clear:both; position:relative; margin:0 auto; width:980px; padding:0 10px; text-align:left; background-image:url(../img/bg_footer.png) !important; background-image:url(../img/bg_footer.gif); background-repeat:no-repeat; background-position:top; font-size:11px; color:#666; font-weight:100; letter-spacing:0.5px; line-height:20px; }
.footer-box { height:55px; width:940px; padding:13px 0 0 0; margin:0 auto; color:#999; } 
.searchbox { float:left; height:32px; width:222px; background-image:url(../img/bg_search.png) !important; background-image:url(../img/bg_search.gif); background-repeat:no-repeat;  }
.searchbox input { border: 0 none; width:182px; height:32px; background:none; padding:0 0 0 8px; line-height:32px; color:#999; font-size:11px; float:left;  }
.searchbox input[type=submit],.searchbox input[type=image] { cursor:pointer; padding:0; border:0; width:auto; height:auto; }
.flagicons { padding:6px 0 0 0; text-align:right; }
.flagicons img { border:1px solid #ccc; padding:3px; margin:0 0; background-color:#fff; vertical-align: middle; }
.flagicons img:hover { border-color:#F90; }
.subfooter { clear:both; padding:20px 0px; color:#999; background-image:url(../img/bg_footer_hotels.png) !important; background-image:url(../img/bg_footer_hotels.gif); background-repeat:no-repeat; background-position:top; width:980px; margin:0 auto; line-height:160%; }
.subfooter a { border-left:1px solid #d14e2c; padding-left:5px; margin-left:5px; }
.subfooter a:hover, .subfooter a:active { text-decoration:underline; }
.subfooter a:first-child { border:none; padding-left:0; margin-left:0; }
.footer-box a { border:none; padding:0; margin:0; }

/*columns - based on a 5-column grid*/
.one-col { width:188px; float:left; }
.two-col { width:376px; float:left; }
.three-col { width:564px; float:left; }
.four-col { width:752px; float:left; }
.five-col { width:940px; float:left; }

/*columns - based on a 4-column grid*/
.onefourth-col { width:239px; float:left; }
.twofourth-col { width:470px; float:left; }
.threefourth-col { width:701px; float:left; color:#666; }
.fourfourth-col { width:940px; float:left; }
.padding {padding:0 30px 30px 30px; }

/*home page content*/
.home-content {height:211px; position:relative;}
.home-content .two-col { width:375px; border-right:1px solid #fff;}
.booking-engine {background-color:#2D2011; color:#fff; height:100%;}
.booking-engine h4 {background:none;}
.booking-engine td { padding:4px 0; text-align:left; white-space:nowrap; font-size:90%; letter-spacing:0px; border-top:1px dashed #333;}
.booking-engine td:first-child { width: 50px;}
.booking-engine tr:first-child td { border:0;}
.booking-engine tr:last-child td { border:0;}
.booking-engine a:link, .booking-engine a:link { color:#ffae3d;}
.booking-engine a:hover, .booking-engine a:active { color:#fff;}
.padding-15 {padding:0px 15px; }
/*.about-box { color:#333; height:185px; background-color:#e1dbc7; }
.about-box table { margin:10px 0; }
.about-box a { color:#5d4516; font-weight:bold; display:block; }
.about-box h3 { margin-bottom:0; }
.about-box a:hover, .about-box a:active { text-decoration:underline; }
.about-box ul { width:125px; float:left; padding:10px 0; }
.about-box ul li { list-style:none; text-indent: none; padding:4px 0 4px 10px; }*/
.preferred-properties { padding:0px; text-align:center; color:#333; height:185px; background-color:#e1dbc7; }

/*nav*/
.nav_container { z-index:2; position: relative; top:0; margin:0 -10px; width:980px; font-size:13px; }
.primary_nav { padding-right:20px; position:absolute; top:80px; right:0; width:690px; text-align:right; }
#home .nav_container { height:160px; background-position:0 30px; overflow:visible; }
#home .primary_nav { top:80px; }
#tertiary .nav_container { height:240px; background-position:0 110px; overflow:visible; }
#tertiary .primary_nav { top:160px; }
.nav_container ul { display:block; clear:both; }
.nav_container li { list-style:none; float:left; line-height:30px; }
.nav_container li a { padding:0px 15px 0 15px; height:30px; display:inline-block; font-weight:600; letter-spacing:0; text-decoration:none; }
.nav_container li a:link, .nav_container li a:visited { color:#ffae3d; }
.nav_container li a:hover, .nav_container li a:active, .nav_container .selected a:link, .nav_container .selected a:visited  { background-color:#4d3306; color:#fff; cursor:pointer; }
#escala { background-image:url(../img/bg_nav_escala.png) !important; background-image:url(../img/bg_nav_escala.gif); background-repeat:no-repeat;  }
#grand { background-image:url(../img/bg_nav_grand.png) !important; background-image:url(../img/bg_nav_grand.gif); background-repeat:no-repeat; }
#sundial { background-image:url(../img/bg_nav_sundial.png) !important; background-image:url(../img/bg_nav_sundial.gif); background-repeat:no-repeat; }
#silverado { background-image:url(../img/bg_nav_silverado.png) !important; background-image:url(../img/bg_nav_silverado.gif); background-repeat:no-repeat; }
#vintage { background-image:url(../img/bg_nav_vintage.png) !important; background-image:url(../img/bg_nav_vintage.gif); background-repeat:no-repeat; }

.email-optin { padding:18px 40px 0 0; }
/*heirmenues*/
.heirmenu { z-index:5000; width:190px; background-image:url(../img/bg_heir_hotels.png) !important; background-image:url(../img/bg_heir_hotels.gif); background-position:bottom; background-repeat:no-repeat; float:left; margin:30px 0 0 -5px; font-size:90%; position:absolute; text-align: left; overflow: visible; visibility:hidden;}
.heirmenu ul { padding:0px 0 6px 0; }
.heirmenu li {float:none; text-align:left; text-indent:0px; line-height:16px; padding:0; margin:0; }
.heirmenu li a { font-weight:normal; height:auto; padding:5px 10px 5px 15px; margin:0 5px; display:block; letter-spacing:0.8px; color:#d14e2c; }
.heirmenu li a:link { font-weight:normal; height:auto; padding:5px 10px 5px 15px; margin:0 5px; display:block; letter-spacing:0.8px; color:#d14e2c; }
.heirmenu li a:visited { font-weight:normal; height:auto; padding:5px 10px 5px 15px; margin:0 5px; display:block; letter-spacing:0.8px; color:#d14e2c; }
.heirmenu li a:hover {font-weight:normal; height:auto; padding:5px 10px 5px 15px; margin:0 5px; display:block; letter-spacing:0.8px; color:#fff; background-color:#d14e2c; }
.heirmenu li a:active { font-weight:normal; height:auto; padding:5px 10px 5px 15px; margin:0 5px; display:block; letter-spacing:0.8px; color:#fff; background-color:#d14e2c; }
.heirmenu .submenu_select { background-image: url(../img/arrow_r_white_sm.png) !important; background-image: url(../img/arrow_r_white_sm.gif); background-position:right; background-repeat:no-repeat; }

/*subheir */
.subheirmenu { z-index:1000; width:190px; background-image:url(../img/bg_heir.png) !important; background-image:url(../img/bg_heir.gif); background-position:bottom; background-repeat:no-repeat; float:left; margin:-26px 0 0 180px; font-size:85%; position:absolute; text-align: left; overflow: visible; visibility:hidden; }
.subheirmenu ul { padding:0px 0 6px 0; }
.subheirmenu li {float:none; text-align:left; text-indent:0px; line-height:16px; padding:0; margin:0; }
.subheirmenu li a { font-weight:normal; height:auto; padding:5px 10px 5px 15px; margin:0 5px; display:block; letter-spacing:0.8px; color:#d14e2c; }
.subheirmenu li a:hover { background-color:#2D2011; }
.subheirmenu .submenu_select { background-image: url(../img/arrow_r_white_sm.png) !important; background-image: url(../img/arrow_r_white_sm.gif); background-position:right; background-repeat:no-repeat; }

/*secondary pages*/
.breadcrumbs { font-size:10px; margin-left:275px; margin-bottom: 20px; margin-top: -10px; padding-bottom: 10px;}  /* position:relative; z-index: 2; */
.breadcrumbs li { float:left; }
.breadcrumbs a { color:#D14E2C; padding-right:10px; margin-right:8px; background:url(../img/arrow_r_sm.png) right no-repeat; }
.breadcrumbs a:active { color:#D14E2C; padding-right:10px; margin-right:8px; background:url(../img/arrow_r_sm.png) right no-repeat; }
.breadcrumbs a:visited { color:#D14E2C; padding-right:10px; margin-right:8px; background:url(../img/arrow_r_sm.png) right no-repeat; }
.breadcrumbs a:hover { color:#D14E2C; }
.breadcrumbs li:last-child a { background:none; font-weight:bold; }
.leftnav { background:#ece6d6 url(../img/bg_leftnav.gif) repeat-x; padding:10px; }
.leftnav li { border-bottom:1px solid #c8cfcd; }
.leftnav li a { padding:6px 0;  display:block; padding-right:15px; font-weight:bold; color:#2D2011; }
.leftnav li a:hover { background-color:#fff; color:#D14E2C; }
.leftnav .selected { background-image: url(../img/arrow_r_orange.png) !important; background-image: url(../img/arrow_r_orange.gif); background-position:right; background-repeat:no-repeat; }

#tertiary .content-innerwrap .threefourth-col ul { list-style:disc inside; text-indent:1em; }

/*special links and type*/
a.whitelinks:link, a.whitelinks:visited  { color:#fff; }
a.whitelinks:hover, a.whitelinks:active  { color:#fc0; }
a[href$='.pdf'] { padding:0 20px 0 0; background:transparent url(../img/icons/app_pdf.png) no-repeat center right; }
a[href$='.doc'] { padding:0 20px 0 0; background:transparent url(../img/icons/app_word.png) no-repeat center right; }
a[href$='.xls'] { padding:0 20px 0 0; background:transparent url(../img/icons/app_excel.png) no-repeat center right; }
a[href$='.ppt'] { padding:0 20px 0 0; background:transparent url(../img/icons/app_ppt.png) no-repeat center right; }
.recessive_type { color:#aaa; font-size:75%; letter-spacing:1px; text-transform:uppercase; }
a.continuelink { padding-right:12px; background:url(../img/arrow_r.png) right no-repeat; font-weight:600; }
a.calendarlink { padding:1px 25px 1px 0; background:transparent url(../img/icons/ical.png) no-repeat center right; font-weight:600; }
a.twitterlink { padding:1px 25px 1px 0; background:transparent url(../img/icons/ico_twitter.png) no-repeat center right; font-weight:600; }
a.youtubelink { padding:1px 25px 1px 0; background:transparent url(../img/icons/ico_youtube.png) no-repeat center right; font-weight:600; }

.img-right { float:right; padding:5px; border:1px solid #ccc; margin:0 0 15px 20px; }
.img-left { float:left; padding:5px; border:1px solid #ccc; margin:0 20px 15px 0; }
.img-border { padding:5px; border:1px solid #ccc; }

/*slideshow
.body_image { width: 960px; margin: 0 auto; height: 515px; top: 0; position:absolute; background-color:#fff; }
#body_image { width: 960px; margin: 0 auto; height: 515px; position:relative; background-color:#fff; }
.body_image_tag { display: none; }
#home_feature_container { position: relative; height: 516px; }*/

/*slideshow*/
.body_image { width: 960px; height: 465px; overflow:hidden; clear:both; margin: 0 auto -159px auto; top: -160px; position: relative; background-color:#fff; }
#home_feature_container { position: relative; height: 466px; clear:both; background-color:#fff; }


