/* ---------------------------------------------------------------------------- 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 * ------------------------------------------------------------------------- */ /* 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 */ ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,dd,dt,dl { margin:0; padding:0; } /* prevent blue linked image borders */ a img,:link img,:visited img { border:none; } /* basic elements * ------------------------------------------------------------------------- */ body { background:url("../images/index/body-bg.gif") repeat-x top left #DADAC0; text-align:center; } p, dt, dl, dd, h1, h2, h3, td, li, blockquote { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; text-decoration:none; } p, td, th, tbody, ul, li, dt, dd { line-height: 16px; } p, pre, blockquote, h1, h2, h3 { margin-bottom:10px; } a:link, a:visited { color: #000000; text-decoration:underline; } a:hover, a:active { color: #666666; text-decoration:none; } h1 span, h2 span, h3 span { display:none; } h1 {font-size:14px; font-weight:bold;} blockquote { background: #E3E3CB url(../images/sub/quotes.gif) 17px 19px no-repeat; padding: 20px 55px 10px 55px; } blockquote p { margin-left: 0px !important; margin-right: 0px !important; } /* classes */ .thumbs-left { margin:2px 8px 0 0; } .thumbs-right { margin:2px 0 0 8px; } .img-right { float: right; margin-left: 7px; } .disclaimer { font-size: 10px !important; color: #AFAF8F !important; } /* contact forms * ------------------------------------------------------------------------- */ /* quick contact */ form { width:139px; padding:10px 0 15px 24px; } input, textarea { background-color: #fff; border:0; width:159px; height:16px; margin-bottom:4px; padding-top:2px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color: #000; } textarea { height:70px; } .submit { cursor:pointer; background:url("../images/index/submit.gif") no-repeat; width:60px; height:18px; border:0; } /* main contact */ #big-contact { padding:20px 0 10px 0; } #big-contact form, #big-contact label, #big-contact input, #big-contact textarea, #big-contact select { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; } #big-contact label { position:relative; display:block; text-align:right; color:#513520; width:220px; } #big-contact label input, #big-contact label textarea, #big-contact select { background-color:#EBECDC; border:1px solid #B3B391; position:absolute; left:110%; top:-2px; } #big-contact label input, #big-contact select { width:200px; } #big-contact label textarea { top:0; width:200px; height:100px; } .submit-big-contact { background-color:#B9A085; margin:85px 0 0 242px;cursor:pointer; background:url("../images/sub/submit.gif") no-repeat; width:63px; height:17px; border:0; } /* skeleton * ------------------------------------------------------------------------- */ #wrap { background:url("../images/index/bg.gif") repeat-y; width:765px; margin:0 auto; text-align:left; } #top { background:url("../images/index/top.gif") no-repeat; height:92px; } #header { background:url("../images/index/header.jpg") no-repeat; height:159px; position:relative; } #column-left { width:192px; float:left; } #nav-side { background:url("../images/index/nav-side.jpg") no-repeat; height:374px; } #logo-atla { background:url("../images/index/logo-atla.gif") no-repeat; height:76px; } #logo-cac { background:url("../images/index/logo-cac.gif") no-repeat; height:83px; } #logo-cela { background:url("../images/index/logo-cela.gif") no-repeat; height:83px; } #logo-nela { background:url("../images/index/logo-nela.gif") no-repeat; height:83px; } #logo-tlpj { background:url("../images/index/logo-tlpj.gif") no-repeat; height:83px; } #logo-lacba { background:url("../images/index/logo-lacba.gif") no-repeat; height:83px; } #column-right { width:573px; float:left; } #column-right p, #column-right h1, #column-right h2, #column-right h3, #column-right table, #column-right blockquote {margin-left: 20px; margin-right: 28px;} #column-right ul {padding: 0 28px 0 40px; margin-bottom:15px;} #title { background:url("../images/index/title.jpg") no-repeat; padding-top:40px; } #success-title { background:url("../images/index/success-title.gif") no-repeat; height:29px; } #success-content { background:url("../images/index/success-bg.gif") repeat-y; padding: 15px 0 0 30px ; } #success-content dl { float:left; width:260px;} #success-content dt { width:75px; float:left;} #success-content dd { width:185px; font-size:11px; line-height:14px; float:left;} #title-bottom { background:url("../images/index/title-bottom.gif") no-repeat bottom; height:50px; position:relative; } #meet { width:337px; float:left; padding-top:10px; } /* #meet p { padding: 0 20px; } */ #contact { background:url("../images/index/contact-bg.gif") repeat-y; width:236px; float:left; padding-top:10px; } #contact p { /*padding: 0 53px 0 23px;*/ font-size:11px;} #bottom { background:url("../images/index/bottom.gif") no-repeat; width:765px; height:34px; clear:both; overflow:hidden; } #header-sub { background:url("../images/sub/header.jpg") no-repeat; height:159px; position:relative; } #title-sub { background:url("../images/sub/title.gif") no-repeat; padding-top:40px; } #title-aboutus { background:url("../images/sub/title-aboutus.gif") no-repeat; padding-top:40px; } #title-areas { background:url("../images/sub/title-areas.gif") no-repeat; padding-top:40px; } #title-articles { background:url("../images/sub/title-articles.gif") no-repeat; padding-top:40px; } #title-contact { background:url("../images/sub/title-contact.gif") no-repeat; padding-top:40px; } #title-litigation { background:url("../images/sub/title-litigation.gif") no-repeat; padding-top:40px; } #title-sitemap { background:url("../images/sub/title-sitemap.gif") no-repeat; padding-top:40px; } #header-1 { background:url("../images/sub/header-1.jpg") no-repeat; height:159px; position:relative; } #header-2 { background:url("../images/sub/header-2.jpg") no-repeat; height:159px; position:relative; } #header-3 { background:url("../images/sub/header-3.jpg") no-repeat; height:159px; position:relative; } #header-4 { background:url("../images/sub/header-4.jpg") no-repeat; height:159px; position:relative; } #header-5 { background:url("../images/sub/header-5.jpg") no-repeat; height:159px; position:relative; } #header-6 { background:url("../images/sub/header-6.jpg") no-repeat; height:159px; position:relative; } #header-top {margin-right: 240px; } .clear-dl {clear:both; height:1em; overflow:hidden;} /* NAVIGATION----TOP ----------------------------------------------------------------------------- */ #nav { background:url("../images/index/nav.gif") no-repeat; width:765px; height:43px; position:relative; padding:0px; margin:0px; } #nav li { position:absolute; top: 0; } #nav li, #nav a { height: 43px; display:block; } #nav span { display:none; } #nav-01 { width: 73px; left: 0px; } #nav-02 { width: 99px; left: 73px; } #nav-03 { width: 209px; left: 172px; } #nav-04 { width: 195px; left: 381px; } #nav-05 { width: 94px; left: 576px; } #nav-06 { width: 95px; left: 670px; } #nav-01 a:hover { background: transparent url(../images/index/nav.gif) 0px -43px no-repeat; } #nav-02 a:hover { background: transparent url(../images/index/nav.gif) -73px -43px no-repeat; } #nav-03 a:hover { background: transparent url(../images/index/nav.gif) -172px -43px no-repeat; } #nav-04 a:hover { background: transparent url(../images/index/nav.gif) -381px -43px no-repeat; } #nav-05 a:hover { background: transparent url(../images/index/nav.gif) -576px -43px no-repeat; } #nav-06 a:hover { background: transparent url(../images/index/nav.gif) -670px -43px no-repeat; } /* NAVIGATION----SIDE----------------------------------------------------------------------------- */ #sidenav {width: 192px; height: 375px; background: url("../images/index/nav-side.jpg") no-repeat; margin: 0; padding: 0; position: relative;} #sidenav li { position:absolute; margin: 0; padding: 0; list-style: none;} #sidenav li, #sidenav a { display:block; height: 75px; width:185px; } #sidenav span { display: none; } #sidenav2 { top: 0px; } #sidenav2 { top: 75px; } #sidenav3 { top: 150px; } #sidenav4 { top: 225px; } #sidenav5 { top: 300px; } #sidenav1 a:hover { background: transparent url(../images/index/nav-side.jpg) -192px 0px no-repeat;} #sidenav2 a:hover { background: transparent url(../images/index/nav-side.jpg) -192px -75px no-repeat;} #sidenav3 a:hover { background: transparent url(../images/index/nav-side.jpg) -192px -150px no-repeat;} #sidenav4 a:hover { background: transparent url(../images/index/nav-side.jpg) -192px -225px no-repeat;} #sidenav5 a:hover { background: transparent url(../images/index/nav-side.jpg) -192px -300px no-repeat;} /* footer* ------------------------------------------------------------------------- */ #footer { width:705px; text-align:center; margin:0 auto; } #footer a:link, #footer a:visited, #footer p { text-decoration:none; color:#000; margin-bottom:5px; font-size:12px; line-height:14px; } #footer a:hover, #footer a:active { text-decoration:underline; } #footer ul { margin-bottom:5px; font-size:12px; } #footer li { padding: 0 3px 0 5px; display:inline; border-left: 1px solid #000; line-height:13px; font-size:10px; } #footer li.first { border: none; padding-left:0; }