l/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
 
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

a, a:focus { outline:none; outline-color:transparent; }


/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
  
/* FONTS */
/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2012 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      Miller Type Foundry
 * License URL: http://www.fontspring.com/fflicense/miller-type-foundry
 *
 *
 */

@font-face {
    font-family: 'RICHARDMILLERBook';
    src: url('../fonts/Richard_Miller_Book-webfont.eot');
    src: url('../fonts/Richard_Miller_Book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Richard_Miller_Book-webfont.woff') format('woff'),
         url('../fonts/Richard_Miller_Book-webfont.ttf') format('truetype'),
         url('../fonts/Richard_Miller_Book-webfont.svg#RICHARDMILLERBook') format('svg');
    font-weight: normal;
    font-style: normal;

}

html { background: black;  }
#wrapper { min-width: 990px; background: url("../images/main-tile-bg.png") repeat scroll 0 0 white;
}
  
#header { 
  background: url("../images/head-bg.png") repeat-x scroll center 65px transparent;
}

#header .search-bar {
  background: black;
  height: 40px;
}

#header .search-bar .search {
  padding-top: 7px;
  width: 980px;
  margin: 0 auto;
  text-align: right;
  color: white;
}

#header .heading { 
  width: 980px;
  height: 90px;
  margin: 20px auto;
}

#header .heading .logo,
#header .heading .banner { 
  float: left;
  display:block;
}

#header .heading .logo { margin:0 20px; width: 150px; height: 90px; overflow:hidden; text-indent: -5000px;
  background: url("../images/v4v_orange_150x90.png") no-repeat scroll center center transparent; }
#header .heading .banner { margin-left:52px; width: 728px; height: 90px; cursor:pointer; }

/*
 * Top Nav Drop Downs
 */
nav { z-index: 100; position:relative; font-size:13px; color:#CCCCCC; width:100%; background: url("../images/nav-tile.png") repeat-x scroll center top transparent; }
nav ul { padding:0; margin: 0 auto; width:980px; height:37px; display:block;  }
nav li { position:relative; float:left; list-style-type:none; }
nav li a:first-child { display:block; padding: 11px 9px 6px; border-top:none; border-left:1px solid transparent; border-right:1px solid transparent; 
  height:20px; color:#eee; text-decoration:none; }
nav li.current.hover a:first-child,
nav li.hover a:first-child,
nav li a:hover:first-child { outline:none; /*text-decoration:underline;*/  color: #666666; border-left:1px solid #999999; border-right:1px solid #999999; background-color: #fcfcfc; }

nav ul li.current a:first-child { color: #EEEEEE; border-left:1px solid #999999; border-right:1px solid #999999; background-color: #4f5158; }

/* home button needs special treatment*/
nav ul li:first-child a { background: url("../images/home-icon.png") no-repeat scroll center center transparent; width:30px; } 
nav ul li:first-child a:hover { background: url("../images/home-icon-hover.png") no-repeat scroll center center transparent; } 
nav ul li:first-child:hover { background-color: #fcfcfc; }

nav ul div.drop-down { display:none; width:430px; min-height:290px; position:absolute; left:0; font-size:12px;
  background: url("../images/nav-expand-bg.png") repeat-x scroll center top #c9c9c9; color: #666666;
  border-left:1px solid #999999; border-right:1px solid #999999; border-bottom:1px solid #999999; border-top:none; }

nav div.drop-down .column { float: left; display: block; margin: 20px 0px 5px 15px; }
nav div.drop-down .column.feature { width: 200px; }
nav div.drop-down .column.links { width:185px; }
nav div.drop-down .column.links h4.one-line { margin:0px 0 1em 0; border-bottom:1px solid #999999; font-size: 14px;} 
nav div.drop-down .column a:first-child { margin-top:10px; }
nav div.drop-down .column a { color: #666666; margin: 4px 0; display: block; text-decoration:none; }
nav div.drop-down .column a:hover { text-decoration:underline; }

/* ================
    TOP SEARCH BAR
   ================ */
#search-form .search { 
  margin-top:5px;
}
#search-form { 
  font-height: 14px;
  font-size: 14px;
  font-weight: lighter;
}

#search-form .radios-search,
#search-form .main-search {
  float: right;
  display: block;
}
#search-form .radios-search {
  margin-top: 3px;
}

.search-radio {
  -webkit-appearance: none;
  display: inline-block;
  position: relative;
}

.search-radio + label {
  -webkit-appearance: none;
  background: url("../images/radio-default.png") no-repeat scroll left center transparent;
  display: inline-block;
  position: relative;
  padding-left: 20px;
  cursor:pointer;
}

.search-radio:checked + label {
  background: url("../images/radio-checked.png") no-repeat scroll left center transparent;
}

#search-form .main-search input { 
  float: right;
  margin-left: 20px;
  background-color: #2D2D2D;
  border: 0;
  outline: none;
  color: #EEEEEE;
  height: 22px;
}
#search-form .main-search input[type="text"] {
  padding-left: 5px;
  padding-right: 5px;
}


/* IE Search Fallback
 * we hide the radios to fall back on internal search only
 */
.lt-ie8 .radios-search {
  display: none;
}

 
 
 

#main { 
  background: url("../images/main-bg.png") no-repeat scroll center 150px transparent;
  font-size:12px; color: #666666;
}

#main .content { 
  width: 980px;
  margin: 0 auto;  
/*  min-height: 1200px;*/
}

