/* ----------------------------------------------------------------------- RedMtnMedSpa http://RedMtnMedSpa.com * Copyright (c) 2007-2008. paulsutton.us ----------------------------------------------------------------------- */ /* reset.css */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} table {border-collapse:separate;border-spacing:0;} caption, th, td {text-align:left;font-weight:normal;} table, td, th {vertical-align:middle;} blockquote:before, blockquote:after, q:before, q:after {content:"";} blockquote, q {quotes:"" "";} a img {border:none;} /* general typography.css */ body {font-size:13px; color:#1d1409; background:#fde4b6 url(../assets/bg-body.jpg) repeat-x; font-family:Arial, Helvetica, Verdana, sans-serif} h1, h2, h3, h4, h5, h6 {font-family:Garamond, Georgia, "Times New Roman", Times, serif; color:#794c09; font-weight:bold; letter-spacing:-1px} h3{font-size:2em; margin:0 0 10px 0} h4{font-size:1.5em} h5{text-transform:uppercase} h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0} p {margin:0 0 20px 0; line-height:1.7} p.home {margin:0 0 20px 0; line-height:2.3} p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0} p img.right, h4 img.right {float:right; margin:5px 5px 10px 0} p:first-line { /* Nice first line */ font-weight:bold; color:#000} a:focus, a:hover, #left-column:hover a {border-bottom:1px solid} a:focus, a:hover, #left-column:hover a {border-bottom:1px solid} p.remove-firstline:first-line{ /* Remove first line */ font-weight:normal} a {color:#670001; text-decoration:none} ul{list-style-position:inside; margin:0 0 15px 5px; font-size:12px; line-height:1.5} ol{list-style-type:none; line-height:1.5} ol li span{font-weight:bold; color:#000} ol li:before {content: "\2767"; padding-right: 0.4em; margin-top:0; font-family:Garamond, Georgia, "Times New Roman", Times, serif; color:#670001} blockquote {margin:0.7em 0 0.3em 0; color:#794c09; font-style:italic; background-color:#e9ca94; padding:1em 1em 0.01em 1em} blockquote p span{font-style:normal; font-weight:bold; color:#794c09; text-transform:uppercase; font-size:0.85em} blockquote p:first-line {color:#794c09} strong {font-weight:bold;} em {font-style:italic;} sup, sub {line-height:0;} abbr, acronym {border-bottom:1px dotted #666} .clearfix:after, #container:after {content:".";display:block;height:0;clear:both;visibility:hidden} .clearfix, #container {display:inline-block;} * html .clearfix, * html #container {height:1%} .clearfix, #container {display:block} .clear {clear:both} /* layout - changed from screen.css */ #container-xmas{margin:0 auto;width:900px;background: url(../assets/tagline-img-frame-xmas.jpg) top no-repeat; min-height:444px} #head{width:900px;height:106px} #head h1{background: url(../assets/logo-rmms-xmas.png) 54px 11px no-repeat;display:block;text-decoration:none;margin:0;padding:0;width:auto;height:106px} #head h1 span, #head a h1 span{display:none} #tagline{width:900px;height:338px;padding:0} #tagline.flash{width:519px; height:290px; float:right; margin:22px 12px 26px 0; overflow:hidden} #tagline.fade{width:519px; height:290px; float:right; margin:22px 12px 26px 0; overflow:hidden} /* navigation */ #primarynav{height:61px; width:900px; padding:0; border:0} #primarynav ul#menu{height:61px;width:900px; background:url('../assets/bg-nav-win.gif') no-repeat; margin:0; padding:0; position:relative} #primarynav ul#menu li{margin:0; padding:0; list-style:none; position:absolute; top:0} ul#menu li, ul#menu a{ height:61px; display:block} #primarynav ul#menu li a{text-decoration:none; text-indent:-9999px; /* Commented backslash hack for IE Mac \*/ overflow: hidden /* end hack */} #home {left:33px; width:39px } #contact {left:106px; width:62px } #about {left:199px; width:65px } #spa-menu{left:298px; width:62px } #parties {left:394px; width:180px} #products{left:607px; width:132px} #refer {left:772px; width:96px } #home a:hover, li#home.current {background:url('../assets/bg-nav-win.gif') -33px -61px no-repeat; text-indent:-9999px; border:none} #contact a:hover, li#contact.current {background:url('../assets/bg-nav-win.gif') -106px -61px no-repeat; text-indent:-9999px; border:none} #about a:hover, li#about.current {background:url('../assets/bg-nav-win.gif') -199px -61px no-repeat; text-indent:-9999px; border:none} #spa-menu a:hover, li#spa-menu.current{background:url('../assets/bg-nav-win.gif') -298px -61px no-repeat; text-indent:-9999px; border:none} #parties a:hover, li#parties.current {background:url('../assets/bg-nav-win.gif') -394px -61px no-repeat; text-indent:-9999px; border:none} #products a:hover, li#products.current {background:url('../assets/bg-nav-win.gif') -607px -61px no-repeat; text-indent:-9999px; border:none} #refer a:hover, li#refer.current {background:url('../assets/bg-nav-win.gif') -772px -61px no-repeat; text-indent:-9999px; border:none} /* columns */ #left-column{float:left; width:495px; margin:23px 0 0 0} #left-column img.b4nafter-set{float:right; margin:10px 0 10px 10px; clear:both} #left-column img.before{float:left; margin:10px 0; border:3px solid #ba8d49} #left-column img.after{float:right; margin:10px 0; border:3px solid #ba8d49} #left-column h2, #left-column h3 a{margin:0 0 1em 0; padding:0; display:block; border:none} #left-column h2, #left-column h3 a{background-repeat:no-repeat; width:495px} #left-column h2 span, #left-column h3 span{display:none} /* #left-column h2#welcome {background-image:url('../assets/h2-welcome.jpg'); height:46px} #left-column h2#contact {background-image:url('../assets/h2-contact.jpg'); height:46px} #left-column h2#about {background-image:url('../assets/h2-about.jpg'); height:46px} #left-column h2#news {background-image:url('../assets/h2-news.jpg'); height:46px} #left-column h2#press {background-image:url('../assets/h2-press.jpg'); height:46px} #left-column h2#menu {background-image:url('../assets/h2-menu.jpg'); height:46px} #left-column h2#party {background-image:url('../assets/h2-party.jpg'); height:46px} #left-column h2#products {background-image:url('../assets/h2-products.jpg'); height:46px} #left-column h2#refer {background-image:url('../assets/h2-refer.jpg'); height:46px} #left-column h2#tour {background-image:url('../assets/h2-tour.jpg'); height:46px}*/ #left-column h3#tour a{background-image:url('../assets/h3-tour-spa.jpg'); height:288px; border:none} /* gallery */ #gallery {padding:0; margin:0; list-style-type:none; overflow:hidden; width:493px; height:573px; border:1px solid #bd8d45; background:#fff url('../gallery/gallery-bg.jpg') bottom no-repeat } #gallery li {float:left} #gallery li a {display:block; height:30px; width:495px; overflow:hidden; float:left; text-decoration:none; border-bottom:1px solid #bd8d45; cursor:default} #gallery li a img.galley {width:495px; border:0; overflow:hidden; border-bottom:1px solid #bd8d45} #gallery li a:hover{background:#eee; height:328px; border-bottom:1px solid #bd8d45} #gallery li a:hover img.galley {height:328px; border-bottom:1px solid #bd8d45} /*#galleryie {padding:0; margin:0 auto; list-style-type:none; overflow:hidden; width:495px; height:327px; border:1px solid #888; background:#fff url('../gallery/gallery-bg.jpg')} #galleryie li {float:left} #galleryie li a {display:block; height:327px; width:20px; overflow:hidden; float:left; text-decoration:none; border-right:1px solid #fff; cursor:default} #galleryie li a img {border:0;} #galleryie li a:hover {background:#eee; width:495px}*/ #right-column{float:left; width:390px; margin:37px 0 0 15px; padding:0} #right-column h4 a{float:left; margin:0 0 17px 0; padding:0; display:block; border:none} #right-column h4 a{background-repeat:no-repeat; width:187px; height:187px} #right-column h4 span{display:none} #right-column h4.left a{padding-right:16px} #right-column h4#offer a{background-image:url('../assets/h4-offer.jpg')} #right-column h4#friend a{background-image:url('../assets/h4-friend.jpg')} #right-column h4#gift a{background-image:url('../assets/h4-gift-card.jpg')} #right-column h4#party a{background-image:url('../assets/h4-spa-party.jpg')} #right-column h4#weightloss a{background-image:url('../assets/h4-weightloss.jpg')} #right-column h4#velashape a{background-image:url('../assets/h4-velashape.jpg')} #right-column h4#triniti a{background-image:url('../assets/h4-triniti.jpg')} #right-column #footer{width:390px; height:160px; background:url(../assets/bg-footer.jpg) no-repeat} #right-column #footer p, #right-column #footer p:first-line{margin:13px 0 0 5px; color:#543e23; font-size:10px; line-height:2} /* forms.css */ label {font-weight:bold;} fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;} legend {font-weight:bold;font-size:1.2em;} input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;} input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;} input.text, input.title {width:300px;padding:5px;} input.title {font-size:1.5em;} textarea {width:390px;height:250px;padding:5px;} .error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;} .error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;} .notice {background:#FFF6BF;color:#514721;border-color:#FFD324;} .success {background:#E6EFC2;color:#264409;border-color:#C6D880;} .error a {color:#8a1f11;} .notice a {color:#514721;} .success a {color:#264409;}