/* -------------------------------------------------------------- Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html -------------------------------------------------------------- */ /* v1.0 | 20080212 */ 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; font-size: 100%; vertical-align: baseline; background: transparent; } body { background:#fff; line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } a img { border: none; } /* ------------------- END RESET ----------------- */ body { font-size: 18px; font-family: Helvetica, Arial, Sans-Serif; background-color: #3f210e; background: url('../images/layout/bodybg.png') ; margin: 0; padding: 0; color: #fff; line-height: 28px;} h1 { color: #AE3561; font-size: 2.0em; font-weight: normal; } h2 { color: #AE3561; font-size: 1.8em; font-weight: normal;} h3 { color: #AE3561; font-size: 1.2em; font-weight: normal; } h4 { color: #AE3561; font-size: 1.4em; font-weight: normal; } h5 { color: #AE3561; font-size: 1.2em; font-weight: normal; } h6 { color: #AE3561; font-size: 1.0em; font-weight: normal; } a:link, a:visited {color: #8CD4EB; font-weight: normal; text-decoration: none;} a:hover {color: #B64C32; text-decoration: underline;} a:active {color: #8CD4EB; font-weight: normal; text-decoration: none;} #wrapper { margin: 0 auto; padding: 20px 0 0 0; width: 1100px; } #header h1 span {text-indent: -9999px; display: block;} #header #tagline span {text-indent: -9999px; display: block;} #header h1 {background: url('../images/layout/hans-schafler.png') no-repeat; height: 53px; width: 923px; margin-left: 73px; } #header #tagline {background: url('../images/layout/tagline.png') no-repeat; height: 40px; width: 429px; margin-top: 8px; margin-left: 73px;} #nav { position: absolute; margin: 0 0 0 798px; width: 223px; top: 0; } ul#navcontainer { margin-left: 0; background: url('../images/nav/nav-bg.png') no-repeat; width:223px; height: 576px; padding-top: 285px; padding-left: 23px;} #home-btn a { width: 172px; height: 55px; display: block; text-indent: -9999px; background: url('../images/nav/nav-items.png') no-repeat 0 0; } #about-btn a { width: 172px; height: 64px; display: block; text-indent: -9999px; background: url('../images/nav/nav-items.png') no-repeat 0 -55px; } #subjects-btn a { width: 172px; height: 70px; display: block; text-indent: -9999px; background: url('../images/nav/nav-items.png') no-repeat 0 -119px; } #contact-btn a { width: 172px; height: 53px; display: block; text-indent: -9999px; background: url('../images/nav/nav-items.png') no-repeat 0 -189px; } #home-btn a:hover, #home-btn a.active { background: url('../images/nav/nav-items.png') no-repeat -172px 0; } #about-btn a:hover, #about-btn a.active { background: url('../images/nav/nav-items.png') no-repeat -172px -55px; } #subjects-btn a:hover, #subjects-btn a.active { background: url('../images/nav/nav-items.png') no-repeat -172px -119px; } #contact-btn a:hover, #contact-btn a.active { background: url('../images/nav/nav-items.png') no-repeat -172px -189px; } #content { float: left; width: 780px; margin-top: 30px;} #content p { margin: 0 0 30px 73px; } #content p.first {margin-top: -40px;} #content p.image {margin: -20px 0 0 0; padding: 0; z-index: -5;} #nav #topbtn a span { text-indent: -9999px;display: block; } #nav #topbtn a { float: right; vertical-align: top; display: block; height: 110px; width: 205px; background: url('../images/layout/back-to-top.png') no-repeat 0 -110px;; } #nav #topbtn a:hover {background: url('../images/layout/back-to-top.png') no-repeat 0 0} .fixed { position: fixed; top: 0;} a#footertopbtn { text-indent: -9999px; display: block; height: 200px; width: 298px; background: url('../images/layout/back-to-top-footer.png') no-repeat 0 -200px; } a#footertopbtn:hover { text-indent: -9999px; display: block; height: 200px; width: 298px; background: url('../images/layout/back-to-top-footer.png') no-repeat 0 0; } #content h2 { display: block; text-indent: -9999px; margin: 0 0 0 73px; } #content h3 { margin: 0 0 0 73px; color: #AE3561; margin-bottom: 15px; } #homediv h2 { height: 32px; width: 121px; background: url('../images/layout/home.png') no-repeat;} #about h2 { height: 32px; width: 192px; background: url('../images/layout/about.png') no-repeat;} #subjects h2 { height: 38px; width: 397px; background: url('../images/layout/subjects.png') no-repeat;} #contact h2 { height: 32px; width: 442px; background: url('../images/layout/contact.png') no-repeat;} #homediv p.image { background: url('../images/photos/bg1.png') no-repeat; height: 552px;} #homediv img { margin-top: 58px; margin-left: 73px;} div#about, div#subjects, div#contact {padding-top: 20px;} #about p.image { background: url('../images/photos/bg2.png') no-repeat; height: 552px;} #about img { margin-top: 58px; margin-left: 73px;} #subjects p.image { background: url('../images/photos/bg3.png') no-repeat; height: 552px;} #subjects img { margin-top: 58px; margin-left: 73px;} #contact p.image { background: url('../images/photos/bg1.png') no-repeat; height: 552px;} #contact img { margin-top: 58px; margin-left: 73px;} #subjectlistingbox { background: url('../images/layout/hand-picked.png') no-repeat 500px 70px; } ul {margin-left: 73px;} ul#subjectlisting li {float: left; width: 240px; margin-left: 20px; margin-bottom: 15px;} .geo {display: none;} #address_info {float: left; margin-right: 120px} #email-location {height: 141px; background: url('../images/layout/check-out-our-map.png') no-repeat 550px -10px}