@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 *******/


/* -------------------- CLEARFIX CLASS -------------------- */
.clearfix:after {clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;}

.clearfix {display: inline-block;}

* html .clearfix {height: 1%;}

.clearfix {display: block;}


/* 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;
	min-height: 600px;
	margin: 0 auto;
	background: url(../images/midBg.jpg) 25px 0 no-repeat;}

#header {
	width: 800px;
	height: 125px;
}

#nav {width: 150px;
	float: left;}
	
#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;}
	
#photo9 {height: 200px;
	width: 600px;
	background: url(../images/headPhoto9.jpg) no-repeat;}
	
#photo10 {height: 200px;
	width: 600px;
	background: url(../images/headPhoto10.jpg) no-repeat;}
	
#photo11 {height: 200px;
	width: 600px;
	background: url(../images/headPhoto11.jpg) no-repeat;}

#photo12 {height: 200px;
	width: 600px;
	background: url(../images/headPhoto12.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: 60px;
	width: 330px;
	overflow: hidden;
	display: block;
	background: url(../images/gg-logo-header.png) top left no-repeat;
}
	#logo:hover {background-position: bottom left;}
	
h1 {
	width: 550px;
	height: 75px;
	margin-right: 25px;
	padding: 25px 0 25px 50px;
	float: right;
	background: #fff url(../images/vertLine.gif);
}

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;}
	#attorney-detail #mainContent2 h3{
		text-transform: uppercase;
	}
dl {padding: 15px 50px;
	font-size: 11px;
	line-height: 20px;}
	
dt {font-size: 12px;
	font-weight: bold;}
dd {padding-bottom: 15px;}

#nav {padding: 7px 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 {
	width: 600px;
	margin-top: 25px;
	padding: 8px 0 10px 0;
	background:#b9b299;
}
	#footLeft {
		width: 190px;
		margin-right: 15px;
		float: left;
	}
		#footLeft p {
			margin: 0 0 10px 25px;
			padding: 0;
			text-align: left;
		}
	.montg-footer {
		width: 190px;
		margin-right: 15px;
		float: left;
	}
	.bham-footer {
		width: 190px;
		float: left;
	}
		address {
			font-style: normal;
			color: #fff;
			line-height: 12px;
			font-size: 10px;
		}
#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;}

#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;
	position: relative;
	}
	.leftCol {
		width: 300px;
		padding :0 10px 0 50px;
		float:left
	}
#mainContent .leftCol p{padding:0px;}
	.rightCol{
		width: 200px;
		padding: 0 30px 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;
	}

/* Additions 8/24/2011 - Removed in-line styles for special homepage items */
#home h2 {
	text-transform: none; line-height: 20px; font-size: 13px; font-weight: normal; letter-spacing: normal; padding: 10px 50px; text-transform: uppercase;
}

#attorneyHeader h2 {
	margin: 15px 0 0 50px;
	float: left;
}
p.attycontact {
	margin: 0 0 0 50px;
	float: left;
}
img.attyImg {
	position: absolute;
	top: 0;
	right: 0;
}

/* Contact page changes */
#contact-address {
	margin-top: 20px;
}
	#contact-address p.montgomery {
		width: 240px;
		padding: 5px 10px 5px 50px;
		float: left;
		line-height: 15px;
	}
	#contact-address p.birmingham {
		width: 240px;
		padding: 5px 50px 5px 10px;
		float: left;
		line-height: 15px;
	}

#contact #subNav, #business-hours #subNav, #directions #subNav, #fullLink {display: none;}

/* Directions page changes */
#directions .directionsAddress{
	line-height: 15px;
}
/* Directions page changes */
#mainContent p.tightAddress{
	line-height: 15px;
}