/* ---------------------------------------------------------------------------- Copyright Einstein Industries 2004. 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/Op7/NS7/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 { font-size:1em; } /* Remove inconsistent (among browsers) default padding or margin */ ul,ol,img,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,dl,dt,dd { margin:0; padding:0; } /* prevent blue linked image borders */ a img,:link img,:visited img { border:none; } /* basic elements * ------------------------------------------------------------------------- */ body { background:#E6E6E6; text-align: center; /* cross browser center-aligned page layout */} p, #inside-middle img.top-border{ padding:0 40px 0 30px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#4a4728; } li {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; } a:link, a:visited {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; color:#464646; font-weight:bold; text-decoration:underline; } p, ul, li, dt, dd { line-height: 16px; } p, pre, blockquote { margin-bottom:15px; } ul {margin-bottom:14px;} a:hover{color:#464646; font-weight:bold; text-decoration:none; } h1 span, h2 span, h3 span { display:none; } h3 { margin-bottom:0px; } blockquote { padding-left:25px; padding-right:50px; } h1, h2, h3 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; font-weight: bold; } h1{ font-size:14px; } h2{ font-size:12px; } h3{ font-size:11px; } h1 span, h2 span, h3 span, div span { display:none; } h1, h2{ padding-top:0px; margin-bottom:12px; margin-left:30px; margin-right:22px; } h3 { padding-top:0px; margin-bottom:0px; margin-left:30px; margin-right:22px; } h1 span, h2 span, h3 span, div span { display:none; } /* classes */ .left { text-align:left; } .right { text-align:right; } .center { text-align:center; } .hide { display:none; } .thumbs-left { margin:2px 8px 0 0; } .thumbs-right { margin:2px 0 0 8px; } .img-right { float: right; margin: 4px 10px 5px 5px; } .address { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4a4728; text-decoration:none; } .bullet{margin-left:45px; margin-right:20px; list-style-position: outside; list-style-image: url(../images/common/bullet.gif); } .bullet2{margin-left:45px; margin-right:20px; list-style-position: outside; list-style-image: url(../images/common/bullet.gif); } .bullet2 li{ color:#4A4728; } /* contact forms * ------------------------------------------------------------------------- */ /* quick contact */ form { width:135px; padding-left:25px; padding-bottom:0px; } input, textarea { background-color:#fff; border:1px solid #000; width:135px; height:18px; margin-bottom:4px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#474425; } textarea { height:60px; } .submit { width:60px; cursor:pointer; } /* main contact */ #big-contact { padding:20px 0 0 0; } #big-contact form, #big-contact label, #big-contact input, #big-contact textarea { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#474425; } #big-contact label { position:relative; display:block; text-align:right; width:150px; margin-bottom:-8px; } #big-contact label input, #big-contact label textarea { position:absolute; left:165px; top:-2px; } #big-contact label textarea { top:0; width:250px; height:100px; } .submit-big-contact { width:60px; cursor:pointer; margin-top:85px; } /* skeleton * ------------------------------------------------------------------------- */ #wrap {text-align: left; /* cross browser center-aligned page layout */ background-image:url(../images/common/bg_image.gif); width:800px; margin:0 auto; background-repeat: repeat-y; } #banner{ width:800px; height:198px; background-image: url(../images/home/slices/index_r1_c1.jpg); background-repeat: no-repeat; float:left; } #column-wrap{width:769px; background-image: url(../images/inside/spanish-banners/spanish-page_headers-Bienve.gif); background-repeat: no-repeat; float:left; } #column-left { width:187px; float:left; } #column-left ul{margin-top:0px; padding:0 0 0 50px;} #column-left ul li{margin-bottom:4px; } #column-left ul.practice{margin-top:7px; padding:0 0 0 50px; } #column-right { padding:70px 0 0 0; width:582px; float:left; } #column-right dd.left {padding:0px 0 0 20px; float:left;} #column-right dd.right {padding:0px 0 0 20px; float:left;} #index-verdict_bg{ width:187px; background-image:url(../images/home/slices/index_r7_c1_bg.jpg); background-repeat:repeat-y; } #inside-practice{ width:187px; background-image:url(../images/inside/inside_r7_c1_bottom.gif); background-repeat:no-repeat; background-position: 0 100%; } #inside-practice p{ padding:0 15px 0 50px;} #our-attorneys { padding: 70px 0 0 0; width:582px; background-image: url(../images/home/slices/abogados.jpg); background-repeat: no-repeat; float:left; } #our-attorneys-left { padding:0px 0 0 px; width:350px; float:left; } #our-attorneys-right {padding:0px 0 0 px; width:230px; float:left; } #index-practice p{ padding:0 15px 0 45px;} #index-contact-us { padding: 80px 0 0 0px; width:582px; background-image: url(../images/home/slices/contactenos_contactus.jpg); background-repeat: no-repeat; float:left; } #index-contact-us-left { padding:0px 0 0 px; width:215px; float:left; } #index-contact-us-middle {padding:0px 0 0 px; width:183px; float:left; } #index-contact-us-right { padding:0px 0 0 px; width:180px; float:left; } #index-contact-us p{ padding: 0 20px 0 20px;} #bottom { text-align:center; margin:0 auto; width:800px; height:73px; background-image:url(../images/home/slices/bottom.jpg); background-repeat:no-repeat; clear:both; overflow:hidden; } #bottom p { padding-top:21px;} #bottom a { font-weight:normal; font-size:11px; text-decoration:none; } #bottom a:hover {font-weight:normal; font-size:11px; text-decoration:underline; } /* skeleton inside * ------------------------------------------------------------------------- */ #inside-wrap {text-align: left; /* cross browser center-aligned page layout */ background-image:url(../images/common/bg_image.gif); width:800px; margin:0 auto; background-repeat: repeat-y; } #inside-banner{ width:800px; height:198px; background-image: url(../images/home/slices/index_r1_c1.jpg); background-repeat: no-repeat; float:left; } #inside-column-wrap{width:769px; background-image: url(../images/home/page_headers_welcome.gif); background-repeat: no-repeat; float:left; } #inside-top-left p{ padding:0 20px 0 30px;} #inside-top-right p{ padding:0 15px 0 20px;} #inside-top-right form{ padding:0 15px 0 20px;} #inside-top-left { width:380px; float:left;} #inside-top-left h2.top-site-map{ margin-top:10px;} #inside-top-right {width:185px; background-image:url(../images/inside/slices/quick_contact_bg.jpg); background-repeat: repeat-y; float:left;} #inside-middle {padding:0px 0 0 0; width:582px; } #inside-middle p.first { margin-top:25px;} #inside-column-left { width:187px; float:left; } #inside-column-left ul{margin-top:0px; padding:0 0 0 50px;} #column-left ul li{margin-bottom:4px; } #inside-column-left ul.practice{margin-top:7px; padding:0 0 0 45px; } #inside-column-right { padding:80px 0 0 0; width:582px; float:left; } #inside-verdict_bg{ width:187px; background-image:url(../images/home/slices/index_r7_c1_bg.jpg); background-repeat:repeat-y; } #inside-practice{ width:187px; background-image:url(../images/inside/inside_r7_c1_bottom.gif); background-repeat:no-repeat; background-position: 0 100%; } #inside-practice p{ padding:0 15px 0 45px;} #inside-bottom {text-align:center; margin:0 auto; width:800px; height:73px; background-image:url(../images/home/slices/bottom.jpg); background-repeat:no-repeat; clear:both; overflow:hidden; } #inside-bottom p { padding-top:21px;} #inside-bottom a { font-weight:normal; font-size:11px; text-decoration:none; } #inside-bottom a:hover {font-weight:normal; font-size:11px; text-decoration:underline; } #inside-top-right img { width:185px; height:131px; padding-bottom:20px; } /*inside banners*/ #attorneys-column-wrap{width:769px; background-image: url(../images/inside/spanish-banners/spanish-page_headers-Abogad.gif); background-repeat: no-repeat; float:left; } #personal-injury-column-wrap{width:769px; background-image: url(../images/inside/spanish-banners/spanish-page_headers-Lesion.gif); background-repeat: no-repeat; float:left; } #medical-malpractice-column-wrap{width:769px; background-image: url(../images/inside/spanish-banners/spanish-page_headers-Neglig.gif); background-repeat: no-repeat; float:left; } #products-liability-column-wrap{width:769px; background-image: url(../images/inside/spanish-banners/spanish-page_headers-Respon.gif); background-repeat: no-repeat; float:left; } #review-your-case-column-wrap{width:769px; background-image: url(../images/inside/spanish-banners/spanish-page_headers-Evalua.gif); background-repeat: no-repeat; float:left; } #site-map-column-wrap{width:769px; background-image: url(../images/inside/spanish-banners/spanish-page_headers-Mapa-e.gif); background-repeat: no-repeat; float:left; } #thank-you-column-wrap{width:769px; background-image: url(../images/inside/spanish-banners/spanish-page_thank_you.gif); background-repeat: no-repeat; float:left; } #workers-compensation-column-wrap{width:769px; background-image: url(../images/inside/spanish-banners/spanish-page_headers_indemnizacion.gif); background-repeat: no-repeat; float:left; } #car-accidents-column-wrap{width:769px; background-image: url(../images/inside/spanish-banners/spanish-page_headers_automovilisticos.gif); background-repeat: no-repeat; float:left; } #wrongful-death-column-wrap{width:769px; background-image: url(../images/inside/spanish-banners/spanish-page_headers_muertes_por_negligencia.gif); background-repeat: no-repeat; float:left; } #catastrophic-injury-column-wrap{width:769px; background-image: url(../images/inside/spanish-banners/spanish-page_headers_catastroficas.gif); background-repeat: no-repeat; float:left; } #birth-injuries-column-wrap{width:769px; background-image: url(../images/inside/spanish-banners/spanish-page_headers_lesiones_perinatales.gif); background-repeat: no-repeat; float:left; } /* footer * ------------------------------------------------------------------------- */ #footer { width:720px; text-align:center; margin:0 auto; } #footer a { font-size:11px; text-decoration:none; } #footer a:hover {font-weight:normal; font-size:11px; text-decoration:underline; } /* horizontal navigation * ------------------------------------------------------------------------- */ #english { margin:43px 0 0 606px; background:url(../images/common/button-in-english.gif) no-repeat; width:194px; height:31px; position:relative; } #english li { position:absolute; top: 0; } #english li, #english a { height:31px; display:block; } #english span { display:none; } #english-01 { width: 144px; left:0px; } #english-01 a:hover { background: transparent url(../images/common/button-in-english.gif) no-repeat 0px -31px; } /* horizontal navigation * ------------------------------------------------------------------------- */ #nav { margin:0px; background:url(../images/sprite/spanish-sprite_nav.gif) no-repeat; width:800px; height:29px; position:relative; float:left; } #nav li { position:absolute; top: 0; } #nav li, #nav a { height:29px; display:block; } #nav span { display:none; } #nav-01 { width: 89px; left:102px; } #nav-02 { width: 58px; left: 194px; } #nav-03 { width: 110px; left: 255px; } #nav-04 { width: 109px; left: 367px; } #nav-05 { width: 165px; left: 478px; } #nav-06 { width: 123px; left: 645px; } #nav-01 a:hover { background: transparent url(../images/sprite/spanish-sprite_nav.gif) -102px -29px no-repeat; } #nav-02 a:hover { background: transparent url(../images/sprite/spanish-sprite_nav.gif) -194px -29px no-repeat; } #nav-03 a:hover { background: transparent url(../images/sprite/spanish-sprite_nav.gif) -255px -29px no-repeat; } #nav-04 a:hover { background: transparent url(../images/sprite/spanish-sprite_nav.gif) -367px -29px no-repeat; } #nav-05 a:hover { background: transparent url(../images/sprite/spanish-sprite_nav.gif) -478px -29px no-repeat; } #nav-06 a:hover { background: transparent url(../images/sprite/spanish-sprite_nav.gif) -645px -29px no-repeat; } /* subnavigation */ #inside-top-right h3 { margin:0 0 5px 20px; } #inside-top-right img { margin-left:10px; } #subnavigation { margin:0 0 20px 0; } #subnavigation ul { margin:0 0 0 20px; padding-left:0; } #inside-column-right #subnavigation ul li { background:url("../images/common/bullet.gif") no-repeat; padding:0 0 0 12px; }