#main .content h1,
#main .content h2,
#main .content h3,
#main .content h4 { font-family: 'RICHARDMILLERBook', Arial, sans-serif; }

#main .content h2 {
   font-size: 18px; margin: 0; text-indent: 10px; color: #387372;
}

#main .content .top-section {
  /*background: blue;*/
  margin: 20px 0;
  height: 275px;
}

.top-section .social-bar,
.top-section .ad-box { float: left; display: block; width:300px; margin: 0 0 0 50px; }

.top-section .social-bar, {
  height: 25px; 
}



.top-section .social-bar p,
.top-section .social-bar a { font-family: 'RICHARDMILLERBook', Arial, sans-serif; color: #474d51; font-size: 15px; height: 25px; line-height:25px;
 font-weight: bold;  letter-spacing: -1px; margin: 0;  padding: 0; border: none; text-decoration: none; display:inline-block; float: left;  }
.top-section .social-bar p {  }
.top-section .social-bar p a.modal-sign-up { text-align:left; width: 170px; background: url("../images/separator-vertical-bar.png") no-repeat scroll right center transparent; }
.top-section .social-bar p a.follow-us { text-align:right; width: 130px; }
.top-section .social-bar p a.follow-us img { padding-left: 5px; }
.top-section .ad-box {
  height: 250px; 
}
.top-section .ad-box img {
  border: 1px solid #e4e4e4;
}


/* SLIDE SHOW */
#slide-show {  background: #333333; z-index: 0; float:left; display:block; margin: 0; height: 275px; width: 630px; }
#slide-show .image-shadow-wide { float: left; display: block; min-height: 275px; padding:0 }
#slide-show .side-text { float: left; width: 140px; height:250px; }
#slide-show .side-text p { padding: 10px; color: #cecccc; font-size: 12px; }
#slide-show .side-text a { color: #cecccc; font-size: 12px; text-decoration: underline; }
#slide-show .side-text a:hover { text-decoration: underline; }
#slide-show .controls { float: left; width: 140px; height:25px; }
#slide-show .controls .btn { float: left; width: 20px; height: 20px; cursor: pointer;
  background: url("../images/slideshow-control-off.png") no-repeat scroll center center transparent; }
#slide-show .controls .btn.on { background: url("../images/slideshow-control-on.png") no-repeat scroll center center transparent; }

