html, body { font:62.5% Arial,sans-serif; background:#fee4f3; /* Pink */}
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline;}
sup { vertical-align: top; font-size:11px;}
div#container { position:relative; height:100%; }
div#container div#pinBGContainer { position:relative; left:50%; margin-left:-400px; width:800px; }
div#container div#pinBGContainer div#pinBG { position:relative; /*opacity: 0.6; /*filter: "alpha(opacity=60)"; /* expected to work in IE 8 */ /*filter: alpha(opacity=60); /* IE 4-7 */ background:url('../images/bg_pin.gif'); margin:98px 0 0 0; padding:0; width:745px; height:545px; }
div#container div#pinBGContainer div#pinBG div#frame { position:absolute; left:50%; margin-left:-400px; top:-75px; background:url('../images/frame_800.png') no-repeat; width:660px; height:464px; padding:115px 70px 120px 70px; z-index:5; font-size:1.8em; }
div#container div#pinBGContainer div#pinBG div#frame h1.pink { font:24px Georgia,'Times New Roman',serif; background:url('../images/pink_room.gif') no-repeat; padding:15px 0 0 90px; height:73px; font-variant:small-caps; }
div#container div#pinBGContainer div#pinBG div#frame h1.sweetmain { font:24px Georgia,'Times New Roman',serif; background:url('../images/sweet-room.png') no-repeat; padding:15px 0 0 70px; height:73px; font-variant:small-caps; margin-left:100px; }
div#container div#pinBGContainer div#pinBG div#frame h1.sweet { font:24px Georgia,'Times New Roman',serif; background:url('../images/sweet-room.png') no-repeat; padding:15px 0 0 70px; height:73px; font-variant:small-caps; }
div#container div#pinBGContainer div#pinBG div#frame h1.white { font:24px Georgia,'Times New Roman',serif; background:url('../images/white_room.gif') no-repeat; padding:15px 0 0 90px; height:73px; font-variant:small-caps; }
div#container div#pinBGContainer div#pinBG div#frame h1.blue { font:24px Georgia,'Times New Roman',serif; background:url('../images/blue_room.gif') no-repeat; padding:15px 0 0 90px; height:73px; font-variant:small-caps; }
div#container div#pinBGContainer div#pinBG div#frame h1.gown{ font:24px Georgia,'Times New Roman',serif; background:url('../images/gown_room.gif') no-repeat; padding:15px 0 0 90px; height:73px; font-variant:small-caps; }
div#container div#pinBGContainer div#pinBG div#frame h1.rose { font:24px Georgia,'Times New Roman',serif; background:url('../images/rose_room.gif') no-repeat 8px 18px; padding:15px 0 0 90px; height:73px; font-variant:small-caps; }
div#container div#pinBGContainer div#pinBG div#frame h1.contact { font:24px Georgia,'Times New Roman',serif; background:url('../images/contact_us.gif') no-repeat 8px 10px; padding:15px 0 0 90px; height:73px; font-variant:small-caps; }
div#container div#pinBGContainer div#pinBG div#frame h1 a { text-decoration:none; color:#000; }
div#container div#pinBGContainer div#pinBG div#frame h1 a:hover { text-decoration:none; color:#E660A3; }
div#container div#pinBGContainer div#pinBG div#frame h4.desc { position:absolute; left:215px; top:165px; font:15px Cambria,Georgia,'Times New Roman',serif; color:#666; font-variant:small-caps; }
div#container div#pinBGContainer div#pinBG div#frame img.curtainLeft { position:absolute; top:88px; left:30px; height:525px; z-index:-5; }
div#container div#pinBGContainer div#pinBG div#frame img.curtainRight { position:absolute; top:88px; left:640px; height:525px; z-index:-5; }
div#container div#pinBGContainer div#pinBG div#frame img.chand_1 { position:absolute; top:92px; left:25%; margin-left:-56px; height:220px; }
div#container div#pinBGContainer div#pinBG div#frame img.chand_2 { position:absolute; top:92px; left:75%; margin-left:-42px; height:220px; }
div#container div#pinBGContainer div#pinBG div#frame img.logo { width:150px; position:relative; left:51%; margin-left:-80px; top:25%; margin-top:-125px; }
/* div.links is specific to index.html, the main page */
div#container div#pinBGContainer div#pinBG div#frame div.links { position:relative; margin:100px 0 0 0; }
div#container div#pinBGContainer div#pinBG div#frame div.links table { width:100%; }
div#container div#pinBGContainer div#pinBG div#frame div.links table td { width:100%; text-align:center; position:relative; }
div#container div#pinBGContainer div#pinBG div#frame div.links table td.left { width:50%; text-align:left; padding-left:20px; }
div#container div#pinBGContainer div#pinBG div#frame div.links table td.right { width:50%; padding:0 0 0 25px; }
div#container div#pinBGContainer div#pinBG div#frame div.links table td img { border:0; vertical-align:middle; padding:0 15px 0 0; margin:8px 0; }
div#container div#pinBGContainer div#pinBG div#frame div.links table td img.roomName { vertical-align:middle;}
div#container div#pinBGContainer div#pinBG div#frame div.links table td a { text-decoration:none; color:#491759; font-size:18px; font-variant:small-caps; font-family:Georgia,'Times New Roman',serif; }
div#container div#pinBGContainer div#pinBG div#frame div.links table td a:hover { color:#E660A3; }
/* Individual absolutely positioned spans suck, but it had to be done. Tables are a bitch. */
div#container div#pinBGContainer div#pinBG div#frame div.links table td span.pink_desc { font:small-caps 15px Cambria,Georgia,'Times New Roman',serif; position:absolute; top:60px; left:100px; color:#666; }
div#container div#pinBGContainer div#pinBG div#frame div.links table td span.sweet_desc { font:small-caps 15px Cambria,Georgia,'Times New Roman',serif; position:absolute; top:55px; left:100px; color:#666; }
div#container div#pinBGContainer div#pinBG div#frame div.links table td span.rose_desc { font:small-caps 15px Cambria,Georgia,'Times New Roman',serif; position:absolute; top:55px; left:450px; color:#666; }
div#container div#pinBGContainer div#pinBG div#frame div.links table td span.blue_desc { font:small-caps 15px Cambria,Georgia,'Times New Roman',serif; position:absolute; top:155px; left:450px; color:#666; }
div#container div#pinBGContainer div#pinBG div#frame div.links table td span.white_desc { font:small-caps 15px Cambria,Georgia,'Times New Roman',serif; position:absolute; top:155px; left:100px; color:#666; }
div#container div#pinBGContainer div#pinBG div#frame div.links table td.contact { padding-top:10px; }
div#container div#pinBGContainer div#pinBG div#frame div.links table td.contact a { font-size:14px; }
div#container div#pinBGContainer div#pinBG div#frame div.links table td.contact img { width:40px; }
div#container div#pinBGContainer div#pinBG div#frame div.links table td.contact img.roomName { padding-top:0; width:100px; }
/* div.copy is specific to the subpages (description of the room) */
div#container div#pinBGContainer div#pinBG div#frame div.copy {
font:14px 'Palatino Linotype','Book Antiqua',Palatino,serif;
padding:20px 60px 20px 20px;
text-indent:1cm;
}
div#container div#pinBGContainer div#pinBG div#frame div.copy a {
color:#e660a3;
text-decoration:none;
}
div#container div#pinBGContainer div#pinBG div#frame div.copy a:hover {
text-decoration:underline;
}
div#container div#pinBGContainer div#pinBG div#frame div.copy p {
padding:0 0 10px 0;
}
div#container div#pinBGContainer div#pinBG div#frame div.copy div.priceList {
width:100%;
}
div.copy div.priceList span {
font-weight:bold;
text-decoration:underline;
}
div.copy div.priceList span.parking {
font-weight:normal;
text-decoration:none;
font-size:12px;
}
div.copy div.priceList ul {
vertical-align: top;
margin-bottom:10px;
}
div.copy div.priceList table td { width:45%; padding-right:15px; }
/* div.subtopics is specific for the subpages (white room, pink room, etc.) */
div#container div#pinBGContainer div#pinBG div#frame div.subtopics {
padding:0 0 0 105px;
}
div#container div#pinBGContainer div#pinBG div#frame div.subtopics table {
width:510px;
}
div#container div#pinBGContainer div#pinBG div#frame div.subtopics table td {
text-align:left;
vertical-align:middle;
font:small-caps 22px Georgia,'Times New Roman',serif;
}
div#container div#pinBGContainer div#pinBG div#frame div.subtopics table td a {
text-decoration:none;
color:#000;
}
div#container div#pinBGContainer div#pinBG div#frame div.subtopics table td a:hover { text-decoration:none; color:#e660a3; }
div#container div#pinBGContainer div#pinBG div#frame div.subtopics table td img { padding-right:15px; }
div#container div#pinBGContainer div#pinBG div#frame div.subtopics table td.image { vertical-align:top; text-align:center; }
div#container div#pinBGContainer div#pinBG div#frame div.subtopics table td.image img { padding-right:0; border:1px solid #000; }
div#container div#pinBGContainer div#pinBG div#frame div.subtopics table td.image span { font-size:18px; }
/* Smaller logo in upper-right corner */
div#container div#pinBGContainer div#pinBG div#frame div#logoTopRight { position:absolute; top:110px; left:670px; }
/* Back button in bottom-right corner */
div#container div#pinBGContainer div#pinBG div#frame div#subLogo { position:absolute; top:525px; left:675px; text-align:center; font:11px 'Palatino Linotype','Book Antiqua',Palatino,serif; vertical-align:top; }
div#container div#pinBGContainer div#pinBG div#frame div#subLogo a { text-decoration:none; color:#333; height:100%; }
div#container div#pinBGContainer div#pinBG div#frame div#subLogo a:hover { color:#E660A3; text-decoration:none; }
div#container div#pinBGContainer div#pinBG div#frame div#subLogo img { border:0; width:60px; vertical-align:middle; padding-bottom:10px; }
/* Styles for the galleries */
div#container div#pinBGContainer div#pinBG div#frame div#photoGallery { width:660px; padding:20px; }
div#container div#pinBGContainer div#pinBG div#frame div#photoGallery table tr td.image{ width:80px; height:80px; padding:0 10px 10px 10px; text-align:center; }
div#container div#pinBGContainer div#pinBG div#frame div#photoGallery table tr td.image img { width:80px; height:80px; border:1px solid #000; }
div#container div#pinBGContainer div#pinBG div#frame div#photoGallery table tr td.image span.price { font:bold 11px Arial,sans-serif; }
div#container div#pinBGContainer div#pinBG div#frame div#photoGallery table tr td.price { text-align:center; width:100px; letter-spacing:1px; padding:0 0 10px 0; }
div#container div#pinBGContainer div#pinBG div#frame div#photoGallery table tr td.pagination { font:small-caps 14px Georgia,'Times New Roman',serif; padding:0 20px; height:50px; }
div#container div#pinBGContainer div#pinBG div#frame div#photoGallery table tr td.pagination a { text-decoration:none; color:#000; }
div#container div#pinBGContainer div#pinBG div#frame div#photoGallery table tr td.pagination a:hover { color:#e660a3; }
div#container div#pinBGContainer div#pinBG div#frame div.footer { position:absolute; bottom:110px; text-align:center; width:660px; font:10px Arial,sans-serif; letter-spacing:1.2px; }
div#container div#pinBGContainer div#pinBG div#frame div.footer a { color:#e660a3; text-decoration:none; }
div#container div#pinBGContainer div#pinBG div#frame div.footer a:hover { text-decoration:underline; }
div#container div#pageFooter { position: relative; bottom: -90px; }
div#container div#pageFooter p { color:#e660a3; text-align:center; font:11px 'Palatino Linotype','Book Antiqua',Palatino,serif; font-style: italic; letter-spacing:1.2px; }
div#container div#pageFooter a { color:#e660a3; text-decoration:none; }
div#container div#pageFooter a:hover { text-decoration:underline; }