/* CSS Document for Leader & Berkon This site was designed and produced by Business-Edge.com Credits ------- Matt DeLucia - ASP programming, and Content Management System Alexis Gallisa - Graphic Design, Flash, XHTML and CSS */ * { margin:0; padding:0; } body { background:#fff url(images/footer_bg.gif) bottom repeat-x; padding-bottom:45px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:76%; } /* MinWidth for IE http://www.cssplay.co.uk/boxes/minwidth.html */ #width { width: 100%; min-width:760px; background-color: #fff; } * html #minwidth { border-left: 760px solid #fff; } * html #wrapper { margin-left: -760px; position: relative; } /*\*/ * html #width, * html #minwidth, * html #wrapper { height: 1px; } /**/ /* END Min-width hack */ img { border:0; } h1 { font-size: 2.0em; } h2 { font-size: 1.7em; } h3 { font-size: 1.4em; } h4 { font-size: 1.0em; } h5 { font-size: 0.9em; } h6 { font-size: 0.8em; } ol, ul, li { font-size: 1.0em; margin-top: 0em; margin-bottom: 1.4em; margin-left:20px; list-style-position:outside; } td { font-size:12px; } p { font-size: 1.0em; margin: 0.6em 0em 1.8em 0em; } /* ---------------- * HOME PAGE * ------------------ #hmwrap {top:50%; position:absolute; margin-top:-200px; width:100%; height:400px; background:white url(images/hm_bg.gif) top center no-repeat;} */ #hmwrap{ background:url(images/bg_homewrap.jpg) top center no-repeat; height:400px;} #hmtop { width:760px; margin:0 auto; } #hmflash { width:760px; margin:0 auto; } #hmfooter { width:760px; margin:0 auto; font-size:10px; text-align:center; padding-top:6px; } #hmfooter a { color:#999999; margin:0 6px; } /* ---------------- * TOP HOME NAVIGATION * ------------------ */ /*do the image replacement*/ #hmnav {width:760px; margin:0 auto; } #hmnav li {float:left; margin:0; padding:0; display: inline; } #hmnav li span { display:none; } #hmnav-home a, #hmnav-profile a, #hmnav-attorneys a, #hmnav-practices a, #hmnav-news a, #hmnav-careers a, #hmnav-location a, #hmnav-contact a { display: block; height: 31px; background: url(images/hm_nav.jpg) no-repeat; /*contains all hover states*/ } /* first, put the initial states in place */ #hmnav-home a { width:151px; background-position: 0 0; } #hmnav-profile a { width:85px; background-position: -151px 0; } #hmnav-attorneys a { width:77px; background-position: -236px 0; } #hmnav-practices a { width:101px; background-position: -313px 0; } #hmnav-news a { width:50px; background-position: -414px 0; } #hmnav-careers a { width:62px; background-position: -464px 0; } #hmnav-location a { width:69px; background-position: -526px 0; } #hmnav-contact a { width:165px; background-position: -595px 0; } /* second, set up hovers */ #hmnav-home a:hover { width:151px; background-position: 0 -31px; } #hmnav-profile a:hover { width:85px; background-position: -151px -31px; } #hmnav-attorneys a:hover { width:77px; background-position: -236px -31px; } #hmnav-practices a:hover { width:101px; background-position: -313px -31px; } #hmnav-news a:hover { width:50px; background-position: -414px -31px; } #hmnav-careers a:hover { width:62px; background-position: -464px -31px; } #hmnav-location a:hover { width:69px; background-position: -526px -31px; } #hmnav-contact a:hover { width:165px; background-position: -595px -31px; } #top { background:#9793B3 url(images/top_bg.jpg) bottom repeat-x; height:103px; padding-bottom:13px;} #top img.logo {float:left;} #top img.mural {float:right;} /* Win IE 5.x img float bug http://www.positioniseverything.net/explorer/threepxtest.html \*/ * html img.logo { margin: 0 -3px; ma\rgin: 0; } * html img.mural { margin: 0 -3px; ma\rgin: 0; } /* */ #content {clear:both; text-align:left; width:87%; margin:20px auto;} /* ---------------- * TOP NAVIGATION * ------------------ */ /*do the image replacement*/ #topnavhold {background: url(images/topnav_bg.gif) repeat-x; text-align:center; height:31px; overflow:hidden;} #topnav {width:690px; margin:0 auto; } #topnav li {float:left; margin:0; padding:0; display: inline; } #topnav li span { display:none; } #topnav-home a, #topnav-profile a, #topnav-attorneys a, #topnav-practices a, #topnav-news a, #topnav-careers a, #topnav-location a, #topnav-contact a { display: block; height: 31px; background: url(images/topnav.gif) no-repeat; /*contains all hover states*/ } /* first, put the initial states in place */ #topnav-home a { width:65px; background-position: 0 0; } #topnav-profile a { width:103px; background-position: -65px 0; } #topnav-attorneys a { width:90px; background-position: -168px 0; } #topnav-practices a { width:120px; background-position: -258px 0; } #topnav-news a { width:58px; background-position: -378px 0; } #topnav-careers a { width:73px; background-position: -436px 0; } #topnav-location a { width:83px; background-position: -509px 0; } #topnav-contact a { width:98px; background-position: -592px 0; } /* second, set up hovers */ #topnav-home a:hover { width:65px; background-position: 0 -31px; } #topnav-profile a:hover { width:103px; background-position: -65px -31px; } #topnav-attorneys a:hover { width:90px; background-position: -168px -31px; } #topnav-practices a:hover { width:120px; background-position: -258px -31px; } #topnav-news a:hover { width:58px; background-position: -378px -31px; } #topnav-careers a:hover { width:73px; background-position: -436px -31px; } #topnav-location a:hover { width:83px; background-position: -509px -31px; } #topnav-contact a:hover { width:98px; background-position: -592px -31px; } /* ---------------- * ATTORNEY PAGES * ------------------ */ #att_stats { background:#D9E9EB; border:1px dotted #C6D1DB; padding:10px 20px 5px; font-size:11px; } #att_img { float:right; width:181px; margin: 12px -1px 0 10px;} .att_title{ display:inline;} .att_list { border-collapse:collapse; border-spacing:0; margin-top:10px; margin-bottom:20px; min-width:400px; } .att_list th { font-weight:bold; text-align:left; padding:4px; padding-top:10px; border-bottom:2px solid #666; } .att_list td { padding:4px; border-bottom:1px solid #999; } .att_rowcolor { background-color:#F5F9FA; }