/* *************************************** common.css - PatMaloney.com Coder: Ryan Herndon Creation Date: 11.14.05 *************************************** */ * { padding: 0; margin: 0; border: 0; } html { min-height: 100%; margin-bottom: 1px; } #skip { display: none; } body, textarea, input { font: 12px arial, helvetica, sans-serif; color: #000; } body { background: #963; text-align: center; } h1, h2 { color: #030; font-size: 14px; font-family: tahoma, verdana, arial, sans-serif; } h2 { font-size: 13px; } h3 { font-size: 13px; } blockquote { margin: 0 0 25px; } a:link, a:visited { color: #316100; } a:hover { color: #65C700; text-decoration: none; } #topshadow { margin: 0 auto; position: relative; left: 0; top: 0; width: 760px; height: 10px; background: url(images/topshadow.gif) no-repeat; padding: 0; } #bottomshadow { margin: 0 auto; position: relative; left: 0; top: 0; width: 760px; height: 39px; background: url(images/bottomshadow.gif) no-repeat bottom; } #container { position: relative; left: 0; top: 0; margin: 0 auto; width: 760px; background: url(images/bg-container.gif) repeat-y #F7F4E3; text-align: left; } #nav { position: relative; left: 6px; top: 0; width: 750px; height: 37px; } #nav li { display: block; float: left; position: relative; left: 0; top: 0; list-style: none; height: 100%; width: 96px; } #nav li a { cursor: pointer; width: 96px; height: 36px; position: relative; left: 0; display: block; } #nav li strong { position: absolute; left: 0; top: 0; z-index: 1; height: 36px; } #nav li.home, #nav li.home a, #nav li.home strong { background: url(images/nav.gif) no-repeat 0 0; width: 91px; } #nav li.home a:hover strong { background: url(images/nav.gif) no-repeat 0 -37px; } #nav li.homeon, #nav li.homeon strong { background: url(images/nav.gif) no-repeat 0 -37px; width: 91px; } #nav li.about, #nav li.about a, #nav li.about strong { background: url(images/nav.gif) no-repeat -91px 0; width: 142px; } #nav li.about a:hover strong { background: url(images/nav.gif) no-repeat -91px -37px; } #nav li.abouton, #nav li.abouton strong { background: url(images/nav.gif) no-repeat -91px -37px; width: 142px; } #nav li.practice, #nav li.practice a, #nav li.practice strong { background: url(images/nav.gif) no-repeat -233px 0; width: 145px; } #nav li.practice a:hover strong { background: url(images/nav.gif) no-repeat -233px -37px; } #nav li.practiceon, #nav li.practiceon strong { background: url(images/nav.gif) no-repeat -233px -37px; width: 145px; } #nav li.experience, #nav li.experience a, #nav li.experience strong { background: url(images/nav.gif) no-repeat -378px 0; width: 118px; } #nav li.experience a:hover strong { background: url(images/nav.gif) no-repeat -378px -37px; } #nav li.experienceon, #nav li.experienceon strong { background: url(images/nav.gif) no-repeat -378px -37px; width: 118px; } #nav li.news, #nav li.news a, #nav li.news strong { background: url(images/nav.gif) no-repeat -496px 0; width: 126px; } #nav li.news a:hover strong { background: url(images/nav.gif) no-repeat -496px -37px; } #nav li.newson, #nav li.newson strong { background: url(images/nav.gif) no-repeat -496px -37px; width: 126px; } #nav li.contact, #nav li.contact a, #nav li.contact strong { background: url(images/nav.gif) no-repeat -622px 0; width: 126px; } #nav li.contact a:hover strong { background: url(images/nav.gif) no-repeat -622px -37px; } #nav li.contacton, #nav li.contacton strong { background: url(images/nav.gif) no-repeat -622px -37px; width: 126px; } #logo { width: 255px; height: 178px; position: absolute; left: 5px; } #H_colone { position: relative; right: 5px; float: right; width: 499px; w\idth: 443px; padding: 0 35px 0 21px; background: url(images/gavel_bg.gif) no-repeat -1px 0; } #S_colone { position: relative; right: 5px; float: right; width: 499px; w\idth: 443px; padding: 25px 35px 0 21px; background: url(images/sub_bg.gif) no-repeat -1px 0; } #H_colone h1, #S_colone h1 { position: relative; margin: 15px 0; } #H_colone .pagehead { margin: 30px 0 25px; } .spacer { position: relative; top: 6px; left: 22px; float: right; margin: 0 0 0 -23px; } #H_colone p, #S_colone p { line-height: 170%; } #H_colone ul, #H_colone ol, #S_colone ul, #S_colone ol { margin: 0 25px; } #H_colone li, #S_colone li { line-height: 170%; margin: 10px 0; } /* home page */ #columns { position: relative; width: 443px; float: left; background: url(images/accent.gif) no-repeat top left; margin: 15px 0; } #columns #floatleft { float: left; width: 210px; } #columns p { margin: 10px 0; line-height: 150%; } #columns #serious, #columns #trucking, #columns #news { position: relative; float: left; width: 210px; top: 20px; } #columns #serious img, #columns #news img { margin: 0 0 5px; } #columns #news { position: relative; left: 23px; } #columns .more { margin: 15px 0 0; } #quote { position: relative; right: 13px; float: left; width: 456px; height: 75px; background: url(images/quote.gif) no-repeat top; } #quote h4 { display:none; } #H_bottom { position: relative; float: left; width: 443px; padding: 0 0 15px; } #H_bottom img { float: right; width: 126px; margin: 0 30px 0 20px; } #H_bottom h2 { margin: 15px 0; } #H_bottom p { margin: 10px 0; } /* sub pages */ #S_colone .section { position: relative; top: 0; float: left; background: url(images/accent.gif) no-repeat bottom; padding: 25px 0; } #S_colone .last { background: none; } #S_colone .section p { margin: 10px 0 15px; } #S_colone .pagehead { margin: 0 0 25px; } #sitemap li { font-size: 14px; font-weight: bold; } #sitemap li li { font-size: 13px; } #sitemap li li li { font-size: 12px; font-weight: normal; } #pagebottom { position: relative; float: left; margin: 0 0 15px; } #bottomText { font-size: 11px; position: relative; float: left; } #coltwo { position: relative; left: 20px; top: 178px; margin: 0 0 178px; width: 224px; line-height: 150%; text-align: center; display: table; } #coltwo img { margin: 5px 0; } #coltwo .qandc { margin: 0; } #coltwo p { padding: 0 20px; text-align: left; } #coltwo #iframe { width: 190px; height: 180px; position: relative; left: 19px; line-height: 200px; display: table-row; float: left; } #sidebarform { position: relative; width: 190px; float: left; } #sidebarform fieldset { display: block; float: left; margin: 1px 0; width: 190px; } #sidebarform label { width: 60px; float: left; text-align: left; color: #630; } #sidebarform input, #sidebarform textarea { border: 1px solid #dcb347; background: #f8f4e3; padding: 1px 3px 3px 5px; width: 128px; w\idth: 120px; float: left; } #sidebarform textarea { overflow: auto; height: 57px; he\ight: 53px; } #sidebarform .send { float: right; position: relative; right: 15px; top: 3px; width: 47px; } #sidebarform .send input { width: 47px; w\idth: 47px; padding: 0; border: none; height: 21px; background: url(images/btn-send.gif); font-size: .1em } #location { display: table-cell; float: left; } #location p { text-align: center; line-height: 120%; } #subnav { width: 220px; height: auto; float: left; position: relative; left: 3px; top: 0; background: url(images/bg-subnav.gif) no-repeat bottom; padding: 0 0 8px; } #subnav li { position: relative; top: 0; left: 0; display: block; width: 220px; height: 24px; float: left; list-style: none; } #subnav li a { cursor: pointer; width: 220px; height: 24px; position: relative; left: 0; display: block; } #subnav li strong { position: absolute; left: 0; top: 0; z-index: 1; height: 24px; } #subnav li.serious, #subnav li.serious a, #subnav li.serious strong { background: url(images/subnav.gif) no-repeat 0 0; width: 220px; } #subnav li.serious a:hover strong { background: url(images/subnav.gif) no-repeat -220px 0; } #subnav li.prod, #subnav li.prod a, #subnav li.prod strong { background: url(images/subnav.gif) no-repeat 0 -24px; width: 220px; } #subnav li.prod a:hover strong { background: url(images/subnav.gif) no-repeat -220px -24px; } #subnav li.auto, #subnav li.auto a, #subnav li.auto strong { background: url(images/subnav.gif) no-repeat 0 -48px; width: 220px; } #subnav li.auto a:hover strong { background: url(images/subnav.gif) no-repeat -220px -48px; } #subnav li.crash, #subnav li.crash a, #subnav li.crash strong { background: url(images/subnav.gif) no-repeat 0 -72px; width: 220px; } #subnav li.crash a:hover strong { background: url(images/subnav.gif) no-repeat -220px -72px; } #subnav li.injury, #subnav li.injury a, #subnav li.injury strong { background: url(images/subnav.gif) no-repeat 0 -96px; width: 220px; } #subnav li.injury a:hover strong { background: url(images/subnav.gif) no-repeat -220px -96px; } #subnav li.truck, #subnav li.truck a, #subnav li.truck strong { background: url(images/subnav.gif) no-repeat 0 -120px; width: 220px; } #subnav li.truck a:hover strong { background: url(images/subnav.gif) no-repeat -220px -120px; } #subnav li.med, #subnav li.med a, #subnav li.med strong { background: url(images/subnav.gif) no-repeat 0 -144px; width: 220px; } #subnav li.med a:hover strong { background: url(images/subnav.gif) no-repeat -220px -144px; } #subnav li.nurse, #subnav li.nurse a, #subnav li.nurse strong { background: url(images/subnav.gif) no-repeat 0 -168px; width: 220px; } #subnav li.nurse a:hover strong { background: url(images/subnav.gif) no-repeat -220px -168px; } #subnav li.death, #subnav li.death a, #subnav li.death strong { background: url(images/subnav.gif) no-repeat 0 -192px; width: 220px; } #subnav li.death a:hover strong { background: url(images/subnav.gif) no-repeat -220px -192px; } #subnav li.work, #subnav li.work a, #subnav li.work strong { background: url(images/subnav.gif) no-repeat 0 -216px; width: 220px; } #subnav li.work a:hover strong { background: url(images/subnav.gif) no-repeat -220px -216px; } #subnav li.pharma, #subnav li.pharma a, #subnav li.pharma strong { background: url(images/subnav.gif) no-repeat 0 -240px; width: 220px; } #subnav li.pharma a:hover strong { background: url(images/subnav.gif) no-repeat -220px -240px; } #subnav li.bus, #subnav li.bus a, #subnav li.bus strong { background: url(images/subnav.gif) no-repeat 0 -264px; width: 220px; } #subnav li.bus a:hover strong { background: url(images/subnav.gif) no-repeat -220px -264px; } /* css dropdowns */ #subnav li ul { display: none; position: absolute; width: 175px; w\idth: 173px; opacity: .95; filter: alpha(opacity= 95); -moz-opacity: .95; text-align: left; font-weight: bold; border: 1px solid #74944B; border-width: 2px 2px 2px 0; } #subnav li li { width: 173px; height: auto; } #subnav li>ul { top: 0; left: 220px; z-index: 50; } #subnav li:hover ul, #subnav li.sfhover ul { left: 220px; top: 0; display: block; z-index:50; } #subnav li li a:link, #subnav li li a:visited { background: #963; cursor: pointer; /* for IE */ color: #efefef; padding: 5px 10px; width: 175px; w\idth: 153px; text-decoration: none; display: block; height: auto; } #subnav li li a:hover { background-color: #CC9966; color: #fff; } /* sub page expanded left hand menus */ #subnav li.on { height: auto; width: 220px; display: block; float: left; } #subnav li.on ul { display: block; position: relative; left: 0; float: left; width: 216px; opacity: 1; filter: alpha(opacity= 100); -moz-opacity: 1; border: none; } #subnav li.on li { width: 216px; line-height: 22px; float: left; position: relative; } #subnav li.on>ul { left: 0; top: 0; display: block; } #subnav li.on:hover ul { left: 0; top: 0; display: block; } #subnav li.sfhover.on ul { left: 0; top: 0; display: block; } #subnav li.on li a:link, #subnav li.on li a:visited, #subnav li.serious.on li div, #subnav li.crash.on li div, #subnav li.injury.on li div, #subnav li.work.on li div, #subnav li.pharma.on li div, #subnav li.truck.on li div { width: 220px; w\idth: 197px; background: #6B8E47; color: #fff; padding: 5px 3px 5px 20px; height: 100%; line-height:100%; } #subnav li.on li a:hover { background: #6B8E47; color: #DCB347; } /* on state for buttons */ #subnav li.on div { height: 24px; } #subnav li.on.serious div, #subnav li.on.serious div strong { background: url(images/subnav.gif) no-repeat -220px 0; } #subnav li.on.prod div, #subnav li.on.prod div strong { background: url(images/subnav.gif) no-repeat -220px -24px; } #subnav li.on.auto div, #subnav li.on.auto div strong { background: url(images/subnav.gif) no-repeat -220px -48px; } #subnav li.on.crash div, #subnav li.on.crash div strong { background: url(images/subnav.gif) no-repeat -220px -72px; } #subnav li.on.injury div, #subnav li.on.injury div strong { background: url(images/subnav.gif) no-repeat -220px -96px; } #subnav li.on.truck div, #subnav li.on.truck div strong { background: url(images/subnav.gif) no-repeat -220px -120px; } #subnav li.on.med div, #subnav li.on.med div strong { background: url(images/subnav.gif) no-repeat -220px -144px; } #subnav li.on.nurse div, #subnav li.on.nurse div strong { background: url(images/subnav.gif) no-repeat -220px -168px; } #subnav li.on.death div, #subnav li.on.death div strong { background: url(images/subnav.gif) no-repeat -220px -192px; } #subnav li.on.work div, #subnav li.on.work div strong { background: url(images/subnav.gif) no-repeat -220px -216px; } #subnav li.on.pharma div, #subnav li.on.pharma div strong { background: url(images/subnav.gif) no-repeat -220px -240px; } #subnav li.on.bus div, #subnav li.on.bus div strong { background: url(images/subnav.gif) no-repeat -220px -264px; } #subnav li.serious.on li div, #subnav li.crash.on li div, #subnav li.injury.on li div, #subnav li.work.on li div, #subnav li.pharma.on li div, #subnav li.truck.on li div { background-color: #6B8E47; color: #DCB347; display: block; } /* contact form */ #form { position: relative; float: left; width: 100%; } #form fieldset { display: block; padding: 0 0 10px; } #form label { display: block; float: left; width: 125px; w\idth: 100px; text-align: right; padding: 0 25px 0 0; line-height: 23px; } #form input { padding: 2px; border: 1px solid #dcb347; height: 21px; he\ight: 15px; } #form textarea { padding: 2px; overflow: auto; border: 1px solid #dcb347; width: 345px; } #form .send { width: 50px; position: relative; right: 100px; float: right; } #form .send input { border: none; width: 47px; height: 21px; } #footer, #copyright { margin: 10px auto; width: 760px; text-align: center; color: #f8f4e3; } #footer li { position: relative; left: 85px; display: block; float: left; padding: 0 10px 0 15px; background: url(images/sp-foot.gif) no-repeat left center; } #footer .first { background: none; } #footer a:link, #footer a:visited { color: #e5c68f; } #footer a:hover { color: #D29C3C; text-decoration: none; } #copyright { color: #e5c68f; margin: 5px auto 10px; } #copyright a { text-decoration: none; color: #e5c68f; } #copyright a:hover { color: #EAD0A4; } /* classes */ .clear { clear:both; } .totop { text-align: center; font-size: 11px; position:relative; z-index:2; } .totop a { padding: 0 17px 0 0; background: url(images/up-arrow.gif) no-repeat right; } .external { padding: 0 17px 0 0; background: url(images/icon-exlink.gif) no-repeat right; display: inline; } .none { list-style: none; } .errmsg { color: #f00; text-align: center; } .msg { color: #74944B; } .required { color: #f00; } a.one { color: #000; text-decoration: none; cursor: text; }