body, h1, h2 {font: 75% tahoma,verdana,geneva,lucida,arial,sans-serif;}
body {background: #d2d7db; margin: 0; padding: 0;}
img {border: 0;}
.inline {display: inline;}

/* image replacement */
h1 {margin-bottom: 30px; width: 238px; height: 68px;}
h1 span, h1 a {background: url(../images/logo.gif) no-repeat; width: 238px; height: 68px;}
h1 span, h1 a, h2 span, h2 a {top: 0; left: 0;}
h1, h2 {font-size: 100%; overflow: hidden;}
h2 {margin: 0 0 1em;}
#protecting_rights {background: url(../images/hdrs/protecting_rights.gif) no-repeat;}
#protecting_rights, .protecting_rights {width: 202px; height: 29px;}
#legal_interests {background: url(../images/hdrs/protecting_interests.gif) no-repeat;}
#legal_interests, .legal_interests {width: 222px; height: 30px;}
#about_attorneys {background: url(../images/hdrs/about_attorneys.gif) no-repeat;}
#about_attorneys, .about_attorneys {width: 154px; height: 37px;}
#about_practice {background: url(../images/hdrs/about_practice.gif) no-repeat;}
#about_practice, .about_practice {width: 161px; height: 27px;}
#nick_roumel {background: url(../images/hdrs/nick_roumel.gif) no-repeat;}
#nick_roumel, .nick_roumel {width: 110px; height: 26px;}
#carrie_harp {background: url(../images/hdrs/carrie_harp.gif) no-repeat;}
#carrie_harp, .carrie_harp {width: 111px; height: 40px;}
#practice_areas {background: url(../images/hdrs/practice_areas.gif) no-repeat;}
#practice_areas, .practice_areas {width: 113px; height: 22px;}
#civil_rights {background: url(../images/hdrs/civil_rights.gif) no-repeat;}
#civil_rights, .civil_rights {width: 93px; height: 32px;}
#employment {background: url(../images/hdrs/employment.gif) no-repeat;}
#employment, .employment {width: 87px; height: 35px;}
#employment_michigan {background: url(../images/hdrs/have_case.gif) no-repeat;}
#employment_michigan, .employment_michigan {width: 195px; height: 37px;}
#education {background: url(../images/hdrs/education.gif) no-repeat;}
#education, .education {width: 74px; height: 26px;}
#criminal_defense {background: url(../images/hdrs/criminal_defense.gif) no-repeat;}
#criminal_defense, .criminal_defense {width: 139px; height: 31px;}
#sports_entertainment {background: url(../images/hdrs/sports_entertainment.gif) no-repeat;}
#sports_entertainment, .sports_entertainment {width: 184px; height: 33px;}
#technology_ip {background: url(../images/hdrs/technology_ip.gif) no-repeat;}
#technology_ip, .technology_ip {width: 255px; height: 35px;}
#personal_injury {background: url(../images/hdrs/personal_injury.gif) no-repeat;}
#personal_injury, .personal_injury {width: 125px; height: 35px;}
#family_law {background: url(../images/hdrs/family_estate.gif) no-repeat;}
#family_law, .family_law {width: 265px; height: 35px;}
#contact_us {background: url(../images/hdrs/contact_us.gif) no-repeat;}
#contact_us, .contact_us {width: 95px; height: 20px;}
#directions_hdr {background: url(../images/hdrs/directions.gif) no-repeat;}
#directions_hdr, .directions_hdr {width: 86px; height: 18px;}
#driving_east_west {background: url(../images/hdrs/driving_east_west.gif) no-repeat;}
#driving_east_west, .driving_east_west {width: 218px; height: 31px;}
#driving_north {background: url(../images/hdrs/driving_north.gif) no-repeat;}
#driving_north, .driving_north {width: 196px; height: 30px;}
#driving_downtown {background: url(../images/hdrs/driving_downtown.gif) no-repeat;}
#driving_downtown, .driving_downtown {width: 288px; height: 34px;}
#driving_saline {background: url(../images/hdrs/driving_saline.gif) no-repeat;}
#driving_saline, .driving_saline {width: 160px; height: 32px;}
#screening_assessment {background: url(../images/hdrs/screening_assessment.gif) no-repeat;}
#screening_assessment, .screening_assessment {width: 310px; height: 33px;}

/* layout */
#container, h1, h2 {position: relative;}
#nav, #qualities, #copyright, #series, #series_bio, h1 span, h1 a, h2 span, h2 a, #hdr_bg {position: absolute;}
#bldg {background: url(../images/building.jpg) bottom right no-repeat; padding: 20px 10px;}
#container {margin: 15px auto 0; width: 760px; padding: 0 14px; background: #fff url(../images/content-bg.jpg) repeat-y;} 
#nav {top: 40px; left: 280px; width: 438px; list-style: none;}
#nav li {float: left; margin-right: 42px;}
#nav #lastItem {margin-right: 17px;}
#qualities {bottom: 75px; right: 25px; width: 348px;}
#copyright {padding-right: 30px; padding-top: 10px; text-align: right; bottom: -16px; right: 0; width: 758px; height: 36px; color: #3d3f40; font-size: 80%; background: url(../images/footer-bg.jpg) no-repeat;}
#series {bottom: 0; left: 14px; height: 178px; width: 760px; background: url(../images/series-bg.gif) top left repeat-x;}
#series_bio {margin-top: 18px;}
#series_carrie {margin-top: 17px;}
#series img {margin-right: 10px;}
#hdr_bg {top: 0; left: 0; width: 788px; height: 18px; background: url(../images/header-bg.jpg) no-repeat;}

/* content area */
.singlecolumn {width: 696px; line-height: 1.4;}
.column {float: left; width: 238px; line-height: 1.4;}
.column ul {margin-top: 0; margin-bottom: 2.5em; padding-top: 0;}
.column li {list-style: disc url(../images/bullet.gif); margin: 0 0 3px;}
.column h3, .singlecolumn h3 {font-size: 120%; color: #3f5666; margin: 0;}
.column a, .singlecolumn a {color: #3f5666;}
.column .endorsement {margin-top: 2em;}
.height30 {height: 30px;}
.height60 {height: 60px;}
.height100 {height: 100px;}
.height200 {height: 200px;}
.height250 {height: 250px;}
.clr {clear: both;}
.rcol {margin-left: 58px; display: inline; width: 400px;}
.firstPara {margin: 0 0 1em;}
.singlecolumn ol {list-style: upper-alpha;}
.singlecolumn .numList {list-style: decimal;}
.singlecolumn ol ol {list-style: lower-alpha;}
.singlecolumn ol li {margin: 2em 0;}
.singlecolumn ol ol li {margin: 1em 0;}
blockquote {margin: 1em 0;}