@charset "UTF-8";

/******* The following resets all styles *******/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-family: Arial, Helvetica, sans-serif;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;
	border-spacing: 0;}
/******* End of reset styles *******/

/* STRUCTURE STYLES */

/*body {background: url(../images/brownBar.gif) 50% 0 repeat-y;}*/
body {background: #140502 url(../images/bg.jpg) 50% 0 repeat-x;}

#container {width: 800px;
	margin: 0 auto;
	min-height: 600px;
	background: url(../images/midBg.jpg) 25px 0 no-repeat;}

#nav {width: 150px;
	float: left;
	margin-top: 125px;}
	
#content {width: 600px;
	float: left;}
	
#photo1 {height: 200px;
	width: 600px;
	background: url(../images/headPhoto1.jpg) no-repeat;}
	
#photo2 {height: 200px;
	width: 600px;
	background: url(../images/headPhoto2.jpg) no-repeat;}
	
#photo3 {height: 200px;
	width: 600px;
	background: url(../images/headPhoto3.jpg) no-repeat;}
	
#photo4 {height: 200px;
	width: 600px;
	background: url(../images/headPhoto4.jpg) no-repeat;}
	
#photo5 {height: 200px;
	width: 600px;
	background: url(../images/headPhoto5.jpg) no-repeat;}
	
#photo6 {height: 200px;
	width: 600px;
	background: url(../images/headPhoto6.jpg) no-repeat;}
	
#photo7 {height: 200px;
	width: 600px;
	background: url(../images/headPhoto7.jpg) no-repeat;}
	
#photo8 {height: 200px;
	width: 600px;
	background: url(../images/headPhoto8.jpg) no-repeat;}
	
#attorneyDetail {height: 200px;
	width: 600px;
	background: black;}
	

#mainContent {background: #fff url(../images/vertLine.gif);}
#mainContent2 {background: #fff url(../images/vertLine.gif);}

#form dt {width: 150px;
	float: left;
	text-align: right;
	height: 20px;
	padding: 3px;
	margin: 0;
	line-height: 20px;
	color: #4b4849;}
#form dd {width: 335px;
	float: left;
	padding-left: 10px;
	padding: 3px;
	margin: 0;
	line-height: 20px;}
	
.odd {background: #f5f3ee;}
#form input, #form textarea {background: #eeebe4;
	border: 1px dotted #b9b299;
	width: 200px;}
.required {font-weight: bold;
	font-size: 14px;
	color: #660000;}
	

/* GENERAL STYLES */

#logo span {display: none;}
#logo {height: 50px;
	width: 400px;
	overflow: hidden;
	display: block;
	background: url(../images/logo.png) bottom left no-repeat;}
	
h1 {padding: 50px 0 25px 50px;}

h2 {text-transform: uppercase;}

h3 {font-size: 13px;
	padding: 15px 0 0 50px;
	color: #4b4849;
	line-height: 20px;}
#mainContent2 h3 {font-size: 13px;
	padding: 15px 0 0 25px;
	color: #4b4849;
	line-height: 20px;}
	
dl {padding: 15px 50px;
	font-size: 11px;
	line-height: 20px;}
	
dt {font-size: 12px;
	font-weight: bold;}
dd {padding-bottom: 15px;}

#logo:hover {background-position: top left;}

#nav {padding: 15px 25px 0 0;}
#nav :link, #nav :visited {color: #d7d3c6;
	font-size: 11px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	display: block;}
#nav :hover, #nav :active {color: #fff;}
#nav li {text-align: right;
	line-height: 15px !Important;
	line-height: normal;}

h2 {color: #fff;
	font-size: 14px;
	letter-spacing: 2px;
	background: #b9b299;
	padding: 5px 0 6px 50px;
	margin-bottom: 10px;}
#mainContent2 h2 {color: #fff;
	font-size: 14px;
	letter-spacing: 2px;
	background: #b9b299;
	padding: 0 0 6px 0;
	margin-bottom: 10px;
	line-height: 25px;
	}
