/* CSS Document */ /* Normalizes margin, padding, remove list style --------------------------------------------------*/ html, body, h1, h2, h3, h4, h5, h6, li, ol, ul, form, fieldset, input, p, blockquote, em, strong {margin: 0px; padding: 0px;} ol, ul, li {list-style: none} a img {border:0px;} /* Set html & body --------------------------------------------------*/ html {width:100%;} body {position:relative; width:100%; min-width: 750px; margin:0 auto; background:url(../images/bkg_hm.jpg) repeat-x #000; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #000} #success_pg, #about_pg, #practice_pg, #resources_pg, #gethere_pg, #contact_pg, #news_pg {background:url(../images/bkg_inside.gif) repeat-x #000;} /* Branding --------------------------------------------------*/ #home_pg #branding {position:relative; top:44px; width: 100%; height: 198px; background:url(../images/perezlawoffices_hm.jpg) no-repeat;} #home_pg #branding h1, #home_pg #branding h2, #home_pg #branding span {position: absolute; left: -999px} #home_pg #branding_info {position:relative; top:50px; width:740px; margin:0 auto;} #home_pg #branding_info #logo{float:left; width:305px; margin:0px 0px 0px 120px;} #home_pg #branding_info div{float:left; text-align:right;} #home_pg #branding_info .address{padding:25px 0px 0px 0px;} #branding {position:relative; top:18px; width: 750px; margin:0px auto;} #branding h1, #branding h2, #branding span {position: absolute; left: -999px} #branding img {float:left;} #branding #phone {position:absolute; top:10px; left:485px;} /* Flash --------------------------------------------------*/ #flash_holder {position:relative; top:43px; width:100%; height:116px; padding:0px;} #flashcontent {width:750px; height:116px; padding:0px; margin:0px auto; color:#780000; text-align:center;} #flashcontent a {color:#780000; font-weight:bold;} #flashcontent blockquote{padding:20px 0px 0px 0px; margin:0px auto; width:500px;} #flash_top {position:relative; top:43px; width:100%; height:5px; background:url(../images/bkg_flash_top.jpg) repeat-x;} #flash_bottom {position:relative; top:43px; width:100%; height:5px; background:url(../images/bkg_flash_btm.jpg) repeat-x top center;} /* Home Navigation --------------------------------------------------*/ #home_pg #nav_hm {position: absolute; top: 385px; width:100%; height:26px;} #home_pg #nav_hm ul {width: 750px; margin:0 auto; padding:0px;} #home_pg #nav_hm ul li {float: left; list-style:none; padding:0px; margin:0px;} #home_pg #nav_hm li span{position: absolute; left: -9999px; z-index: 9} #home_pg #about a {width: 108px; height: 26px; background:url(../images/nav/about_hm.gif) no-repeat; display: block; color: #003399} #home_pg #about a:hover, #home_pg #about a:active{background:url(../images/nav/about_hm_o.gif) no-repeat; display: block} #home_pg #practice a {width: 107px; height: 26px; background:url(../images/nav/practice_hm.gif) no-repeat; display: block} #home_pg #practice a:hover, #home_pg #practice a:active{background:url(../images/nav/practice_hm_o.gif) no-repeat; display: block} #home_pg #success a {width: 91px; height: 26px; background:url(../images/nav/success_hm.gif) no-repeat; display: block} #home_pg #success a:hover, #home_pg #success a:active{background:url(../images/nav/success_hm_o.gif) no-repeat; display: block} #home_pg #resources a {width: 154px; height: 26px; background:url(../images/nav/resources_hm.gif) no-repeat; display: block} #home_pg #resources a:hover, #home_pg #resources a:active{background:url(../images/nav/resources_hm_o.gif) no-repeat; display: block} #home_pg #gethere a {width: 100px; height: 26px; background:url(../images/nav/gethere_hm.gif) no-repeat; display: block} #home_pg #gethere a:hover, #home_pg #gethere a:active{background:url(../images/nav/gethere_hm_o.gif) no-repeat; display: block} #home_pg #contact a {width: 88px; height: 26px; background:url(../images/nav/contact_hm.gif) no-repeat; display: block} #home_pg #contact a:hover, #home_pg #contact a:active{background:url(../images/nav/contact_hm_o.gif) no-repeat; display: block} #home_pg #news a {width: 84px; height: 26px; background:url(../images/nav/news_hm.gif) no-repeat; display: block} #home_pg #news a:hover, #home_pg #news a:active {background:url(../images/nav/news_hm_o.gif) no-repeat; display: block} /* Inside Navigation --------------------------------------------------*/ #nav {position: absolute; left:246px; top:26px; width:505px; height:83px; background:url(../images/bkg_nav.gif) no-repeat top right; padding:0px; margin:0px;} #nav ul {margin:0px; padding:0px 0px 0px 24px;} #nav ul li {float: left; list-style:none; padding:0px; margin:0px;} #nav li span {position: absolute; left: -9999px; z-index: 9} #about a {width:106px; height: 34px; background:url(../images/nav/about.gif) no-repeat; display: block;} #about a:hover, #about a:active {background:url(../images/nav/about_o.gif) no-repeat; display: block} #about a div {visibility:hidden;} #about_pg #nav #about a {background:url(../images/nav/about_o.gif) no-repeat} #practice a {width:106px; height: 34px; background:url(../images/nav/practice.gif) no-repeat; display: block} #practice a:hover, #practice a:active {background:url(../images/nav/practice_o.gif) no-repeat; display: block} #practice_pg #nav #practice a{background:url(../images/nav/practice_o.gif) no-repeat} #success a {width: 91px; height: 34px; background:url(../images/nav/success.gif) no-repeat; display: block} #success a:hover, #success a:active {background:url(../images/nav/success_o.gif) no-repeat; display: block} #success_pg #nav #success a{background:url(../images/nav/success_o.gif) no-repeat} #resources a {width: 146px; height: 34px; background:url(../images/nav/resources.gif) no-repeat; display: block} #resources a:hover, #resources a:active {background:url(../images/nav/resources_o.gif) no-repeat; display: block} #resources_pg #nav #resources a{background:url(../images/nav/resources_o.gif) no-repeat} #gethere a {width: 96px; height: 30px; background:url(../images/nav/gethere.gif) no-repeat; display: block} #gethere a:hover, #gethere a:active {background:url(../images/nav/gethere_o.gif) no-repeat; display: block} #gethere_pg #nav #gethere a{background:url(../images/nav/gethere_o.gif) no-repeat} #contact a {width: 88px; height: 30px; background:url(../images/nav/contact.gif) no-repeat; display: block} #contact a:hover, #contact a:active {background:url(../images/nav/contact_o.gif) no-repeat; display: block} #contact_pg #nav #contact a{background:url(../images/nav/contact_o.gif) no-repeat} #news a {width: 78px; height: 30px; background:url(../images/nav/news.gif) no-repeat; display: block} #news a:hover, #news a:active {background:url(../images/nav/news_o.gif) no-repeat; display: block} #news_pg #nav #news a {background:url(../images/nav/news_o.gif) no-repeat} /* Dropdowns with menu_data.js and menu_script.js --------------------------------------------------*/ table.menu {position: absolute; z-index: 5000; border: none; cursor: pointer; visibility: hidden; /* Don't change this */ border: 0px;} table.menu td {z-index: 1000; color: #e7c655; /* Must be the same as tdColor in the menu_script.js */ background-color: #820000; /* Must be the same as tdBgColor in the menu_script.js */ border-top: 4px solid #ac7812; border-bottom: 4px solid #ac7812; width:80px; padding: 5px 8px; font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; white-space: nowrap;} /* Content --------------------------------------------------*/ #container {position:relative; top: 18px; width: 752px; margin:0px auto; clear:both; min-height:300px; padding:0px; background:url(../images/bkg_inside_line.gif) repeat-y top right;} #content {position:relative; height: 100%; width:640px; float:right; min-height:300px; background:url(../images/bkg_content.jpg); padding:20px 38px; margin:0px 7px 0px 0px;} *html #content {position:relative; height: 100%; width:640px; float:right; min-height:300px; background:url(../images/bkg_content.jpg); padding:20px 38px; margin:0px 0px 0px 7px;} #content ul, #content ol {list-style:url(../images/bullet_sq.jpg); line-height:18px; margin:10px 0px;} #content ul li, #content ol li {list-style:url(../images/bullet_sq.jpg); line-height:18px; margin:5px 0px 5px 10px;} #content li b {color: #e20000} #content blockquote {margin:5px 15px 5px 30px;} /* Text formatting, etc. */ /*h1 {font-size:30px; color:#FFF; font-weight:normal; margin:0px 0px 5px 0px;} h2 {font-size:22px; color:#820000; font-weight:normal; margin:0px 0px 5px 0px;} h3 {font-size:14px; color:#000; font-weight:bold; margin:10px 0px 0px 0px;}*/ h1 {font-size:20px; color:#FFF; font-weight:normal; margin:0px 0px 5px 0px;} h2 {font-size:16px; color:#820000; font-weight:bold; margin:0px 0px 5px 0px;} h3 {font-size:14px; color:#000; font-weight:bold; margin:10px 0px 0px 0px;} h4 {font-size:14px; color:#000; font-weight:bold;} h5 {font-size:14px; color:#000; font-weight:bold;} h6 {font-size:14px; color:#000; font-weight:bold;} p {margin: 0px 0px 10px 0px; line-height: 18px} .small {font-size:10px;} .nobr {white-space: nowrap;} .clear {clear:both;} .clear_left {clear:right;} .left_percent {float:left; width:45%; margin-right: 20px} .right_percent {float:left; width:45%;} #column2 {width:630px; margin:0px auto; clear:both;} .line {height:4px; background-color:#a87a1a; margin:5px 0px 20px 0px;} a:link, a:visited {color: #820000; text-decoration:underline; font-weight: bold} a:hover {color: #820000; text-decoration: none} /* Specific Page Classes/IDs --------------------------------------------------*/ #success_pg #cases {border:1px solid #a87a1a; background:#f2ddaf; padding:0px; margin:0px; height:100%; width:640px;} #success_pg #cases div {float:left; width:620px; background:#f2ddaf; padding:5px 10px;} *html #success_pg #cases{border:1px solid #a87a1a; background:#f2ddaf; padding:0px; margin:0px; height:100%; width:600px;} *html #success_pg #cases div{float:left; padding:5px 10px; width:580px;} *html #success_pg #container #content #cases ul li{float:left; width:40%; list-style:none; margin:0px 20px 0px 10px; padding:0px} #success_pg #container #content #cases ul{list-style:url(../images/bullet_sq.jpg)} #success_pg #container #content #cases ul li{float:left; width:45%; list-style:none; margin:0px 20px 0px 10px; padding:0px} #success_pg #cases .cream{background:url(../images/bullets1.gif) no-repeat #e4cc97} #success_pg #cases .row1{background:url(../images/bullets1.gif) no-repeat #f2ddaf} *html #success_pg #cases .cream{background:url(../images/bullets2.gif) no-repeat #e4cc97} *html #success_pg #cases .row1{background:url(../images/bullets2.gif) no-repeat #f2ddaf} #success_pg #column2 {padding:0px 15px; margin:0px;} *html #success_pg #column2{padding:0px; margin:0px;} #success_pg #column2 h2 {float:left; width:310px;} .img_right {float:right; border:#820000 solid 1px;} /* Site Info --------------------------------------------------*/ #site_info_hm {position: relative; top:150px; width:750px; margin:0px auto; text-align:center; height: auto; clear:left; padding-top: 10px; font-size:10px; color:#a87a1a;} #site_info {position: relative; top:20px; width:750px; margin:0px auto; text-align:center; height: auto; clear:both; padding: 10px 0px; font-size:10px; color:#a87a1a;} #site_info_hm h2, #site_info h2 {display:none} #site_info_hm blockquote, #site_info blockquote {padding:5px 0px; margin:0px;} #site_info_hm p, #site_info p {border-top:1px solid #820000; margin: 0px 0px 10px; padding:5px 0px;} #site_info_hm a:link, #site_info_hm a:visited, #site_info a:link, #site_info a:visited {color:#a87a1a; font-weight:normal; letter-spacing: 0} #site_info_hm a:hover, #site_info_hm a:active #site_info a:hover, #site_info a:active {color:#a87a1a}