#jquery-slide-image { overflow: hidden; width: 490px; height: 275px; }
#jquery-slide-text { overflow: hidden; width: 140px; height:250px; }
#jquery-slide-btns { width: 20px; margin: 0 auto; }
#jquery-slide-image img,
#jquery-slide-text p { display: none; }
#jquery-slide-image img:first-child,
#jquery-slide-text p:first-child { display: block; }







.columns {/* background:yellow;*/ }
.columns .column { float: left; display: block; border:1px solid transparent; }
.columns .column.spacer { margin-left: 29px; }
.columns .column p { margin: 5px 10px 15px; }
.columns .column .floater-left { float: left; display: block;}
.columns .column.wide { width: 425px;/* background:green;*/}
.columns .column.medium { width: 300px;/* background:yellow;*/}
.columns .column.small { width: 190px;/* background:red;*/}

.columns .column.wide .image-shadow-medium { margin-bottom: 15px; }
.columns .column.small .image-shadow-small { margin-bottom: 4px; }

.image-shadow-small { width: 190px; padding-bottom: 20px; background: url("../images/shade-small.png") no-repeat scroll center bottom; }
.image-shadow-medium { width: 300px; padding-bottom: 20px; background: url("../images/shade-medium.png") no-repeat scroll center bottom; }
.image-shadow-wide { width: 490px; padding-bottom: 20px; background: url("../images/shade-wide.png") no-repeat scroll center bottom; }

.columns .column.small a h3.title-overlay { 
  margin: 90px 0 0; position: absolute; color: #F2F2F2; font-size: 18px; padding: 5px 10px; font-weight:normal;
  width: 170px; height: 25px; 
  background: url("../images/pixel-overlay.png") repeat scroll 0 0 transparent;
}
.columns .column.small a:hover h3.title-overlay { 
  background: url("../images/pixel-overlay-hover.png") repeat scroll 0 0 transparent; color: #666666;
}
.column.wide h2 {
  display: block;
  float: left;
  width: 300px;
}
.column.wide .side-links {
  float: left; display: block; height: 100%; width: 125px;
}

.column.wide .side-links a {
  float: left; display: block; width:130px; margin: 0 0 2px 10px; color:#666666; text-decoration:none;
}
.column.wide .side-links a:hover {
  text-decoration:underline;
}




/* Expandable Read More BTN */
.column.wide .side-links div.read-more-arrow { 
  float:left; display: block; width: 115px; height: 28px; 
  overflow: hidden; text-indent:-5000px; margin:10px 0 0 10px;
}
.column.wide .side-links div.read-more-arrow div.left,
.column.wide .side-links div.read-more-arrow div.middle,
.column.wide .side-links div.read-more-arrow div.right {
  margin:0; float:left; height: 28px; display: block;
}
.column.wide .side-links div.read-more-arrow div.left { 
    background: url("../images/read-more-btn-left.png") no-repeat scroll 0 0 transparent; text-indent:-5000px; width: 7px;
}
.column.wide .side-links div.read-more-arrow div.middle  { 
    background: url("../images/read-more-btn-mid-tile.png") repeat scroll 0 0 transparent; width: 85px;
}
.column.wide .side-links div.read-more-arrow div.right  { 
    background: url("../images/read-more-btn-right.png") no-repeat scroll 0 0 transparent; text-indent:-5000px; width: 23px; 
}
.column.wide .side-links div.read-more-arrow a { 
  width: 85px; background: transparent; padding: 5px 0 0 0; margin: 0; font-weight: bold; font-family: Arial;
  font-size: 12px; color: white; text-decoration: none; text-align: center; text-indent: 0; overflow: visible;
}





