body{
 background-image: url('images/scales-BG.gif');
 font-family: sans-serif;
 font-size:75%;
 margin: 0 0 2em;
 padding: 0;
}
#container{
 background: #7daed8;
 border: 1px solid #000; 
 padding: 10px 15px;
 width: 540px; 
}
#container, #header{
 margin: 0 auto;
}
#header{
 padding: 10px 0;
 width: 570px;
}
#logo{
 color: #900;
 font-size: 200%;
 font-weight: bold;
 text-decoration: none;
}
#logo:hover, #logo:focus{
 text-decoration: underline;
}
#content, .subContent{
 background: #fff;
 border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 padding: 1em;
}
.subContent{
 margin: 1em 0;
}
#nav{
 list-style: none;
 height: 29px;
 margin: 0.5em 0 0; 
 overflow: hidden;
 padding: 0; 
 width: 550px;
}
#nav li{
 float: left;
}
#nav li a, #nav li span{
 background: #7daed8;
 border-right: 1px solid #9cf;
 color: #fff;
 display: block; 
 padding: 5px 7px; 
 line-height: 15px;
 text-decoration: none; 
}
#nav li a:hover, #nav li a:focus{
 background: #fff;
 color: #000;
}
#nav li:hover ul, #nav li a:focus ul, #nav .sfhover ul{left: auto}
#nav li ul{
 border: solid #666; 
 border-width: 0 1px 1px;
 margin: 0; padding: 0;
 left: -999em;
 list-style: none;
 position: absolute;
 width: 180px;
 z-index: 5;
}
#nav li ul li{float: none}
#nav li ul a{
 background: #eee;
 border-top: 1px solid #ddd;
 color: #000;
 height: 15px;
 margin: 0;
}

#footer{
 color: #fff;
 font-size: 80%;
 padding: 0.25em 0 0;
 text-align: center;
}
.footer-links{
 color: #3c84c4;
}
#footer a{
 color: #fff;
}
h1, h2, h3, h4, #logo, #header span{
 font-family: Tahoma, Trebuchet MS, sans-serif;
}
h1{
 font-size: 200%;
 margin: 0 0 0.5em;
}
h2, legend{
 color: #900;
 font-size: 150%;
 margin: 0 0 0.25em;  
}
h3{
 font-size: 120%;
 margin: 0 0 0.5em;
}
h4{font-size: 100%;}
a:hover{text-decoration: none}
p, .subContent ul, .article #content ul, fieldset{
margin: 0 0 1em;
}
.subContent ul, .article #content ul{
 padding: 0 0 0 2.5em;
}
fieldset{
 border: 0;
 position: relative;
}
fieldset ul, .menu{
 list-style: none;
 margin: 0;
 overflow: hidden;
 padding: 0;
}
fieldset ul li{
 float: left;
 width: 250px;
}

legend{ 
 font-weight: bold; 
 padding: 0; 
}
/*classes*/
.tagline{
 color: #fff; 
}
.slogan{text-align: center; margin: 0;}
.submit{
 margin-left: 70px;
 vertical-align: middle;
}
.home #content h2{
 font-size: 120%;
 margin-bottom: 1em;
}
.home .menu{
 margin-bottom: 1em;
 width: 468px;
}
.home #content{
 padding: 1em 3em;
}
.home .menu li{
 background: url("images/arrow.gif") no-repeat;
 float: left;
 padding: 0 0 5px 20px;
 width: 210px;
}
.home .menu li a{
/* display: block;*/
 font-size: 120%;
}
.menu span{
 font-style: italic;
 font-size: 70%; 
 margin-left: 20px;
}
/*page BG images*/
#home, #family, #criminal, #employment, #immigration, #business, #bankruptcy, #estate, #realEstate, #injury, #father{
 background: #fff no-repeat center top;
}
#home{
 background-image: url('/images/faces.jpg');
 padding-left: 155px;
 padding-right: 100px;
}
#bankruptcy{
 background-image: url('/images/bankruptcy-law-BG.jpg');
 padding-left: 150px;
}
#business, #employment{
 background-image: url('/images/employment-law-BG.jpg');
 padding-left: 180px;
}
#criminal{
 background-image: url('/images/criminal-law-BG.jpg');
 padding-right: 122px;
}
#family{
 background-image: url('/images/family-law-BG.jpg');
 padding-right: 110px;
}
#father{
 background-image: url('/images/fathers-rights-law-BG.jpg');
 padding-right: 160px;
}
#immigration{
 background-image: url('/images/immigration-law-BG.jpg');
 padding-left: 130px;
}
#realEstate, #estate, #injury{
 background-image: url('/images/real-estate-law-BG.jpg');
 padding-left: 140px;
}

#nav{
background: #7daed8;
border: 1px solid #000;
padding: 2px 8px 10px;
height: auto;
position: absolute;
left: -250px;
top: -0;
width: 200px;
}
#nav li ul{position: static; width: auto; font-size: 90%; border-width: 0 1px 1px 0}
#nav li ul li a{padding: 2px 4px}
#nav li{float:none}
#nav li a, #nav li span{border-right: none; padding: 3px 0}
#nav li span{font-weight: bold}
#nav li span:after{content: " Law"}
#header, #container{
 left: 125px;
 position: relative;
}
#header .tagline{
 color: #000;
 display: block;
 font-weight: bold;
 font-size: 150%;
}
/*homepage info links*/
.home .menu li a.popup{
 color: #900;
 font-size: 80%;
}