/* This overrides various values set in about-this-hotel.css, for the sake of the popup pages */ html,body { background-position: 579px 6px; } /* Because the first element in the popup pages (an H3) has a top-margin (currently 48px), the tag technically starts 48px into the page. That's why the background needs to be applied to the tag for standards-compliant browsers. But, IE doesn't understand that, and so it get the background image on the tag instead (below). */ html { /* This creates the logo along the top of the popup pages */ background-image: url(/lq/images/about-this-hotel/lq/logo-popups.gif); } /* Only IE sees this */ * html body { /* This creates the logo along the top of the popup pages */ background-image: url(/lq/images/about-this-hotel/lq/logo-popups.gif); } /* And, IE/Mac gets the original value */ * > html body { background-image: none; } /* General link properties */ a:link, a:visited { color: rgb(41,100,204); /* A baby blue */ } a:hover { color: rgb(191,57,31); /* A medium red */ } /* ========================================== Content ========================================= */ /* This is the priamary header on the "About This Hotel" popup pages */ h3 { background-color: rgb(255,204,127); /* Orangish-yellow */ } /* H3 headers within a hotel-pictures section are slightly different */ h3.pictures-header { /* A burnt baby-blue (not be confused with a "burnt-baby blue") */ background-color: rgb(150,179,230); } /* This is a general header with a divider line below the text */ div#content h6.divider { border-bottom: 1px solid rgb(204,204,204); /* a light grey */ }