.column.medium .mini-links-columns { float: left; display: block; width: 300px; }
.column.medium .mini-links-columns .col { float: left; display: block; width: 140px; margin-left: 10px; }
.column.medium .mini-links-columns a { float: left; display: block; width:100%; margin: 30px 0 2px 10px; color:#666666; text-decoration:underline; }
.column.medium .mini-links-columns .col a { float: left; display: block; width:100%; margin: 0 0 2px 0px; color:#666666; text-decoration:none; line-height: 16px; }
.column.medium .mini-links-columns .col a:hover { text-decoration:underline; }



a.centered-grey-link { 
  margin:0 10px 25px 10px; float:left; display: block; width: 147px; height: 33px; background: #5f636e; padding-top: 10px;
  font-weight:bold; font-family:Arial; font-size:14px; color:#ffffff; text-decoration: none; text-align:center;
  box-shadow: 2px 2px 2px #888;
}






#footer { 
  background: url("../images/footer-tile.png") repeat-x scroll 0 0 black;
  height: 200px;
  color: #f2f2f2;
}

#footer .content { margin:0 auto; width:980px; height:200px; }

#footer .content .sign-up,
#footer .content .label-fifteen-years,
#footer .content .nav-left,
#footer .content .nav-right { float: left; display: block; }

#footer .content .sign-up { height: 160px; width: 500px; }
#footer .content .label-fifteen-years { margin-left: 325px; height: 160px; width: 140px; background: url("../images/15-years.png") no-repeat scroll center center transparent; }
#footer .content .nav-left { height: 40px; width: 490px; text-align: left; }
#footer .content .nav-right { height: 40px; width: 490px; text-align: right; }




/* overlay-sign-up */
body div.modal-sign-up-container { position: absolute; background: url("../images/modal-alpha-bg-75.png") repeat scroll right 0 transparent;
  top: 0; right: 0; left: 0; z-index :5000; }
div.modal-sign-up-container .sign-up { background: url("../images/footer-tile.png") repeat-x scroll center center black; 
  margin: 190px auto 0;  width: 425px; height: auto; padding:10px 10px 10px 15px; text-align: left; }
div.modal-sign-up-container .sign-up #sign-up-form-modal h4 {  color: white; margin-top:0; }
div.modal-sign-up-container .sign-up #sign-up-form-modal h4 img.close-trigger { float: right; margin-right: 5px; cursor: pointer; }

#sign-up-form-modal h4,
#sign-up-form h4 { margin: 40px 0 10px; font-size: 16px; font-weight: normal; }

#sign-up-form-modal input[type="text"],
#sign-up-form input[type="text"] {
    padding-left: 15px;
    padding-right: 15px;
    height: 42px;
    width: 230px;
}
#sign-up-form-modal input,
#sign-up-form input {
    background-color: #2D2D2D;
    border: 0 none;
    color: #EEEEEE;
    float: left;
    margin-right: 10px;
    outline: medium none;
}
#sign-up-form-modal input[type="image"],
#sign-up-form input[type="image"] { margin-right: 0;
}

#footer .content .nav-left p,
#footer .content .nav-right p,
#footer .content .nav-left a,
#footer .content .nav-right a { margin-top: 6px; display: inline-block; text-decoration: none; font-size: 14px; font-family: Arial; color: #ffffff; }

#footer .content .nav-left span.spacer { padding: 0 5px; }

#footer .content .nav-right a { padding-left: 10px; }

#footer .content .nav-left a.green,
#footer .content .nav-right a.green,
#footer .content .nav-left a { color: #67b2a1; }

#footer .content .nav-left a:hover,
#footer .content .nav-right a:hover  { color: #67b2a1; text-decoration: underline; }

#main .content .columns .column.wide-table .section-content a { color: #666666; float:none; display:inline; width:auto; }

/* generic columns    */
/* #623194 bgs  */
/* #3e017d text */
#main .columns .column.mini  { width: 160px; }
#main .columns .column.mini a { float: left; display: block; width: 100%;
  margin: 0 0 2px 0px; text-decoration: none; line-height: 16px;
}
#main .columns .column.mini a:hover  { text-decoration: underline; }
#main .columns .column.mini a.banner { margin: 15px 0 40px; }

