* { margin: 0; padding: 0; } body { background: #bfd2e0 url(/assets/images/layout/bg_body.gif) left top repeat-x; margin: 0 auto; font-family: Arial, Helvetica, sans-serif; } #container { margin: 0 auto; width: 776px; position: relative; background: transparent url(/assets/images/layout/bg_container.gif) left top repeat-y; z-index: 1; margin-bottom: 50px; } #masthead { background: transparent url(/assets/images/layout/bg_masthead.jpg) right top no-repeat; position: relative; padding: 1px; } #pageHeader { display: inline; height: 0; left: -1000px; overflow: hidden; position: absolute; top: -1000px; width: 0; } #pageHeader p{ font: bold 1.5em/25px Arial, Helvetica, sans-serif; } #address { color: #000; font: normal .75em/18px Arial, Helvetica, sans-serif; left: 176px; top: 124px; position: absolute; } #address p { width: 300px;} #reflection { background: transparent url(/assets/images/layout/bg_reflect.jpg) right top no-repeat; color: #fff; font: normal .8em/18px Arial, Helvetica, sans-serif; padding: 80px 30px 15px 15px; margin-left: 210px; margin-top: 192px; height: 100%; } #content { color: #fff; margin-left: 210px; font: normal .8em/18px Arial, Helvetica, sans-serif; padding: 15px 35px 85px 15px; position: relative; top: -70px; height: 100%;} #content a, #content a:link, #content a:visited { color: #F29E00; font-weight: bold; text-decoration: underline; } #content a:hover, #content a:active, #content a:focus { text-decoration: none} #content p { padding: 0 30px 15px 30px;} #content h1 { height: 37px; margin: 0 0 10px 10px; width: 508px;} #content h2 { padding: 15px 30px 8px 30px; font-size:16px; line-height: 18px;} #content ul li { margin: 0 50px 10px 60px; list-style-type: square; line-height: 1.8em; overflow:hidden;} #content ul li ul li{ margin: 0 0px 10px 30px; list-style-type: square; line-height: 1.8em;} #content img { height:320px; width:206px; background: transparent url(/assets/images/content/img-bg.jpg) right top no-repeat;} #content .pics { float:right; margin: 6px 6px 20px 20px;} #content #controls { z-index: 1000; position: relative; top: 20px; left: 0; display: none; background-color: #bfd2e0; border: 1px solid #2e5370; margin: -22px 30px 0; padding: 0; width: 140px; height: 20px;} #content #controls span { margin: 0 5px; font-size: 9px; } #content #controls a { color: #2e5370; } #pop-in { margin: 0 auto; width: 520px; font: normal .8em/18px Arial, Helvetica, sans-serif; padding: 15px 35px 40px 35px; position: relative; height: 100%;} #pop-in a, #pop-in a:link, #pop-in a:visited { color: #2e5572; font-weight: bold; text-decoration: underline;} #pop-in a:hover, #pop-in a:active, #pop-in a:focus { text-decoration: none; color: #F29E00; } #pop-in p { padding: 15px 30px 15px 30px;} #pop-in h1 { height: 37px; margin: 30px 0 10px 10px; width: 508px;} #pop-in ul li { margin: 0 100px 0 100px; list-style-type: square; line-height: 2em;} #pop-in #map { margin: 0 0 10px 10px; width: 500px; height: 350px;} #homepage h1 { background: transparent url(/assets/images/layout/h1-home.png) left top no-repeat; } #speechTherapyServices h1 { background: transparent url(/assets/images/layout/h1-speech.png) left top no-repeat; } #occupationalTherapyServices h1 { background: transparent url(/assets/images/layout/h1-occupational.png) left top no-repeat; } #specializedTherapeuticPrograms h1 { background: transparent url(/assets/images/layout/h1-specialized.png) left top no-repeat; } #additionalTherapeuticActivities h1 { background: transparent url(/assets/images/layout/h1-activities.png) left top no-repeat; } #resourcesForParents h1 { background: transparent url(/assets/images/layout/h1-resources.png) left top no-repeat; } #recommendedReading h1 { background: transparent url(/assets/images/layout/h1-reading.png) left top no-repeat; } #contactUs h1 { background: transparent url(/assets/images/layout/h1-contact.png) left top no-repeat; } #insurance h1 { background: transparent url(/assets/images/layout/h1-insurance.png) left top no-repeat; } #forms h1 { background: transparent url(/assets/images/layout/h1-forms.png) left top no-repeat; } #directions h1 { background: transparent url(/assets/images/layout/h1-directions.png) left top no-repeat; } #homepage h1 span, #speechTherapyServices h1 span, #occupationalTherapyServices h1 span, #specializedTherapeuticPrograms h1 span, #additionalTherapeuticActivities h1 span, #resourcesForParents h1 span, #recommendedReading h1 span, #contactUs h1 span, #insurance h1 span, #directions h1 span, #forms h1 span, #nav h3 span, #pop-nav h3 span{ display: inline; height: 0; left: -1000px; overflow: hidden; position: absolute; top: -1000px; width: 0;} #sidebar { background: transparent url(/assets/images/layout/bg_sidebar.gif) 0px 2px repeat-y; color: #fff; font-weight: normal; padding: 0px 10px 0 0; position: absolute; top: 193px; width: 221px;} #sidebar h3 { padding-left: 10px; } #sidebar a, #sidebar a:link, #sidebar a:visited { color: #000; text-decoration: underline;} #sidebar a:hover, #sidebar a:active, #sidebar a:focus { text-decoration: none;} #sidebar ul li { font-size: .7em; list-style: none; padding: 0 20px 0 10px;} #nav { background: transparent url(/assets/images/layout/bg_sidebar-split.png) left bottom no-repeat; padding-bottom: 40px;} #nav h3{ background: transparent url(/assets/images/layout/nav-services.png) left top no-repeat; display: block; margin: 15px auto; height: 29px; width: 185px;} #nav li a { display: block; font: bold 1.1em/19px Arial, Helvetica, sans-serif; padding: 4px 8px 4px 17px;} #nav li a:hover { background-color: #fa8d00; border: 1px solid #ed8600; padding: 3px 7px 3px 16px;} #pop-nav { padding-bottom: 10px; } #pop-nav h3{ background: transparent url(/assets/images/layout/nav-resources.png) left top no-repeat; display: block; margin: 15px auto; height: 29px; width: 185px;} #pop-nav li a { display: block; font: bold 1.1em/19px Arial, Helvetica, sans-serif; padding: 4px 8px 4px 17px;} #pop-nav li a:hover { background-color: #fa8d00; border: 1px solid #ed8600; padding: 3px 7px 3px 16px;} #footer { background: transparent url(/assets/images/layout/bg_footer.png) left top no-repeat; bottom: -97px; left: 25px; height: 54px; line-height: 50px; position: absolute; width: 312px; padding-left: 37px;} #footer p { color: #000; padding: 0 6px 0 0;} * html #footer { bottom: -28px;} #pop-in #footer { background: none; font: .8em/19px Arial, Helvetica, sans-serif;} .hidden { visibility: hidden;} #contact-form { padding: 0 30px 15px 30px; width: 460px;} .error { background: transparent url(/assets/images/layout/bad_lg.png) left top no-repeat; width: 260px; height: 30px; margin: 0 auto; padding: 10px 0 10px 50px; color: #f00; font-weight: bold;} .good{ background: transparent url(/assets/images/layout/good_lg.png) left top no-repeat; width: 400px; height: 30px; margin: 75px auto; padding: 0px 0 10px 50px; font-weight: bold;} #contact-form h5 { padding: 8px 0 2px 0;} #submit { padding: 8px 0 2px 0;} #map_canvas { margin: 10px 0 10px 10px;}