/*--------------------- Last Modified 2006.03.25 ---------------------*/ /*-----------------------------------------------------------------------*/ /* ---------------------------------------------------------------------------- Copyright Einstein Industries 2006. Used with Permission. May not be duplicated or reproduced. Please check for cross-browser compatibility prior to making changes MINIMUM BROWSER CHECK :: IE5.x/IE6/Firefox/Safari CSS Document - layout.css ---------------------------------------------------------------------------- */ /* undo some default styling of common (X)HTML browsers * ------------------------------------------------------------------------- */ /* 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,td { font-size:1em; } /* Remove inconsistent (among browsers) default padding or margin */ ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; } /* prevent blue linked image borders */ a img,:link img,:visited img,fieldset { border:none; } /* global elements * ------------------------------------------------------------------------- */ /* ----- type selectors ----- */ body { background:url(../images/bg-body.jpg) repeat; text-align:center; font:12px/16px Arial, Helvetica, sans-serif; color:#000; } blockquote { margin-left:10px; margin-right:10px; } h1 { font-size:1.2em; color:#1C4235; } h2 { font-size:1.1em; color:#663300; } h3 { font-size:1.0em; color:#000; } h1 span,h2 span,h3 span { display:none; } a:link,a:visited { color:#663300; text-decoration:underline; outline:none; } a:hover,a:active { color:#000000; text-decoration:none; outline:none; } h1,h2,h3,p{ margin-bottom:10px;} /* ----- classes ----- */ div.clear { clear:both; width: 100%; } p.back-to-top, a.read { text-align:right; display:block; padding-right:15px; margin:0 0 10px 0; } img.img-left { float:left; margin:0px 10px 10px 25px; } img.img-right { float:right; margin:0px 25px 10px 10px; } /* ----- global form elements ----- */ form { width:158px; margin:0; display: block; } form label { font-size:.95em; } form br { line-height:0; height:0; } /* defaults vertical spacing between fields */ input, textarea, select { background-color:#F2F8F6!important; /* to prevent highlighting by Google Toolbar */ border:1px solid #000; color:#000; width:158px; /* 5 pixles smaller than form width !important */ height:18px; line-height:18px; vertical-align: middle; margin-bottom:4px; /* sets vertical spacing between fields */ padding-top:1px; /* vertically position text in input/textarea field */ padding-left:4px; /* horizontally position text in input/textarea field */ font-family:Arial, Helvetica, sans-serif; font-size:1em; } select { width:150px; padding:0; } /* same width as form - !important */ textarea { height:90px; overflow:auto; } #contact-business { display: none; } /* do not remove */ /* ----- main contact form ----- */ #contact-main { margin:20px 0 10px 0; } #contact-main label { width:220px; position:relative; display:block; text-align:right; margin-bottom:10px; font-size:1.0em; } #contact-main label input, #contact-main label textarea, #contact-main label select { width:170px; position:absolute; left:110%; top:-2px; } #contact-main label select { width:170px; } #contact-main label textarea { height:100px; overflow:auto; } #contact-business-main { display: none; } /* do not remove */ /* ----- submit button form elements ----- */ input.submit, input.submit-contact-main {width:60px;height:20px;cursor:pointer;padding:0;} input.submit-contact-main { margin:95px 0 0 243px; } /* framework * ------------------------------------------------------------------------- */ #body-wrap{ background:url(../images/bg-body-wrap.jpg) top repeat-x; width:100%; margin:0px;} #wrap {width:750px;margin:0 auto 20px auto;text-align:left;} #masthead {position:relative; background:url(../images/masthead.jpg); height:125px;} #masthead a {position:absolute;left:0px;width:548px;top:0px;height:100px;} #masthead a span {display:none;} /* ----- column-left ----- */ #column-left {width:215px;float:left;} #column-left p.quick{font-size:10px;} #quick-contact{background:url(../images/bg-quick-contact.jpg) top no-repeat;color:#FFFFFF;padding:100px 0 0 0;width: 100%;} #quick-contact .content{ width:158px; margin:0 0 10px 29px; display:block; } #quick-contact a.ptt,#quick-contact a.map{ display:block; margin:0 0 10px 29px; width:158px;} #spell{color:#FFFFFF; margin:10px 15px 10px 29px;} #spell .content{ width:158px; margin:0 20px 10px 29px; display:block; } /* ----- column-right ----- */ #column-right {width:535px;float:left;} #column-right-wrap {width:100%;background:url(../images/bg-col-right.jpg) repeat-y;margin-bottom: 20px;} #intro{ background: url(../images/bg-intro.jpg) repeat; width:100%;} #intro h1 {margin:0px 25px 10px 25px;} #intro h2, #intro h3, #intro p {margin:0 25px 10px 25px;} #intro .wrap{background: url(../images/bg-intro-wrap.jpg) top no-repeat;width: 100%;} #column-right #intro .content{width:327px; float:left;} #intro .links{ width:208px; height:367px; float:left; background:url("../images/nav-special-new.jpg") no-repeat; position: relative; } #intro .links a.ptt {position:absolute;left:25px;top:25px;width:158px;height:35px;} #intro .links a.map {position:absolute;left:25px;top:85px;width:158px;height:95px;} #intro .links a.saimedclass { position:absolute; left:26px; top:200px; width:158px; height:95px; } #intro .links a span {display:none;} body#index #column-right #intro .bottom{width:100%; clear:both; background:url(../images/bottom-intro.jpg); height:25px;} #column-right .content{ width:267px; float:left; margin-left:0px; display:inline;} #column-right .content h2, #column-right .content p{ margin:0 25px 10px 25px;} #column-right .bottom{height:137px;background:url(../images/bottom-col-right-sub.jpg) no-repeat;width: 100%;clear: both; position:relative;} body#index #column-right .bottom{height:137px;background:url(../images/bottom-col-right.jpg) no-repeat;width: 100%;clear: both;position: relative;} #column-right .bottom a{position:absolute;left:21px;width:491px;top:43px;height:68px;} #column-right .bottom a span{display:none;} #column-right ul { padding-left:15px; margin:0 0 30px 25px; } #column-right ul li {padding-left:10px; list-style-type:disc;} #column-right ul.menu { padding-left:15px; margin:0 0 30px 10px; } #column-right ul.menu li {padding-left:20px; background:transparent url(../images/bullet.jpg) 0px 4px no-repeat; list-style:none;} #column-right ol { padding-left:25px; margin:0 0 30px 25px; } #column-right ol li { margin-bottom:8px; padding-left:10px; list-style-type:upper-alpha; } /* header framework * ------------------------------------------------------------------------- */ #header-flash { height:200px; background:url(../images/bg-flash.jpg) no-repeat;} /* sets height for the flash header - REMOVE IF NOT USED */ .header{ height:57px;} .header#meet{ background:url(../images/header-index-meet.jpg);} .header#news{ background:url(../images/header-index-news.jpg);} .header#choose{ background:url(../images/header-index-choose.jpg);} /* subhead framework * ------------------------------------------------------------------------- */ #subhead { height:100px; width:100%; } body#index #subhead { height:25px;} body#about #subhead { background:url(../images/subhead-about.jpg);} body#auto #subhead { background:url(../images/subhead-auto.jpg);} body#contact #subhead { background:url(../images/subhead-contact.jpg);} body#faqs #subhead { background:url(../images/subhead-faqs.jpg);} body#others #subhead { background:url(../images/subhead-others.jpg);} body#news #subhead { background:url(../images/subhead-news.jpg);} body#product-liability #subhead { background:url(../images/subhead-product-liability.jpg);} body#drug-recall #subhead { background:url(../images/subhead-recall.jpg);} body#wrongful #subhead { background:url(../images/subhead-wrongful-death.jpg);} body#med-mal #subhead { background:url(../images/subhead-medical-malpractice.jpg);} body#insurance #subhead { background:url(../images/subhead-insurance-bad.jpg);} body#general #subhead { background:url(../images/subhead-general-workplace.jpg);} body#coal #subhead { background:url(../images/subhead-coal-mining.jpg);} body#sitemap #subhead { background:url(../images/subhead-sitemap.jpg);} body#truck #subhead { background:url(../images/subhead-truck.jpg);} body#thankyou #subhead { background:url(../images/subhead-thankyou.jpg);} /* footer * ------------------------------------------------------------------------- */ #footer {width:100%;margin:0 auto;text-align:center;} #footer2{ width:750px;margin:0 auto;text-align:center;} #footer p {color:#FFFFFF;margin-bottom:10px;} #footer a:link, #footer a:visited { color:#FFFFFF; } #footer a:hover, #footer a:active { color:#FFFFFF; text-decoration:none; } #footer ul {margin-top:10px;margin-bottom: 10px;} #footer li {padding:0 5px 0 7px; display:inline; border-left: 1px solid #FFF;} #footer li.first { border: none; } /* #newsticker * -------------------------------------------------------------------------*/ #newsfeed { width:750px; height:33px; margin:0; } #noflash-newsticker { padding-left:0; height: 36px; } /* #nav * ------------------------------------------------------------------------- */ #nav { background:url(../images/nav.jpg) no-repeat; width:750px; height:40px; margin:0; padding:0; position:relative; z-index:999; } #nav span { display: none; } #nav li, #nav a { height:40px; display:block; } #nav li { float:left; list-style:none; _display:inline; position:relative; } #nav-01 { width: 49px; margin-left: 0px;} #nav-02 { width: 67px;} #nav-03 { width: 128px;} #nav-04 { width: 90px;} #nav-05 { width: 99px;} #nav-06 { width: 117px;} #nav-07 { width: 99px;} #nav-08 { width: 40px;} #nav-09 { width: 61px;} #nav-01 a:hover { background:url(../images/nav.jpg) 0px -40px no-repeat; } #nav-02 a:hover { background:url(../images/nav.jpg) -49px -40px no-repeat; } #nav-03 a:hover { background:url(../images/nav.jpg) -116px -40px no-repeat; } #nav-04 a:hover { background:url(../images/nav.jpg) -244px -40px no-repeat; } #nav-05 a:hover { background:url(../images/nav.jpg) -334px -40px no-repeat; } #nav-06 a:hover { background:url(../images/nav.jpg) -433px -40px no-repeat; } #nav-07 a:hover { background:url(../images/nav.jpg) -550px -40px no-repeat; } #nav-08 a:hover { background:url(../images/nav.jpg) -649px -40px no-repeat; } #nav-09 a:hover { background:url(../images/nav.jpg) -689px -40px no-repeat; } /*-------------- OPTIONAL - Keeps the hover state on each page based on body id ------------- */ body#index #nav-01 { background:url(../images/nav.jpg) 0px -40px no-repeat; } body#about #nav-02 { background:url(../images/nav.jpg) -49px -40px no-repeat; } body#others #nav-03 { background:url(../images/nav.jpg) -116px -40px no-repeat; } body#auto #nav-05 { background:url(../images/nav.jpg) -334px -40px no-repeat; } body#truck #nav-06 { background:url(../images/nav.jpg) -433px -40px no-repeat; } body#product-liability #nav-07 { background:url(../images/nav.jpg) -550px -40px no-repeat; } body#faqs #nav-08 { background:url(../images/nav.jpg) -649px -40px no-repeat; } body#contact #nav-09 { background:url(../images/nav.jpg) -689px -40px no-repeat; } /* Son of Suckerfish: #nav ------------------------------------------------------------------------- */ #nav li ul { position:absolute; left:-9999px; background-color:#2d5145; padding-right:1px; } #nav li ul li { height:20px; border:1px solid #2d5145; border-top:none; } #nav li ul li a { height:20px; } #nav li ul li a span { display:block; padding-left:5px; } #nav a:link, #nav a:visited, #nav a:hover, #nav a:active { font-size:1.0em; color:#FFFFFF; text-decoration:none; } #nav li:hover ul, #nav li.sfHover ul { left: auto; } #nav-03 ul a:hover, #nav-07 ul a:hover{ background-image:none; background-color:#dcede7; color:#000000; text-decoration:none; } #nav-03 ul, #nav-03 li { width:180px; } #nav-07 ul, #nav-07 li { width:138px; } /* #nav-practice * ------------------------------------------------------------------------- */ #nav-practice { background:url(../images/nav-practice.jpg) top left no-repeat; width:215px; /* Width of buttons, not entite image (or half of entire image) */ height:690px; /* Height of entire image */ margin:0; padding:0; } #nav-practice li span { display: none; } #nav-practice li { float:left; list-style:none; } #nav-practice li, #nav-practice a { height:48px; /* Each button must have the same height, define it here */ display:block; padding-left:27px; } /* margin-top to set where the nav-practice should begin */ #nav-practice-01 { margin-top:37px; width:161px; } /* margin-top if there is a spacing between each nav-practice button */ #nav-practice-02, #nav-practice-03, #nav-practice-04, #nav-practice-05, #nav-practice-06 , #nav-practice-07, #nav-practice-08, #nav-practice-09, #nav-practice-10, #nav-practice-11, #nav-practice-12{ margin-top:4px; width:161px; } #nav-practice-01 a:hover { background:url(../images/nav-practice.jpg) -242px -37px no-repeat; } #nav-practice-02 a:hover { background:url(../images/nav-practice.jpg) -242px -89px no-repeat; } #nav-practice-03 a:hover { background:url(../images/nav-practice.jpg) -242px -141px no-repeat; } #nav-practice-04 a:hover { background:url(../images/nav-practice.jpg) -242px -193px no-repeat; } #nav-practice-05 a:hover { background:url(../images/nav-practice.jpg) -242px -245px no-repeat; } #nav-practice-06 a:hover { background:url(../images/nav-practice.jpg) -242px -297px no-repeat; } #nav-practice-07 a:hover { background:url(../images/nav-practice.jpg) -242px -349px no-repeat; } #nav-practice-08 a:hover { background:url(../images/nav-practice.jpg) -242px -401px no-repeat; } #nav-practice-09 a:hover { background:url(../images/nav-practice.jpg) -242px -453px no-repeat; } #nav-practice-10 a:hover { background:url(../images/nav-practice.jpg) -242px -505px no-repeat; } #nav-practice-11 a:hover { background:url(../images/nav-practice.jpg) -242px -557px no-repeat; } #nav-practice-12 a:hover { background:url(../images/nav-practice.jpg) -242px -609px no-repeat; } /* newsfeed elements * ------------------------------------------------------------------------- */ /* Classes: * * .news-menu ---------------------- div wrapper for category drop-down select menu * * .news-item ---------------------- div wrapper for each news item (headline/excerpt/body/etc) * .open/.closed --------------- used with .news-item (class="news-item open") - switches with show/hide article * .news-headline -------------- div wrapper for headline header * .news-details ----------- paragraph that holds date & news source information * .news-excerpt --------------- div wrapper for article lead paragraph * .news-toggle-top -------- show/hide link * .news-article --------------- full article body text * .news-toggle-btm -------- show/hide link * */ #wrap-news-menu { width:450px; height:25px; margin:0 0px 10px 5px; padding:0; border-bottom:1px solid #02145A; } #wrap-news-menu form { margin:0; padding:0; width:450px; } #wrap-news-menu label { color:#000; margin:4px 0 0 0; padding:0; font-weight:bold; font-family:Arial, Helvetica, sans-serif; } #wrap-news-menu select { margin-left:155px; z-index:0; width:160px; } a:link, a:visited { color:#000066; text-decoration:underline; outline:none; } a:hover, a:active { color:#ABACBB; text-decoration:underline; outline:none; } #wrap-news-feed { margin:0 0px 10px 5px; width:450px; } #wrap-news-feed .news-item { margin-left:20px; margin-bottom:25px; padding-left:0px; } #wrap-news-feed .news-item.open { border-left:1px solid #ABACBB; } #wrap-news-feed .news-item.closed { border-left:1px solid #000066; } #wrap-news-feed .news-item ul { padding-left:3px; list-style:none; } #wrap-news-feed .news-item ul li { _position:relative; /* to fix the IE bullet peekaboo pug */ padding-left:9px; line-height:16px; list-style:none; background:transparent url(../images/bullet.jpg) 0px 6px no-repeat; } #wrap-news-feed .news-item p.news-details { margin:0; padding:0 0 0 5px; font-size:10px; font-weight:bold; font-style:normal; color:#41484F; border:none; background:transparent; } #wrap-news-feed .news-item p.news-toggle-top { padding:0 0 0 0; margin:0 0 0 0; width:87px; font-size:10px; } #wrap-news-feed .news-item p.news-toggle-btm { padding:0 0 0 0; width:87px; margin-left:0; margin-top:0; } #wrap-news-feed .news-item.open p.news-toggle-btm, #wrap-news-feed .news-item.open p.news-toggle-top { border-bottom:1px solid #ABACBB;} #wrap-news-feed .news-item.closed p.news-toggle-btm, #wrap-news-feed .news-item.closed p.news-toggle-top { border-bottom:1px solid #000066;} #wrap-news-feed .news-item p.news-toggle-btm a, #wrap-news-feed .news-item p.news-toggle-top a { font-size:10px; text-decoration:none; padding-left:0; margin-left:0; } #wrap-news-feed .news-item .news-headline { margin-left:0px; } #wrap-news-feed .news-item .news-headline h2 { margin:10px 0 0 0; padding:5px 5px 0 5px; font-weight:bold; } #wrap-news-feed .news-item .news-excerpt { margin:5px 0 0 0; padding:0; } #wrap-news-feed .news-item .news-excerpt p, #wrap-news-feed .news-item .news-article p { margin:0px 5px 7px 0; padding:0 5px 0 5px; color:#000; } #wrap-news-feed .news-item p { border:none; background:transparent; } /* end newsfeed elements * ------------------------------------------------------------------------- */