#mainContent2 h2 span {
	text-transform: none;
	letter-spacing: 0;
	line-height: normal;
	}	
	
#mainContent p {color: #4b4849;
	padding: 5px 50px;
	line-height: 20px;
	font-size: 11px;
	text-align: justify;}
#mainContent2 p {color: #4b4849;
	padding: 5px 25px;
	line-height: 20px;
	font-size: 11px;
	text-align: justify;}
	
#mainContent ul {padding: 10px 65px;
	line-height: 20px;
	font-size: 11px;
	color: #4b4849;
	list-style: disc;}
#mainContent2 ul {padding: 10px 40px;
	line-height: 20px;
	font-size: 11px;
	color: #4b4849;
	list-style: disc;}
	
#mainContent ol {padding: 10px 65px;
	line-height: 20px;
	font-size: 11px;
	color: #4b4849;
	list-style: decimal;}
	
#mainContent a:link, #mainContent a:visited {color: #827d6a;
	font-weight: bold;
	text-decoration: underline;}
#mainContent a:hover, #mainContent a:active {color: #8e250c;}

#mainContent2 a:link, #mainContent2 a:visited {color: #827d6a;
	font-weight: bold;
	text-decoration: underline;}
#mainContent2 a:hover, #mainContent2 a:active {color: #8e250c;}
	
#footer {background:#b9b299;
	display: block;
	height: 100px;
	width: 600px;
	margin-top: 25px;}
#footLeft {width: 400px;
	float: left;
	padding-top: 8px;}
#footer #copy, #footer #barRules {color: #fff;
	line-height: 12px;
	font-size: 10px;}
#footer a:link, #footer a:visited {color: #fff;}
#footer a:hover, #footer a:active {color: #4b4849;}

#address {width: 200px;
	float: left;
	color: #fff;
	line-height: 12px;
	font-size: 10px;
	padding-top: 10px;}
address {font-style: normal;}

#resume {width: 325px;
	margin-top: 10px;
	float: left;}
#description {width: 250px;
	margin-top: 10px;
	padding-top: 5px;
	float: left;}
#description p {padding: 5px 0;
	margin: 0;}
#description p:first-line {font-weight: bold;	
	font-size: 13px;}

#attyContact {
	height: 175px;
	width: 275px;
	float: left;
	margin-left: 50px !Important;
	margin-left: 25px;
	margin-top: 15px !Important;
	margin-top: 0;
	}

#mainContent2 p.attycontact, #mainContent2 p.attycontact a {
	color: white;
	}
#mainContent2 p.attycontact {
	padding: 5px 0;
	}

.attyImg {
	float: right;
	margin-right: 66px;
	}
#attorneyHeader {
	height: 200px;
	background: url(../images/attHead.png) no-repeat;
	}
.leftCol { padding:0 10px 0 50px; width:50%; float:left;}
#mainContent .leftCol p{padding:0px;}
.rightCol{ width:30%; padding:0 50px 0 10px; float:left;}
#mainContent .rightCol p{padding:0px;
	margin: .5em 0;}
#mainContent .rightCol h3{padding:0px;}
.rTitle{font-weight:bold; font-size:14px;}
.rDate {
	width:250px;
	height:50px;
	margin:0 10px 0 0;
	color: #999999;
}
.rSynopsis {
	width:500px;
	height:50px;
	margin:0 0px 0 0;
}
.seperator {
	border-bottom:1px dotted #666666;
	margin:0 50px 0 50px;
}
.filterText {
	margin:0 10px 0 0;
}
.filter {
	height:50px;
}

.catTitle {
	font-size:16px;
}

.firstLine {
	font-size: 13px;
	font-weight: bold;
	}
#category a:link, #category a:visited{
	color:#999999;
	}
#category a:hover{
	color:#666666;
	}
#category{
	color:#999999;
	}