#main .columns .column.wide-table a { float: left; display: block; width: 100%;
  margin: 0 0 0px 0px; text-decoration: underline; line-height: 16px;
}
#main .columns .column.wide-table a:hover  { text-decoration: underline; }
#main .columns .column.wide-table a.banner { margin: 15px 0 40px; }

#main .columns .column.wide-table { width:775px; margin: 0 0 0 40px; }

#main .columns .column.wide-table .line { margin: 0 0 5px; height: auto; }

#main .columns .column.wide-table .line.header { margin: 0 0 10px; color: white; }
#main .columns .column.wide-table .line.header .col { height: 40px; }

#main .columns .column.wide-table .line .col { margin-left: 5px; display:block; float : left;  min-height: 55px; }
#main .columns .column.wide-table .line .col:first-child { margin-left: 0px; }

#main .columns .column.wide-table .line .col.image { width: 85px; }
#main .columns .column.wide-table .line .col.name { width: 340px; }
#main .columns .column.wide-table .line .col.sort { width: 110px; }

#main .columns .column.wide-table .line .col p { margin: 20px 10px 15px; font-size:14px; }
#main .content.template-2 .section .row.section-head { margin:5px 5px 15px 0; color: white; height: 35px;}


/* purples     */
/* #623194 bgs  */
/* #3e017d text */
#main .columns.purple h2 { color: #660066; }
#main .columns.purple .column.mini a { color: #666; }

#main .columns.purple .column.wide-table a { color: #666; }
#main .columns.purple .column.wide-table a:hover  { color: #000000;  }

#main .columns.purple .column.wide-table .line.header { color: white; }
#main .columns.purple .column.wide-table .line.header .col { background: #623194; }

#main .content.template-2 .purple .section .row.section-head { color: white; background: #660066; }

/* DINING GREEN     */
/* #623194 bgs  */
/* #3e017d text */
#main .columns.dgreen h2 { color: #336666; }
#main .columns.dgreen .column.mini a { color: #666; }

#main .columns.dgreen .column.wide-table a { color: #666; }
#main .columns.dgreen .column.wide-table a:hover  { color: #000000; }

#main .columns.dgreen .column.wide-table .line.header { color: white; }
#main .columns.dgreen .column.wide-table .line.header .col { background: #623194; }

#main .content.template-2 .dgreen .section .row.section-head { color: white; background: #336666; }


/* GAMING PINK     */
/* #623194 bgs  */
/* #3e017d text */
#main .columns.gpink h2 { color: #cc99cc; }
#main .columns.gpink .column.mini a { color: #666; }

#main .columns.gpink .column.wide-table a { color: #666; }
#main .columns.gpink .column.wide-table a:hover  { color: #000000; }

#main .columns.gpink .column.wide-table .line.header { color: white; }
#main .columns.gpink .column.wide-table .line.header .col { background: #623194; }

#main .content.template-2 .gpink .section .row.section-head { color: white; background: #cc99cc; }

/* HOTELS BLUE     */
/* #623194 bgs  */
/* #3e017d text */
#main .columns.hblue h2 { color: #000066; }
#main .columns.hblue .column.mini a { color: #666; }

#main .columns.hblue .column.wide-table a { color: #666; }
#main .columns.hblue .column.wide-table a:hover  { color: #000000; }

#main .columns.hblue .column.wide-table .line.header { color: white; }
#main .columns.hblue .column.wide-table .line.header .col { background: #623194; }

#main .content.template-2 .hblue .section .row.section-head { color: white; background: #000066; }


/* MUSEUM PURPLE     */
/* #623194 bgs  */
/* #3e017d text */
#main .columns.mpurple h2 { color: #330033; }
#main .columns.mpurple .column.mini a { color: #666; }

