@charset "utf-8";
/* CSS Document */

/* remember to define focus styles! */
a {
	outline: 0;
	color: #3b3633;
}
body {
	background-color: #FFFFFF;
	margin: 0;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	word-spacing: 1.5pt;	
}
#wrapper {
	margin: 0 auto;
	width: 805px;
	padding-top: 139px;
	height: 450px;
}
#header {
	margin: 0;
	padding: 0;
	width: 803px;
	border: 1px solid #7a7168;
	border-bottom: 0px;
}
#nav {
	text-align: right;
	padding: 50px 20px 0 0;
	width: 98px;
	height: 268px;
	background-color: #7a7168;
	position: absolute;
}
#nav2 {
	text-align: left;
	background-color: #3b3633;
	width: 91px;
	height: 318px;
	position: absolute;
	margin: 0 0 0 118px;
	padding-left: 15px;
	padding-right: 15px;
	color: #FFFFFF;
	font-size: 8px;
	letter-spacing: 0.8pt;
	z-index: 999;
}

#text-area ul li {
	margin: 10px 0;
	font-size: 12px;
}
#text-area a {
	outline: 0;
	color: #000000;
	text-decoration: none;
}
#text-area a:hover, #text-area a:active {
	background-color: #bed0e4;
}
#text-area table {
	margin-left: 25px;
	font-size: 12px;
}
a.nav:link, a.nav:visited {
	color: #FFFFFF;
	font-size: 9px;
	text-decoration: none;
}
a.nav2:link, a.nav2:visited {
	color: #FFFFFF;
	font-size: 8px;
	text-decoration: none;
}
a.nav:hover, a.nav:active {
	text-decoration: none;
	color: #3b3633;
}
a.nav2:hover, a.nav2:active {
	text-decoration: none;
	color: #5f8cbe;
}
#nav_about {
	margin-top: 50px;
	position: absolute;
	visibility:hidden;
}
#nav_practice {
	margin-top: 35px;
	position: absolute;
	visibility:hidden;
}
#nav_people {
	margin-top: 50px;
	position: absolute;
	visibility:hidden;
}
#nav_contact {
	margin-top: 167px;
	position: absolute;
	visibility:hidden;
}
#content {
	margin: 0;
	padding: 0px;
	border: 1px solid #7a7168;
	border-top: 0px;
	border-left: 0px;
	height: 317px;
	width: 565px;
	float: right;
	background:url(images/bg-gradient.jpg);
	z-index: -1;
}

#content_home {
	margin: 0;
	padding: 0;
	border: 1px solid #7a7168;
	border-top: 0px;
	border-left: 0px;
	height: 317px;
	width: 686px;
	float: right;
	background:url(images/bg-gradient.jpg);
	z-index: -999;
}
#text-area {
	overflow: auto;
	width: 565px;
	float: right;
	text-align: left;
	height: 317px;
}
p.content {
	margin-left: 25px;
	width: 475px;
	padding: 0px;
	padding-top: 10px;
	font-size: 12px;
}
#footer {
	margin: 0 auto;
	width: 805px;
	text-align: right;
	height: 20px;
	font-size: 11px;
	color: #b7b3b2;
	font-size: 8px;
	letter-spacing: 0.8pt;
	padding-top: 5px;
}
a.footer:link, a.footer:visited {
	color: #a8a4a2;
	font-size: 9px;
	text-decoration: none;
}
a.footer:hover, a.footer:active {
	text-decoration: none;
	color: #5f8cbe;
}
#bio {
	position: absolute;
	width: 565px;
	height: 317px;
	border: 0px solid #000000;
	font-size: 12px;
	overflow: auto;
}

#bio span.addy{
	color: #5f8cbe;
}

#bio span.addy a {
	color: #5f8cbe;
	background: none;
}

#bio span.addy a:hover{
	text-decoration: underline;
	background: none;
}
#bio p {
	width: 280px;
	margin: 10px 0 0 260px;	
}

#bio a{
	font-size: 12px;
	text-decoration: none;
	color: #000000;
}



#bio a:hover, #bio a:active {
	background-color: #bed0e4;
	}

#bio ul{
	width: 250px;
	margin: 10px 0 0 250px;	
}

#bio ul li {
	margin-top: 10px;
}

a.jScrollArrowUp {
	background: url(images/arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	/*background-position: 0 -15px; */
}
a.jScrollArrowDown {
	background: url(images/arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	/*background-position: 0 -15px; */
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-position: 0 -15px; */
}


.orange-bar .jScrollPaneTrack {
	background: #f60;
}
.orange-bar .jScrollPaneDrag {
	background: #00f url(../images/drag_grab.gif) no-repeat 50% 50%;
}
.orange-bar .scroll-pane {
	background: #69f;
}
			
.holder {
	float: left;
	margin: 10px;
}

.scroll-pane {
	position: absolute;
	overflow: auto;
}

.wide {
	width: 400px;
}

.super-wide {
	width: 700px;
}

.tall {
	height: 400px;
}
#bio_image{
	margin-left: 239px;
	position: absolute;
	z-index: 1;
}