/* This stylesheet controls the layout of the entire site */

body {
	background: url("../images/body-bg.jpg") repeat;
	margin: 0;
	padding: 0;
	font-family: georgia, times, serif;
	font-size: 0.85em;
	color: #464646;
}

.clear {
	clear: both;
}

.hidden {
	visibility: hidden;
	font-size: 0px;
	height: 0px;
	width: 0px;
	line-height: 0px;
}

#container1 {
	background: url("../images/body-bg-top.jpg") repeat-x;
	position: absolute;
	width: 100%;
}

#headerimg {
    padding-top:	168px; /* height of the replacement image */
    height:	0px;
    overflow:	hidden;
    background:	url("../images/header.jpg") no-repeat;
    width: 924px;
	margin: 0px;
    margin-left: auto;
    margin-right: auto;
}

div#nav {
	background: url("../images/nav-bg.jpg") no-repeat;
	width: 924px;
	height: 46px;
	margin: -10px auto 0px auto;
	padding: 0px;
}

div#navholder {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}

div#nav ul li {
	display: inline;
}

div#nav ul li a {
	float: left;
	display : inline;
	overflow: hidden;
	text-align: center;
	height: 40px;
}

div#nav ul li#nav-home a {
	background: url("../images/nav-home.jpg");
	width: 91px;
	height: 40px;
	margin-left: 88px;
}

div#nav ul li#nav-services a {
	background: url("../images/nav-services.jpg");
	width: 108px;
	height: 40px;
}

div#nav ul li#nav-contact a {
	background: url("../images/nav-contact.jpg");
	width: 106px;
	height: 40px;
}

div#nav ul li#nav-lawyers a {
	background: url("../images/nav-lawyers.jpg");
	width: 145px;
	height: 40px;
}

div#nav ul li#nav-directions a {
	background: url("../images/nav-directions.jpg");
	width: 192px;
	height: 40px;
}

div#nav ul li#nav-home a:hover { background : url("../images/nav-home-active.jpg"); }
div#nav ul li#nav-services a:hover { background : url("../images/nav-services-active.jpg"); }
div#nav ul li#nav-contact a:hover { background : url("../images/nav-contact-active.jpg"); }
div#nav ul li#nav-lawyers a:hover { background : url("../images/nav-lawyers-active.jpg"); }
div#nav ul li#nav-directions a:hover { background : url("../images/nav-directions-active.jpg"); }

/* PLEASE READ For accessibility reasons the a:active and a:focus attributes below enable a keyboard user to easily see where they are at */

div#nav ul li#nav-home a:active { background : url("../images/nav-home-active.jpg"); }
div#nav ul li#nav-services a:active { background : url("../images/nav-services-active.jpg"); }
div#nav ul li#nav-contact a:active { background : url("../images/nav-contact-active.jpg"); }
div#nav ul li#nav-lawyers a:active { background : url("../images/nav-lawyers-active.jpg"); }
div#nav ul li#nav-directions a:active { background : url("../images/nav-directions-active.jpg"); }

div#nav ul li#nav-home a:focus { background : url("../images/nav-home-active.jpg"); }
div#nav ul li#nav-services a:focus { background : url("../images/nav-services-active.jpg"); }
div#nav ul li#nav-contact a:focus { background : url("../images/nav-contact-active.jpg"); }
div#nav ul li#nav-lawyers a:focus { background : url("../images/nav-lawyers-active.jpg"); }
div#nav ul li#nav-directions a:focus { background : url("../images/nav-directions-active.jpg"); }

#container2 {
	background: url("../images/container-mid.jpg") repeat-y;
	width: 924px;
	margin: 0 auto 0 auto;
}

#leftside {
	float: left;
	width: 340px;
	margin-top: 20px;
	margin-left: 20px;
	_margin-left: 10px; /* BSecause IE6 sucks */
}

#rightside {
	float: left;
	width: 523px;
	margin-left: 20px;
}

#rightside h2 {
	width: 100%;
	color: #6f6444;
	border-bottom: 2px solid #bcb6a7;
	margin-top: 20px;
}

.serviceslist {
	float: left;
	width: 40%;
	_width: 35%; /* Because IE6 Sucks */
	list-style: none;
}

.serviceslist li {
	margin-bottom: 10px;
}

#footer {
	margin: 0px auto 0px auto;
	padding: 0;
	width: 883px;
	border-top: 1px solid #bcb6a7;
	font-size: x-small;
}

#footercap {
	background: url("../images/container-bottom.jpg") no-repeat;
	width: 924px;
	height: 10px;
	margin: 0px auto 20px auto;
	padding: 0;
}