/*--------------------- Last Modified 2006.02.17 ---------------------*/ /*-----------------------------------------------------------------------*/ /* ---------------------------------------------------------------------------- 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 :: 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: #869EB8 url("../images/bg-gradient.jpg") top repeat-x; text-align: left; font: 12px/17px Arial, Helvetica, sans-serif; color: #011B2F; } /*p, ul, ol, dl, pre, blockquote { margin-bottom:10px; } */ blockquote { margin-left:10px; margin-right:10px; } h1,h2,h3 { margin-bottom:8px; } h1 { font-size:1.2em; color:#033598; } h2 { font-size:1.1em; color:#033598; } h3 { font-size:1.0em; color:#033598; } h1 span,h2 span,h3 span { display:none; } a:link,a:visited { color:#070734; text-decoration:underline; } a:hover,a:active { color:#0C378B; text-decoration:none; } /* ----- classes ----- */ div.clear { clear:both; height:.01em; overflow:hidden; } p.back-to-top { text-align:right; display:block; padding-right:15px; background:url("../images/index/bullet-back-to-top.jpg") right no-repeat; } img.img-left { float:left; margin:2px 10px 10px 0; } img.img-right { float:right; margin:5px 0 10px 10px; } .moreinfo { text-align: right; } p.disclaimer {margin: 0 16px 0 21px; font-size:.9em; text-align:center;} div.faux-h2 {font-size:1.1em; color:#033598; margin-bottom:8px} /* ----- global form elements ----- */ form { width:170px; padding:10px 18px 0 18px; } form label { font-size:.95em; } form br { line-height:0; /* defaults vertical spacing between fields */ } input, textarea, select { background-color: #0C378B !important; /* to prevent highlighting by Google Toolbar */ border: 1px solid #FFF; color: #FFF; width:170px; /* 5 pixles smaller than form width !important */ height:16px; 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: 11px; } select { width:155px; /* same width as form !important */ padding:0; } textarea { height:90px; overflow:auto; } input.submit, input.submit-contact-main { width:60px; cursor:pointer; padding:0; } input.submit-contact-main { margin:90px 0 0 242px; } #contact_business { display: none; } /* do not remove */ /* ----- main contact form ----- */ #contact-main { padding:20px 0 10px 0; } #contact-main label { width:180px; 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:150px; position:absolute; left:110%; top:-2px; } #contact-main label select { width:155px; } #contact-main label textarea { height:100px; } /* framework * ------------------------------------------------------------------------- */ #wrap { background: url("../images/index/bg-footer.jpg") repeat-y; width: 738px; margin: 0 auto; text-align: left; } #ticker { background-color:#A0BAD5; width:738px; text-align: left; } #masthead { position: relative; background: url("../images/index/masthead.jpg"); height: 96px; } /* home link within #masthead */ #masthead a { position:absolute; left:190px; width:163px; top:15px; height:66px; } #masthead a span { display:none; } #masthead #shapiro-link span, #masthead #mitchell-link span {display:none;} #masthead #shapiro-link { position:absolute; left:561px; width:163px; top:40px; height:15px; } #masthead #mitchell-link { position:absolute; left:561px; width:163px; top:59px; height:13px; } /* ----- column-left ----- */ #column-left { background: url("../images/index/bg-left.jpg") top repeat-y; width: 177px; float: left; } #column-left p { margin: 10px 17px 0 21px; } #column-left p.more { text-align: right; margin: 0 17px 0 0; font-size: .95em; } #column-left-footer { background: url("../images/index/footer-left.jpg") top no-repeat; height: 60px; width: 177px; } #column-left ul {margin: 10px 17px 0 21px;} #column-left ul li{list-style:none; background: url("../images/index/bullet.gif") 0px 4px no-repeat; padding-left:10px;} #column-left #sidenav ul {margin:0px;} #column-left #sidenav li {background:none; padding:0px;} /* no bullet on slide out menus */ /* ----- column-right ----- */ #column-right { background: url("../images/index/bg-right.jpg") top repeat-y; width: 224px; float: left; } #column-right p { margin: 0 30px 10px 15px; } #column-right p.address { margin: 0 17px 0 15px; color: #08388C; font-weight: bold; } #column-right-footer { background: url("../images/index/footer-right.jpg") top no-repeat; height: 23px; width: 224px; float: left; margin: 0; padding: 0; } #column-right-masthead { background: url("../images/index/header-graphic-index-right.jpg") 0px 0px no-repeat; width:224px; height:247px;} /* ----- content-index ----- */ #content { background: url("../images/index/bg-content.jpg") top repeat-y; width: 337px; float: left; } #content p { margin: 10px 21px 0 19px } #content h1, h2, h3 { margin: 10px 21px 0 19px } #content-footer { background: url("../images/index/footer-content.jpg") top no-repeat; height: 60px; width: 337px; } #content-mast { background: url("../images/index/header-graphic-index-left.jpg") 0px 0px no-repeat; width:337px; height:247px; } /* header framework * ------------------------------------------------------------------------- */ #header-graphic { width: 554px; height: 247px; /* sets height for all non-flash headers */ float: left; } /* subhead framework * ------------------------------------------------------------------------- */ #subhead-practice-areas { background: url("../images/index/subhead-practice.jpg") 0px 0px no-repeat; width:177px; height:50px; margin:0px;} #subhead-practice-areas span {display:none;} #subhead-contact-center { background: url("../images/index/subhead-contact-center.jpg") 0px 0px no-repeat; width:337px; height:92px; margin:0px;} #subhead-contact-center span {display:none;} #subhead-contact { background: url("../images/index/subhead-contact.jpg") 0px 0px no-repeat; width:224px; height:161px; margin:0px;} #subhead-contact span {display:none;} #subhead-protecting { background: url("../images/index/subhead-protecting.jpg") 0px 0px no-repeat; width:337px; height:92px; margin:0px;} #subhead-protecting span {display:none;} #subhead-welcome { background: url("../images/index/subhead-welcome.jpg") 0px 0px no-repeat; width:337px; height:63px; margin:0px;} #subhead-welcome span {display:none;} #subhead-address { background: url("../images/index/subhead-address.jpg") 0px 0px no-repeat; width:224px; height:20px; margin:0px;} #subhead-address span {display:none;} /* footer * ------------------------------------------------------------------------- */ #footer { background: url("../images/index/bg-footer.jpg") top repeat-y; width:738px; margin:0 auto; text-align:center; padding-top: 10px; } #footer p { color:#CCC; font-size: 11px; margin: 10px 30px 0 30px; } #footer a:link, #footer a:visited { color:#CCC; font-size: 11px; } #footer a:hover, #footer a:active { color:#FFF; font-size: 11px; } #footer ul {margin: 10px 30px 0 30px;} #footer li { /* if your li's float, you can adjust border height w/ line-height */ padding:0 5px 0 7px; display: inline; border-left: 1px solid #CCC; } #footer li.first { border: none; } /* Vertical Sprite Nav * ------------------------------------------------------------------------- */ .nav { height:19px; color: #999; margin-top:1px; } .first-nav { height:19px; color: #999; margin-top:0px; } a.nav, a.first-nav { display:block; } #sidenav { background: #0C378B; border-left:4px solid #ffffff; width: 173px; float:left; } #sidenav span { display:none; } #sidenav a:link, #sidenav a:active, #sidenav a:visited { color:#FFF; text-decoration:none; } #sidenav ul a:hover{ color:#FFF; text-decoration:underline; } #sidenav-footer {float:left; background: url("../images/index/nav-bottom.jpg") 0px 0px no-repeat; width:177px; height:92px;} .nav:hover, .ieFixHover {background-position:0px -19px;} .slider ul{ padding-bottom:6px; padding-left:15px;} #home { background-image:url("../images/nav/home.jpg"); } #profile { background-image:url("../images/nav/about.jpg"); } #personal-inj { background-image:url("../images/nav/personal.jpg"); } #commercial-law { background-image:url("../images/nav/commercial.jpg"); } #med-mal{ background-image:url("../images/nav/medmal.jpg"); } #vehicle{ background-image:url("../images/nav/vehicle.jpg"); } #other-prac{ background-image:url("../images/nav/other.jpg"); } #contact-nav{ background-image:url("../images/nav/contact.jpg"); } #news-nav{ background-image:url("../images/nav/news.jpg"); } /* highlight if on homepage */ body#index #home {background-position: 0px -19px !important;} body#commercial #commercial-law {background-position: 0px -19px !important;} /* Vertical Sprite Sub-Nav * ------------------------------------------------------------------------- */ #subnavbar { background: url("../images/index/subnav.jpg") top left no-repeat; width: 177px; height: 133px; /* Height of entire image */ margin-bottom:0; } #subnav { width: 177px; /* Width of buttons, not entire image (or half of entire image) */ margin-bottom:0; } #subnav li span { display: none; } #subnav li { float:left; list-style:none; } #subnav li, #subnav a { height:14px; /* Each button must have the same height, define it here */ display:block; } /* margin-top to set where the nav should begin */ #subnav-01 { margin-top:1px; width:177px; } /* margin-top if there is a spacing between each nav button */ #subnav-02, #subnav-03, #subnav-04, #subnav-05, #subnav-06, #subnav-07, #subnav-08, #subnav-09 { margin-top:0; width:177px; } #subnav-01 a:hover { background:url("../images/index/subnav.jpg") -177px -1px no-repeat; } #subnav-02 a:hover { background:url("../images/index/subnav.jpg") -177px -15px no-repeat; } #subnav-03 a:hover { background:url("../images/index/subnav.jpg") -177px -29px no-repeat; } #subnav-04 a:hover { background:url("../images/index/subnav.jpg") -177px -43px no-repeat; } #subnav-05 a:hover { background:url("../images/index/subnav.jpg") -177px -57px no-repeat; } #subnav-06 a:hover { background:url("../images/index/subnav.jpg") -177px -71px no-repeat; } #subnav-07 a:hover { background:url("../images/index/subnav.jpg") -177px -85px no-repeat; } #subnav-08 a:hover { background:url("../images/index/subnav.jpg") -177px -99px no-repeat; } #subnav-09 a:hover { background:url("../images/index/subnav.jpg") -177px -113px no-repeat; } .name {display:none;}