/***************************************************************** * Jonathan C. Teller - Attorney at Law * * Site Redesign by MW Design Interactive * * CSS Coding by John Grieco * * 17 February 2009 * *****************************************************************/ /********** undo browser defaults **********/ @import url("undohtml.css"); /********** layout **********/ body { font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; color: #000; line-height: 20px; } #container { width: 100%; display: block; height: inherit; background: url(../images/sky.jpg) top center repeat-x; } #header { height: 125px; width: 1000px; position: relative; margin: 0 auto; } #logo { position: absolute; top: 50px; left: 60px; background: url(../images/logo.png) no-repeat; text-indent: -9999px;} #logo a { width: 277px; height: 57px; display: block; } #adtl_services { position: absolute; top: 90px; right: 76px; background: url(../images/adtl_services.png) top left no-repeat; text-indent: -9999px;} #adtl_services a { width: 170px; height: 17px; display: block; } #nav { height: 32px; width: 1000px; background: url(../images/nav.png) top left no-repeat; margin: 0 auto; } #nav ul { height: 32px; } #nav ul li { height: 32px; text-indent: -9999px; float: left; z-index: 100;} #nav ul li a { display: block; width: 100%; height: 100%; } #nav ul li.fees_and_cost { margin-left: 50px; width: 189px; } #nav ul li.fees_and_cost a:hover, #nav ul li.fees_and_cost a.current { background: url(../images/feesandcost_hover.jpg) top left no-repeat; } #nav ul li.procedure { width: 172px; } #nav ul li.procedure a:hover, #nav ul li.procedure a.current { background: url(../images/procedure_hover.jpg) top left no-repeat; } #nav ul li.interview_form { width: 214px; } #nav ul li.interview_form a:hover, #nav ul li.interview_form a.current { background: url(../images/interviewform_hover.jpg) top left no-repeat; } #nav ul li.about_us { width: 155px; } #nav ul li.about_us a:hover, #nav ul li.about_us a.current { background:url(../images/aboutus_hover.jpg) top left no-repeat; } #nav ul li.contact_us { width: 169px; } #nav ul li.contact_us a:hover, #nav ul li.contact_us a.current { background:url(../images/contactus_hover.jpg) top left no-repeat; } h1 { font-size: 16px; font-weight: bold; color: #71a28a; line-height: 20px; } h2 { font-size: 22px; font-weight: normal; color: #5d947a; line-height: 45px; } h3 { font-size: 16px; font-weight: bold; color: #71a28a; line-height: 20px; } #content { width: 904px; margin-left: 48px; display: block; height: inherit; position: relative; margin: 0 auto; } #home_top { position: relative; margin-top: 38px; height: 179px; } #home_top .left { width: 579px; height: 179px; background: url(../images/home_left_bg.jpg) top left no-repeat; float: left; } #home_top .left h2 { color: #5e5643; } #home_top .left .left_copy { padding: 20px 30px 0 30px; } #home_top .right { width: 314px; height: 177px; background: url(../images/home_right_bg.jpg) top right no-repeat; float: left; margin-left: 11px; } #home_top .right p { text-align: center; } #home_top .right p.call_now { font-size: 12px; color: #1f5b42; font-weight: bold; padding-top: 35px; } #home_top .right p.phone { font-size: 22px; color: #71a28a; background: url(../images/phone.jpg) 0px 0px no-repeat; text-align: left; margin: 16px 0 0 50px; height: 32px;} #home_top .right p.phone span { padding: 4px 0 0 55px; display: block; } #home_top .right p.hear { font-size: 12px; font-style: italic; color: #1f5b42; padding-top: 26px; } #home_bottom { position: relative; margin-top: 22px; height: 150px; } #home_bottom .box { width: 298px; height: 150px; display: inline-block; border-right: 1px dotted #aeaaa1; vertical-align: top; } #home_bottom .box h3 { padding: 20px 0 0 30px; } #home_bottom .box p { width: 240px ;padding: 10px 0 0 30px; } #home_bottom .box p a { color: #000; font-weight: bold; border-bottom: 1px dotted #000; } #home_bottom .box p a:hover { border-bottom: 1px solid #000; } #footer { width: 100%; margin-top: 20px; height: 60px; background-color: #e5e0ce; } #footer ul { text-align: center; padding: 20px 0 0 30px; } #footer ul li { display: inline; border-right: 1px solid #4b3c30; padding: 0 40px 0 40px; color: #4b3c30; font-size: 11px; } #footer ul li a { color: #4b3c30; } #footer ul li.first { padding-left: 0; } #footer ul li.last { border-right: 0; } #inner_left { position: relative; top: 38px; left: 30px; display: block; margin-bottom: 70px; width: 520px; min-height: 380px; height: auto !important; height: 380px;} #inner_left p { margin: 10px 0 10px 0; } #inner_left a { font-weight: bold; border-bottom: 1px dotted #000; color: #000; } #inner_left a:hover { border-bottom: 1px solid #000; } #inner_left table { width: 520px; margin-top: 10px; } #inner_left table tr td { vertical-align: top; padding-bottom: 5px; } #inner_left table tr td.leftcol { width: 180px; font-weight: bold; } #inner_right { position: absolute; top: 55px; right: 0px; width: 314px; } #inner_right .about { width: 312px; height: 177px; background: url(../images/inner_about_bg.jpg) top right no-repeat; } #inner_right .about .about_copy { padding: 32px 55px 0 40px; } #inner_right .about .about_copy p { padding-top: 10px; } #inner_right .about .about_copy p a { font-weight: bold; border-bottom: 1px dotted #000; color: #000; } #inner_right .about .about_copy p a:hover { border-bottom: 1px solid #000; } #inner_right .schedule { width: 314px; height: 177px; background: url(../images/home_right_bg.jpg) top right no-repeat; margin-top: 10px; } #inner_right .schedule p { text-align: center; } #inner_right .schedule p.call_now { font-size: 12px; color: #1f5b42; font-weight: bold; padding-top: 35px; } #inner_right .schedule p.phone { font-size: 22px; color: #71a28a; background: url(../images/phone.jpg) 0px 0px no-repeat; text-align: left; margin: 16px 0 0 50px; height: 32px;} #inner_right .schedule p.phone span { padding: 4px 0 0 55px; display: block; } #inner_right .schedule p.hear { font-size: 12px; font-style: italic; color: #1f5b42; padding-top: 26px; } #inner_left ul { list-style: circle; margin-left: 45px; }