/* ---------------------------------------------------------------------------- Copyright Einstein Industries 2005. Used with Permission. May not be duplicated or reproduced. Please check for cross-browser compatibility prior to making changes MINIMUM BROWSER CHECK :: Mozilla/IE6/Safari CSS Document - layout.css ---------------------------------------------------------------------------- */ /* undo some default styling of common (X)HTML browsers * ------------------------------------------------------------------------- */ /* remove default link styles */ :link,:visited { text-decoration:none; } /* No list-markers by default - must redefine bullets w/ bg graphics */ ul,ol { list-style:none; } /* Avoid browser default inconsistent heading font-sizes and pre/code */ h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; } /* Remove inconsistent (among browsers) default padding or margin */ html,body,div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,pre,form,fieldset,input { margin:0; padding:0; } /* prevent blue linked image borders */ a img,:link img,:visited img { border:none; } /* global elements * ------------------------------------------------------------------------- */ /* root selectors */ body { background:url("../images/bg-body.gif") repeat-x top left #E0E4EA; text-align:center; } p,a:link,a:visited,ul,ol,li,dl,dt,dd,h1,h2,h3 { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#0E4478; text-decoration:none; } p,dl,dt,dd,ul,ol,li { line-height:16px; } p,pre,blockquote,h1,h2,h3 { margin-bottom:10px; } a:link,a:visited { text-decoration:underline; } a:hover,a:active { text-decoration:none; } h2 span,h3 span { display:none; } h1 { font-size:14px; margin-bottom:14px; color:#183D6A; } h2 { font-size:13px; margin-top:16px; color:#3A3A3A; } h3 { font-size:12px; margin-top:16px; } form { width:150px; padding:10px 0 15px 40px; } input, textarea { background-color:#fff; border:1px solid #183D6A; width:150px; height:18px; margin-bottom:4px; padding-top:2px; padding-left:4px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#183D6A; } textarea { height:70px; overflow:auto; } /* classes */ .right { text-align:right; } .center { text-align:center; margin-left:-7px; } .clear { clear:both; height:1em; overflow:hidden; } .thumbs-left { margin:2px 8px 0 0; } .thumbs-right { margin:2px 0 0 8px; } .submit, .submit-contact-main { width:60px; cursor:pointer; padding:0; } .submit-contact-main { margin:85px 0 0 210px; } .color { color: #FFAF00; } .sm { font-size:10px; font-weight: bold; } .indexMidBox{ height:50px;} .italic {font-style: italic;;} /* framework * ------------------------------------------------------------------------- */ #wrap { background:url("../images/bg-wrap.gif") repeat-y; width:820px; margin:0 auto; text-align:left; } #top { background:url("../images/top.gif"); height:114px; } #banner { background:url("../images/banner.jpg"); height:237px; } #banner1 { background:url("../images/banner1.jpg"); height:237px; } #banner2 { background:url("../images/banner2.jpg"); height:237px; } #banner3 { background:url("../images/banner3.jpg"); height:237px; } #column-left { width:212px; float:left; } #column-left p { padding-left:40px; padding-right:16px; text-align: center;} #header-press-conference { background:url("../images/header-press-conference.jpg") no-repeat; padding-top:55px; padding-bottom:6px; } #header-press-conference a { width:117px; height:80px; display:block; margin-left:55px; } #header-quick-contact { background:url("../images/header-quick-contact.jpg"); height:50px; margin-bottom:15px; } #column-middle { width:396px; float:left; background-color:#FFFFFF; } #column-middle p, #column-middle h1 { padding-left:24px; padding-right:28px; } #column-middle dl { width:120px; float:left; padding-left:51px; } #column-middle dd, #column-middle dt { text-align:center; } #bg-welcome { background-color:#fff; } #header-welcome { background:url("../images/header-welcome.gif"); height:57px; margin-bottom:7px; } #header-attorneys-index { background: url("../images/header-attorneys-index.jpg"); height:57px; margin-bottom:12px; } #column-right { width:212px; float:left; } #header-practice-areas-index { background:url("../images/header-practice-areas-index.jpg") no-repeat; height:83px; margin-bottom:30px; } #bottom { background:url("../images/bottom.jpg"); height:103px; clear:both; overflow:hidden; } /* inside framework * ------------------------------------------------------------------------- */ #wrap-inside { background:url("../images/bg-wrap-inside.gif") repeat-y; width:820px; margin:0 auto; text-align:left; } #header-quick-contact-inside { background:url("../images/header-quick-contact-inside.jpg"); height:83px; margin-bottom:15px; } #header-locate { background:url("../images/header-locate.gif"); height:83px; margin-bottom:15px; } #column-right-inside { width:608px; float:right; } #column-right-inside p, #column-right-inside h1, #column-right-inside h2, #column-right-inside h3 { padding-left:24px; padding-right:60px; } #column-right-inside ul { margin-bottom:8px; } #column-right-inside li { text-indent:-.9em; padding-left:48px; padding-right:60px; } #column-right-inside .quote { padding-left:55px; padding-right:95px; } #header-attorneys { background: url("../images/header-attorneys.gif"); height:57px; margin-bottom:12px; } #header-class-action-suits { background: url("../images/header-class-action-suits.gif"); height:57px; margin-bottom:12px; } #header-contact { background: url("../images/header-contact.gif"); height:57px; margin-bottom:12px; } #header-thankyou { background: url("../images/header-thankyou.gif"); height:57px; margin-bottom:12px; } #header-news { background: url("../images/header-news.gif"); height:57px; margin-bottom:12px; } #header-practice-areas { background: url("../images/header-practice-areas.gif"); height:57px; margin-bottom:12px; } #header-native-american { background: url("../images/header-native-american.gif"); height:57px; margin-bottom:12px; } #header-securities { background: url("../images/header-securities.gif"); height:57px; margin-bottom:12px; } #header-employment { background: url("../images/header-employment.gif"); height:57px; margin-bottom:12px; } #header-others { background: url("../images/header-others.gif"); height:57px; margin-bottom:12px; } #header-personal-injury { background: url("../images/header-personal-injury.gif"); height:57px; margin-bottom:12px; } #header-sitemap { background: url("../images/header-sitemap.gif"); height:57px; margin-bottom:12px; } #header-verdicts-settlements { background: url("../images/header-verdicts-settlements.gif"); height:57px; margin-bottom:12px; } #bottom-inside { background:url("../images/bottom-inside.jpg"); height:103px; clear:both; overflow:hidden; } /* footer * ------------------------------------------------------------------------- */ #footer { width:720px; text-align:center; margin:0 auto; } #footer a:link, #footer a:visited, #footer p { text-decoration:none; margin-bottom:3px; } #footer a:hover, #footer a:active { text-decoration:underline; } #footer ul { margin-bottom:8px; } #footer li { padding: 0 5px 0 7px; display:inline; border-left: 1px solid; line-height: 8px; } #footer li.first { border: none; } /* main contact form * ------------------------------------------------------------------------- */ #contact-main { padding:20px 0 10px 0; } #contact-main label { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#0E4478; width:190px; position:relative; display:block; text-align:right; } #contact-main label input, #contact-main label textarea { background-color:#fff; position:absolute; width:200px; left:110%; top:-2px; } #contact-main label textarea { width:200px; height:100px; top:0; } /* navigation: #nav * ------------------------------------------------------------------------- */ #nav { background:url("../images/nav.jpg") no-repeat; width:820px; height:53px; position: relative; } #nav span { display: none; } #nav li { float:left; list-style:none; _display:inline; position:relative; } #nav li, #nav a { height: 53px; /* Each button must have the same height, define it here */ display: block; } /* left - defines offset from left edge, will most likely just be 0 */ /* width - width of each button, they will each most likely be unique */ #nav-01 { width:145px;} #nav-02 { width:105px;} #nav-03 { width:122px;} #nav-04 { width:118px;} #nav-05 { width:164px;} #nav-06 { width:143px;} /* Changed values should match "width" numbers specified above */ #nav-01 a:hover { background: transparent url("../images/nav.jpg") 0px -53px no-repeat; } #nav-02 a:hover { background: transparent url("../images/nav.jpg") -145px -53px no-repeat; } #nav-03 a:hover { background: transparent url("../images/nav.jpg") -250px -53px no-repeat; } #nav-04 a:hover { background: transparent url("../images/nav.jpg") -372px -53px no-repeat; } #nav-05 a:hover { background: transparent url("../images/nav.jpg") -490px -53px no-repeat; } #nav-06 a:hover { background: transparent url("../images/nav.jpg") -654px -53px no-repeat; } /* SON OF SUCKERFISH */ #nav li ul { position:absolute; left:-9999px; background-color:#183D6A; /* Background color of drop down nav - add more styles (i.e. background image) if you want */ } #nav li ul li { height:20px; /* Height of each drop down nav item */ border-bottom:1px solid #B3BECC; } #nav li ul li a { width:100%; height:20px; /* Height of each drop down nav item, should match above */ line-height:20px; /* Height of each drop down nav item again, should match above */ } #nav li ul li a span { display: block; padding-left: 5px; } /* Drop down link styles */ #nav a:link, #nav a:visited, #nav a:hover, #nav a:active { font-size: 11px; color:#fff; text-decoration: none; } #nav li:hover ul, #nav li.sfHover ul { left: auto; } /* Hover styles for drop down items */ #nav-03 ul a:hover { background-image:none; background-color:#B3BECC; color: #14355F; } /* width of drop down nav - choose width that allows items to display on one line */ #nav-03 ul, #nav-03 li { width:140px; } /* navigation: #buttons-side * ------------------------------------------------------------------------- */ #buttons-side { background:url("../images/buttons-side.jpg") no-repeat; width:169px; height:501px; margin-left:8px; position:relative; } #buttons-side li { position:absolute; } #buttons-side li, #buttons-side a { height:55px; display:block; } #buttons-side span { display: none; } #buttons-side-01, #buttons-side-02, #buttons-side-03, #buttons-side-04, #buttons-side-05, #buttons-side-06, #buttons-side-07 { width:169px; left:3px; } #buttons-side-01 { top: 3px; } #buttons-side-02 { top: 76px; } #buttons-side-03 { top: 149px; } #buttons-side-04 { top: 222px; } #buttons-side-05 { top: 295px; } #buttons-side-06 { top: 368px; } #buttons-side-07 { top: 439px; } #buttons-side-01 a:hover { background: transparent url("../images/buttons-side.jpg") -172px -3px no-repeat; } #buttons-side-02 a:hover { background: transparent url("../images/buttons-side.jpg") -172px -76px no-repeat; } #buttons-side-03 a:hover { background: transparent url("../images/buttons-side.jpg") -172px -149px no-repeat; } #buttons-side-04 a:hover { background: transparent url("../images/buttons-side.jpg") -172px -222px no-repeat; } #buttons-side-05 a:hover { background: transparent url("../images/buttons-side.jpg") -172px -295px no-repeat; } #buttons-side-06 a:hover { background: transparent url("../images/buttons-side.jpg") -172px -368px no-repeat; } #buttons-side-07 a:hover { background: transparent url("../images/buttons-side.jpg") -172px -439px no-repeat; } .button-referral { margin-top: 15px;} /* framework sex abuse page */ #wrap-sex-abuse { background:url("../images/bg-wrap-sex-abuse.gif") repeat-y; width:820px; margin:0 auto; text-align:left; } #column-left-sex-abuse { width:212px; float:left; } #column-left-sex-abuse p { padding-left:40px; padding-right:16px; text-align: center;} #column-middle-sex-abuse { width:396px; float:left; background-color:#FFFFFF; } #column-middle-sex-abuse p, h1, h2, h3 { padding-left:24px; padding-right:28px; } #column-middle-sex-abuse ul { padding-left:34px; padding-bottom: 10px;} #header-sex-abuse { background: url("../images/header-sex-abuse.gif"); height:57px; margin-bottom:12px; } #firmnews { position:relative; background:url("../images/firm-news-buttons.jpg") left top no-repeat; height:398px; width:300px; margin-left:48px; } #firmnews a.news1 { position:absolute; top:60px; left:18px; width:264px; height:60px; } #firmnews a span { display:none; } #firmnews a.news2 { position:absolute; top:120px; left:18px; width:264px; height:60px; } #firmnews a span { display:none; } #firmnews a.news3 { position:absolute; top:180px; left:18px; width:264px; height:60px; } #firmnews a span { display:none; } #firmnews a.news4 { position:absolute; top:240px; left:18px; width:264px; height:60px; } #firmnews a span { display:none; } #firmnews a.news5 { position:absolute; top:300px; left:18px; width:264px; height:81px; } #firmnews a span { display:none; } #column-right-sex-abuse { width:212px; float:left; } #column-right-sex-abuse p { padding-left:20px; padding-right:40px; text-align: left;} #column-right-sex-abuse li { text-indent: -8px; margin-left: 8px; padding-left: 20px; padding-right: 40px;} #column-right-sex-abuse a:link,a:visited { text-decoration:none; } #column-right-sex-abuse a:hover,a:active { text-decoration:underline; } #header-pending-cases { background:url("../images/header-pending-cases.jpg") no-repeat; height:83px; margin-bottom:20px; } #bottom-sex-abuse { background:url("../images/bottom-sex-abuse.jpg"); height:103px; clear:both; overflow:hidden; } #contact_business { display: none; } /* do not remove */