#main .columns.mpurple .column.wide-table a { color: #666; }
#main .columns.mpurple .column.wide-table a.hover { color: #000000; }

#main .columns.mpurple .column.wide-table .line.header { color: white; }
#main .columns.mpurple .column.wide-table .line.header .col { background: #623194; }

#main .content.template-2 .mpurple .section .row.section-head { color: white; background: #330033; }


/* NIGHTLIFE ORANGE     */
/* #623194 bgs  */
/* #3e017d text */
#main .columns.norange h2 { color: #cc6600; }
#main .columns.norange .column.mini a { color: #666; }

#main .columns.norange .column.wide-table a { color: #666; }
#main .columns.norange .column.wide-table a:hover  { color: #000000; }

#main .columns.norange .column.wide-table .line.header { color: white; }
#main .columns.norange .column.wide-table .line.header .col { background: #623194; }

#main .content.template-2 .norange .section .row.section-head { color: white; background: #cc6600; }


/* RECREATION GREEN     */
/* #623194 bgs  */
/* #3e017d text */
#main .columns.rgreen h2 { color: #006600; }
#main .columns.rgreen .column.mini a { color: #666; }

#main .columns.rgreen .column.wide-table a { color: #666; }
#main .columns.rgreen .column.wide-table a:hover  { color: #000000; }

#main .columns.rgreen .column.wide-table .line.header { color: white; }
#main .columns.rgreen .column.wide-table .line.header .col { background: #623194; }

#main .content.template-2 .rgreen .section .row.section-head { color: white; background: #006600; }


/* RESOURCES RUST     */
/* #623194 bgs  */
/* #3e017d text */
#main .columns.rrust h2 { color: #993300; }
#main .columns.rrust .column.mini a { color: #666; }

#main .columns.rrust .column.wide-table a { color: #666; }
#main .columns.rrust .column.wide-table a:hover  { color: #000000; }

#main .columns.rrust .column.wide-table .line.header { color: white; }
#main .columns.rrust .column.wide-table .line.header .col { background: #623194; }

#main .content.template-2 .rrust .section .row.section-head { color: white; background: #993300; }



/* SHOPPING ORANGE     */
/* #623194 bgs  */
/* #3e017d text */
#main .columns.sorange h2 { color: #cc9933; }
#main .columns.sorange .column.mini a { color: #666; }

#main .columns.sorange .column.wide-table a { color: #666; }
#main .columns.sorange .column.wide-table a:hover  { color: #000000; }

#main .columns.sorange .column.wide-table .line.header { color: white; }
#main .columns.sorange .column.wide-table .line.header .col { background: #623194; }

#main .content.template-2 .sorange .section .row.section-head { color: white; background: #cc9933; }



/* SHOWS GOLD     */
/* #623194 bgs  */
/* #3e017d text */
#main .columns.sgold h2 { color: #999900; }
#main .columns.sgold .column.mini a { color: #666; }

#main .columns.sgold .column.wide-table a { color: #666; }
#main .columns.sgold .column.wide-table a:hover  { color: #000000; }

#main .columns.sgold .column.wide-table .line.header { color: white; }
#main .columns.sgold .column.wide-table .line.header .col { background: #623194; }

#main .content.template-2 .sgold .section .row.section-head { color: white; background: #999900; }


/* COLUMN PURPLE   */
/* #623194 bgs  */
/* #3e017d text */
#main .columns.cpurple h2 { color: #666699; }
#main .columns.cpurple .column.mini a { color: #666; }

#main .columns.cpurple .column.wide-table a { color: #666; }
#main .columns.cpurple .column.wide-table a:hover  { color: #000000; }

#main .columns.cpurple .column.wide-table .line.header {color: white; }
#main .columns.cpurple .column.wide-table .line.header .col { background: #623194; }

#main .content.template-2 .cpurple .section .row.section-head { color: white; background: #666699; }





