/***************************************************************
****************************************************************
|   Clay Hinds Attorneys at Law		                           |
|  (c) 2007 Clay Hinds. All Rights Reserved.				   | 
|  Author: Daniel Pitner	                                   |
|  website: http://www.danielpitner.com/           	           |
|                                                              |
****************************************************************
****************************************************************/

/******************************************
>> GENERIC TAGS
******************************************/
body {
	background-color:#FFFFFF;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	font-family:Verdana, default;
	text-align:center;
}
fieldset { 
	border:0px;
	margin:0px;
	padding:0px;
}

/******************************************
>> Containers
******************************************/
#top {
	background:url(../images/bgMain.gif) top center repeat-x #f0eec9;
	height:150px;
	margin:0 auto;
}
#banner {
	background:url(../images/bgBanner.gif) top left repeat-x #f0eec9;
	width:650px;
	height:150px;
	margin:0 auto;
}
#content {
	width:650px;
	margin:0 auto;
	margin-top:8px;
	font-size:.8em;
	position:relative;
}
#content #main {
	float:right;
	width:513px;
	text-align:left;
	border-left:#aaa335 1pt solid;
	padding-left:6px;
	margin-bottom:2em;
}
#content #nav {
	float:left;
	width:130px;
	text-align:right;
	left:50%;
	position:absolute;
	margin-left:-325px;
}
#content #nav a {
	color:#7d0808;
	text-decoration:none;
	padding-bottom:1em;
	padding-top:1em;
	padding-right:.5em;
	border-bottom:#dcd897 .08em dashed;
	display:block;
	background:url(../images/navGrad.gif) center right repeat-y transparent;
}
#content #nav a:hover {
	color:#ffffff;
	background:url(../images/navArrow.gif) center left no-repeat #7d0808;
}
#content #title {
	width:513px;
	height:36px;
	background:url(../images/bgTitle.gif) top left repeat-x transparent;
}

/******************************************
>> Titles
******************************************/
#content #title #home {
	background:url(../images/titleHome.gif) top left no-repeat transparent;
	height:36px;
	width:258px;
}
#content #title #areas {
	background:url(../images/titleAreas.gif) top left no-repeat transparent;
	height:36px;
	width:170px;
}
#content #title #disclaimer {
	background:url(../images/titleDisclaimer.gif) top left no-repeat transparent;
	height:36px;
	width:136px;
}
#content #title #attorneys {
	background:url(../images/titleAttorneys.gif) top left no-repeat transparent;
	height:36px;
	width:213px;
}
#content #title #faqs {
	background:url(../images/titleFaqs.gif) top left no-repeat transparent;
	height:36px;
	width:304px;
}
#content #title #contact {
	background:url(../images/titleContact.gif) top left no-repeat transparent;
	height:36px;
	width:247px;
}

/******************************************
>> contact page
******************************************/
#content #contactSec {
	margin-top:10px;
}
#content #contactSec #contactFormArea {
	float:left;
	width:280px;
	color:#aaa335;
}
#content #contactSec #contactRight {
	float:right;
	width:200px;
}
#content #contactSec .inputArea {
	width:280px;
	margin-bottom:5px;
	border:#aaa335 .05em solid;
}
	

/******************************************
>> Graphics
******************************************/
#content #graphicHome {
	background:url(../images/grHome.jpg) top left no-repeat transparent;
	width:513px;
	height:112px;
	margin-bottom:.5em;
}
#content #graphicAreas {
	background:url(../images/grAreas.jpg) top left no-repeat transparent;
	width:513px;
	height:112px;
	margin-bottom:.5em;
}


#content .divider {
	background:url(../images/grDivider.gif) center left repeat-x transparent;
	height:5px;
	padding-top:1em;
	padding-bottom:1em;
}
#content a {
	color:#7d0808;
	text-decoration:underline;
}
#content a:hover {
	background-color:#f2f0d1;
	text-decoration:none;
}
#content .section {
}
#content .section .title {
	font-size:1.5em;
	font-weight:bold;
	margin-bottom:.5em;
}
#content .sectionSmall {
	font-size:.7em;
	color:#6ba3b9;
	text-align:center;
}

#content #bottom {
	text-align:center;
	margin-top:3em;
}
#content #bottom #copyright {
	color:#cbc34d;
	font-size:.7em;
}
#content #bottom a {
	color:#cbc34d;
	text-decoration:underline;
}
#content #bottom a:hover {
	background-color:#f0eecb;
	text-decoration:none;
}


/******************************************
>> Areas Sections
******************************************/
#content .areaSection {
	margin-bottom:1em;
	padding-bottom:.5em;
}
#content .areaSection .title {
	font-size:1.4em;
	font-weight:bold;
	background:url(../images/liArrowBlue.gif) center left no-repeat transparent;
	padding-left:12px;
	margin-bottom:3px;
	color:#7d0808;
}
#content .areaSection .description {
	color:#000000;
	padding-left:12px;
}

/******************************************
>> Faqs
******************************************/
#content .faqSection {
	margin-bottom:1em;
	padding-bottom:.5em;
}
#content .faqSection .question {
	font-size:1em;
	font-weight:bold;
	background:url(../images/liArrowRed.gif) center left no-repeat transparent;
	padding-left:12px;
	margin-bottom:3px;
}
#content .faqSection .answer {
	color:#7d0808;
	padding-left:12px;
}

/******************************************
>> misc classes
******************************************/
.clear {
	clear:both;
}
.bigRedTitle {
	color:#7D0808;
	font-size:1.25em;
	font-weight:bold;
}