#masthead { float: left; width: 630px; height: 275px; }
#masthead .caption { display: none; position: absolute; z-index: 20;
  margin-top: 90px; height: 185px; width: 630px; 
  background: url("../images/pixel-overlay.png") repeat scroll 0 0 transparent;
  color: #cecccc; 
}
#masthead .caption p { padding: 2px 10px; margin: 5px 0; }
#masthead .caption a { color: #cecccc; }
#masthead:hover div { display: block; }
#masthead img {  position: absolute; z-index: 10;
/*  border: 1px solid #e4e4e4;*/
 }

#main .content.template-2 .columns.purple .column.mini a 
#main .content.template-2 h2 { text-indent: 0; font-size: 18px; margin-bottom: 15px; }
#main .content.template-2 .section .row.section-head h3 { margin: 0 20px ; line-height: 35px; font-size: 20px; font-weight: normal;}
#main .content.template-2 .section .row h4 { font-weight: bold; font-family: Arial;  margin: 1em 15px  0; font-size:14px; }
#main .content.template-2 .section .row p { margin: 5px 15px 20px;}
#main .content.template-2 .gallery {}
#main .content.template-2 #gallery .gallery-item { float: left; width: 185p×; height: 170px; }
#main .content.template-2 #gallery .gallery-item.spaced { margin-right: 10px; }
#main .content.template-2 #gallery img { cursor: pointer; }
#main .content.template-2 #gallery .image-shadow-small { height: 125px; width: auto;}
#main .content.template-2 #gallery p { font-size:14px; cursor: pointer; margin-top:15px; padding-top: 0; }

body div.modal-gallery { position: absolute; background: url("../images/modal-alpha-bg-75.png") repeat scroll right 0 transparent;
  top: 0; right: 0; left: 0; z-index :5000; }
div.modal-gallery .gallery-box { margin: 0 auto; width:530px; padding: 0px 20px; background: #292929; color:white; } 
div.modal-gallery .gallery-box h2 { padding-top:10px; margin:0 0 5px 0; font-family: 'RICHARDMILLERBook',Arial,sans-serif; font-size:16px;}
div.modal-gallery .gallery-box p {  margin: 1em 0; padding-bottom: 10px; font-size:13px;}
div.modal-gallery div.close-btn.close-trigger { float: right; cursor: pointer; width:34px; height: 22px; background: url("../images/close-btn-square.png") no-repeat scroll center center transparent;}

ul.internal-nav { list-style: none outside none; } 
ul.internal-nav li { float: right; margin-right: 5px; }
ul.internal-nav a { color: #666666; font-size: 10px; }

/*img.grade-a { background: url("../images/modal-alpha-bg-75.png") repeat scroll right 0 transparent; }*/
span.rating-grade { font-size: 48px; line-height: 67px;display: block; width: 158px; text-align: center; }
#item-detail .col { float:left; display:block; }
#item-detail .col.left { width: 180px; }
#item-detail .col.middle { width: 290px; }
#item-detail .col.right { width: 290px; }
#main .content.template-2 #item-detail .col h4 { font-size:14px; margin: 0; color: #333333; }
#item-detail .col h4.hotel { height:40px; line-height:14px;}
#item-detail .col h4.phone,
#item-detail .col h4.website,
#item-detail .col h4.price,
#item-detail .col h4.hours { height:20px; line-height:14px; }
#main .content.template-2 #item-detail .col p { height:20px; line-height:16px; margin:0; }
#item-detail .col img { margin: 10px 0 10px 30px;}
#main .content.template-2 a.back-to-top { clear:both !important; color: #666666 !important; font-size: 14px !important; text-decoration:none !important; padding-right:15px !important; margin: 10px 5px !important; float:right !important; background: url("../images/top-arrow.png") no-repeat scroll right center transparent !important; width:auto !important; }
#main .content.template-2 p { font-size:14px; }
#main #related-reviews ul li a { color: #666666; font-size: 14px; line-height: 22px; float: none; display: inline; width: auto; text-decoration: none; margin: auto;}
#main #related-reviews ul li a:hover { color: #000000; text-decoration: underline}
#related-reviews ul { padding-left: 30px; margin-top:0px}
#you-may-also-like .col,
#related-reviews .col { float:left; display: block; }
#you-may-also-like .col.left,
#related-reviews .col.left { width: 260px }
#you-may-also-like .col.middle,
#related-reviews .col.middle { width: 270px}
#you-may-also-like .col.right,
#related-reviews .col.right { width: 230px; }
#main .content.template-2 #you-may-also-like .white-box { width: 230px; height: 165px; background-color: white; margin:0 auto; } 
#main .content.template-2 #you-may-also-like .white-box img { float: left; display:block; margin: 10px 15px 0 10px; }
#main .content.template-2 #you-may-also-like .white-box h2 { font-family: Arial; font-size: 14px; font-weight: bold; color: #51545b; margin:0 0 0 110px; padding-top:10px; }
#main .content.template-2 #you-may-also-like .white-box h3 { font-family: Arial; font-size: 13px; font-weight: normal; color: #51545b; margin: 5px 0 0 100px; text-align:center; }
#main .content.template-2 #you-may-also-like .white-box p { font-family: Arial; font-size: 9px; font-weight: normal; color: #51545b; margin: 5px 0 0 100px; text-align:center; }
#main .content.template-2 #you-may-also-like .white-box a.buy-now  {
  background: none repeat scroll 0 0 #5F636E; box-shadow: 2px 2px 2px #888888;
  color: #FFFFFF; display: block; font-family: 'RICHARDMILLERBook',Arial,sans-serif;
  font-size: 14px; font-weight: bold; height: 24px; margin: 5px 0 0 120px;
  padding-top: 5px; text-align: center; text-decoration: none; width: 90px;  
}
#you-may-also-like .col.right { height: 140px; }


/* ===========================
   New Styles Hotel At-A-Glace
   =========================== */


#main #hotel-at-a-glance .section-content h4
{
    float: left;
    display: inline;
    margin: 0;
    width: 700px;
    line-height: 20px;
    color: #333333;
}
#main #hotel-at-a-glance .section-content p
{
    margin: 0px 10px 10px 10px;
    float: left;
    line-height: 20px;
}

/* ===========================
   New Styles At-A-Glace
   =========================== */


#main #at-a-glance .section-content h4
{
    float: left;
    display: inline;
    margin: 0;
    width: 700px;
    line-height: 30px;
    color: #333333;
}
#main #at-a-glance .section-content p
{
    margin: 1px 10px 10px 10px;
    float: left;
    line-height: 20px;
    
}

/* ===========================
  Blog
   =========================== */
   
#main h4.storyDate 
{
    font-size: 20px;
    padding: 0;
    margin: 10px 20px;
}
   
#storyNav, #storyNav li
{
    list-style-type:none;
    list-style-position:inside;
}

#main #storyNav
{
    padding:0;
    margin: 10px 20px;
}

 #main #storyNav li
 {
     padding:0 0 12px 0;
 }
 
 #main #storyNav li a
 {
     float:none;
     display:block;
     font-size:16px;
     text-decoration:none;
     color:#333333;
     background: url("../images/right_arrow.gif") no-repeat scroll 2px center transparent;
     padding-left:20px;
 }

#main #blogroll td font, #main #blogroll td font a, #main #blogroll td h5
{
    font-family: arial;
    font-size: 14px;
    font-weight: normal;
    line-height: 22px;
}

#main #blogroll td b, #main #blogroll td u, #main #blogroll td strong
{
    font-weight:normal !important;
    text-decoration:none !important;
}

#main #blogroll td a h2
{
    text-indent:0;
}

#main .section-sidebar
{
    float:right;
}

#main .storyFull .section-content
{
    margin-right:200px;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */





/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}