/* CSS Document */

/* Impress Design, LLC is the home of graphic designer 
		Jack McDaniel
		720.495.1368
		www.Impress-Design.com */
/* Feel free to use this template as you like. It was developed for use with 
MODx Content Management Framework, but it will work with any site. 
Just make certain you change it and don't steal my images */

/*******************************************************************
 			Site Colors: 	Dark Blue:  #38709D
							Light Blue: #8FB0CC
							Tan: #E7E3D2
							
********************************************************************/
/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: 
	http://developer.yahoo.com/yui */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, 
fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { 
	font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
q:before, q:after { content:''}

ol, ul, li { list-style:none }

* a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */


/* Body Settings and Background */
html,body{
	margin:0; 
	padding:0; 
	border:0; 
	font-size:14px; 
	font-weight: 100; 
	font-family: Helvetica,Arial,sans-serif;
	color:#333;
}
html{
	background:#e9e9e9 url(../img/BG.jpg)  top left repeat-x;
}

/***********************************************************
				BASIC LINKS
**********************************************************/
a {
	color: #800000; 
	text-decoration: none;
}
a:hover {
	color: #111111; 
	text-decoration: none;
}
/********************************************************
				BODY INFO
*********************************************************/
body{
	width:100%; 
	margin:0 auto;
	background:#e9e9e9 url(../img/BG.jpg)  top left repeat-x;
	color: #333;
	border-top: 5px solid #800000;
	font-weight: 100;
}
*{margin:0; padding:0}

#outerWrap {
	width:100%; 
	margin:0 auto;
}
#mainContainer{
	width: 960px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
}
	
/**********************************************************
				HEADER
************************************************************/
#header {
	height: 105px;
	width: 960px;
	overflow: hidden;
}
#logo {
	float: left;
	width: 364px;
}
#headerRight {
	float: right;
	width: 594px;
	height: 105px;
	overflow: hidden;
	text-align: right;
}
.city { 
	line-height: 35px;
	color: #111;
	font-weight: bold;
	font-size: 1.2em;
	text-align: right;
}
.tele {
	line-height: 1.5em;
	float: right;
	padding-right: 3px;
	color: #800000;
	text-align: right;
	font-style: italic;
}
/**********************************************************
					MAIN MENU
************************************************************/
#nav {
	margin-top: 5px;
	position:relative;
	display:block;
	height:55px;
	width: 960px;
	background:url(../img/menuBG.jpg) top left no-repeat;
}
#menu {
	margin:0;
	padding:0;
	float:left;
	background: url(../img/menuBG.jpg) top left repeat-x;
	width: 960px;
}
#menu ul li {
	display:inline;
}
#menu ul li#navhome a {
	float: left;
	margin: 0;
	height: 55px;
	background: url(../img/homeBG.jpg) top left no-repeat;
	width: 103px;
}
#menu ul li#navhome a:hover {
	background: url(../img/homeBG.jpg) 0 -55px no-repeat;
}
#menu ul li#navhomeActive a {
	float: left;
	margin: 0;
	height: 55px;
	background: url(../img/homeBG.jpg) 0 -55px no-repeat;
	width: 103px;
}
#menu ul li#navpractice a {
	float: left;
	margin: 0;
	height: 55px;
	background: url(../img/practiceBG.jpg) top left no-repeat;
	width: 176px;
}
#menu ul li#navpractice a:hover {
	background: url(../img/practiceBG.jpg) 0 -55px no-repeat;
}
#menu ul li#navpracticeActive a {
	float: left;
	margin: 0;
	height: 55px;
	background: url(../img/practiceBG.jpg) 0 -55px no-repeat;
	width: 176px;
}
#menu ul li#navabout a {
	float: left;
	margin: 0;
	height: 55px;
	background: url(../img/aboutBG.jpg) top left no-repeat;
	width: 94px;
}
#menu ul li#navabout a:hover {
	background: url(../img/aboutBG.jpg) 0 -55px no-repeat;
}
#menu ul li#navaboutActive a {
	float: left;
	margin: 0;
	height: 55px;
	background: url(../img/aboutBG.jpg) 0 -55px no-repeat;
	width: 94px;
}
#menu ul li#navnews a {
	float: left;
	margin: 0;
	height: 55px;
	background: url(../img/newsBG.jpg) top left no-repeat;
	width: 94px;
}
#menu ul li#navnews a:hover {
	background: url(../img/newsBG.jpg) 0 -55px no-repeat;
}
#menu ul li#navnewsActive a {
	float: left;
	margin: 0;
	height: 55px;
	background: url(../img/newsBG.jpg) 0 -55px no-repeat;
	width: 94px;
}
#menu ul li#navcontact a {
	float: left;
	margin: 0;
	height: 55px;
	background: url(../img/contactBG.jpg) top left no-repeat;
	width: 110px;
}
#menu ul li#navcontact a:hover {
	background: url(../img/contactBG.jpg) 0 -55px no-repeat;
}
#menu ul li#navcontactActive a {
	float: left;
	margin: 0;
	height: 55px;
	background: url(../img/contactBG.jpg) 0 -55px no-repeat;
	width: 110px;
}
#menu ul li#navrss a {
	float: left;
	margin: 0;
	height: 55px;
	background: url(../img/rssBG.jpg) top right no-repeat;
	width: 383px;
}
#menu ul li#navrss a:hover {
	background: url(../img/rssBG.jpg) 0 -55px no-repeat;
}
/****************************************************************
				MAIN IMAGE 
****************************************************************/
#focus { 
	height: 250px;
	margin-top:20px;
	margin-bottom: 20px;
	background: url(../img/mainImage.jpg) top left no-repeat;
	overflow: hidden;
}
#focus h1 {
	text-indent: -9999px;
}
#focus1 { 
	height: 250px;
	margin-top:20px;
	margin-bottom: 20px;
	background: url(../img/injuryMainImage.jpg) top left no-repeat;
	overflow: hidden;
}
#focus1 h1 {
	text-indent: -9999px;
}
#focus2 { 
	height: 250px;
	margin-top:20px;
	margin-bottom: 20px;
	background: url(../img/familyMainImage.jpg) top left no-repeat;
	overflow: hidden;
}
#focus2 h1 {
	text-indent: -9999px;
}
#focus3 { 
	height: 300px;
	margin-top:20px;
	margin-bottom: 5px;
	background: url(../img/criminalMainImage.jpg) top left no-repeat;
	overflow: hidden;
}
#focus3 h1 {
	text-indent: -9999px;
}
/*******************************************************
				CONTENT PAGE INFO
*********************************************************/
#wrap {
float: left;
width: 100%;
}
#contentContainer {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}
#content {
	margin-right: 360px; /*Set right margin to rightColumnWidth*/
	margin-bottom: 30px;
	padding: 0 20px 0px 15px;
	color: #333;
	font-size: 1.1em;
	line-height:1.5em;
}
#content p {
	padding-bottom: 15px;
}
#content img {
	float: left;
	margin-right: 10px;
}
#content ul li {
	margin-left: 30px;
	font-size: 1.2em;
	line-height: 1.4em;
	margin-bottom: 10px;
	font-style: italic;
	color: #800000;
	background: url(../img/arrow2.jpg) 0 5px no-repeat;
	padding-left: 15px;
}
#offices h2 {
	background: url(../img/officesBG.png) top left no-repeat;
	text-indent: -9999px;
	height: 35px;
}
.officeUser {
	float: left;
	width: 200px;
	line-height: 1.5em;
}
.officeInner {
	margin-left: 10px;
	margin-right: 10px;
}
.contentUser {
	float: left;
	width: 300px;
}
.contentUser {
	padding: 10px;
}
/*****************************************************
					RIGHT COLUMN
******************************************************/
#rightColumn{
	float: left;
	width: 360px; /*Width of left column*/
	margin-left: -360px; /*Set left margin to -(MainContainerWidth)*/
}
#rightColInner {
	margin: 0 5px 15px 15px;
	padding: 8px;
}
.practiceArea {
	margin-left: 20px;
	padding-bottom: 5px;
	padding-left: 25px;
	background: url(../img/arrow.jpg) 0 4px no-repeat;
}
.practiceArea p {
	font-size: 1.1em;
	font-style: italic;
	line-height: 1.4em;
	margin-bottom: 15px;
}
#rightColInner ul li {
	margin-left: 30px;
	font-size: 1.2em;
	line-height: 1.4em;
	margin-bottom: 10px;
	font-style: italic;
	color: #800000;
	background: url(../img/arrow2.jpg) 0 5px no-repeat;
	padding-left: 15px;
}
/**********************************************************************
				FOOTER
**********************************************************************/
#footer{
	margin: 0 auto;
	margin-top: 15px;
	width: 960px;
	height: 100px;
	color: #222;
	overflow: hidden;
	background: #ebe9ea url(../img/footLogo.jpg) top left no-repeat;
}
#innerFooter {
	padding: 40px 15px 15px 15px;
}
#footLinks {
	float: left;
	width: 500px;
}
#footCopy {
	float: right;
	width: 460px;
	text-align: right;
	font-size: .9em;
}
/********************************************************************
				HEADERS / MAIN CONTENT HEADERS
********************************************************************/
h1 {
	font-family: 'Times New Roman',serif;
	font-size: 2.25em;
}
h2 {
	font-family: 'Times New Roman',serif;
	font-size: 1.85em;
	line-height: 1.5em;
	font-weight: 100;
	color: #800000;
	margin-bottom: 20px;
}
h3 {
	font-family: 'Times New Roman',serif;
	font-size: 1.65em;
	font-weight: 100;
	color: #111;
	margin-bottom: 10px;
}
h4 {
	font-family: 'Times New Roman',serif;
	font-size: 1.5em;
	color: #222;
	margin-bottom: 15px;
	margin-top: 10px;
}
.telephone {
	margin-left: 20px;
	margin-bottom: 10px;
	color: #800000;
	font-style: italic;
	font-size: 1.3em;
}
/************************************************************************
					RIGHT/LEFT COLUMN LINK STYLING
************************************************************************/
.block {
	padding-left:7px;
	font-size: 1.0em;
	margin-bottom: 20px;
}
.block li a {
	padding-left: 15px;
	line-height: 1.5em;
	background: url(../img/arrow.jpg) 0 3px  no-repeat;
}
.block li.active a {
	background: url(../img/arrow.jpg) 0 3px no-repeat;
	color: #222;
}
.block li a:hover {
	color: #444;
}
/******************************************************************
					SEARCH FORM
******************************************************************/
#sitesearch {
		margin-bottom: 10px;
}
.FSF_input {
		width: 117px;
		background: #CCC;
		border: 1px solid #222;
		color: #111;
		padding: 4px;
}
.cfSearch {
		color: #222;
		background: url(../img/gradBG.png) bottom left repeat-x;
		width: 40px;
		height: 24px;
		margin-left: 4px;
		text-align: center;
		border: 1px solid #222;
		line-height: 24px;
}
.cfSearch a {
		color: #222;
}
.cfSearch a:hover {
		color: #38709D;
}
/*******************************************************************
	 				IMAGE rotator css
*******************************************************************/
div#rotator {
		height:235px;
		overflow: hidden;
}
div#rotator ul li {
		float:left;
		position: absolute;
		list-style: none;
}
div#rotator ul li.show {
		z-index:500
}
/*********************************************************************
				DITTO SPECIFIC
*******************************************************************/
.ditto_summaryPost {
	margin-bottom: 10px;
}
/*******************************************************************
				EMAIL FORM
********************************************************************/
#contactForm {
	margin-left: 40px;
}
#cfName {
	background: #FFF;
	border: 1px solid #CCC;
	color: #222;
	padding: 4px;
	width: 185px;
	margin-bottom: 5px;
}
#cfPhone {
	background: #FFF;
	border: 1px solid #CCC;
	color: #222;
	padding: 4px;
	width: 185px;
	margin-bottom: 5px;
}
#cfEmail {
	background: #FFF;
	border: 1px solid #CCC;
	color: #222;
	padding: 4px;
	width: 185px;
}
#cfMessage {
	background: #FFF;
	border: 1px solid #CCC;
	color: #222;
	padding: 4px;
	width: 185px;
	margin-bottom: 5px;
}
#cfRegarding {
	background: #FFF;
	border: 1px solid #CCC;
	color: #222;
	padding: 5px;
	width: 185px;
	margin-bottom: 5px;
}
#cfContact {
	padding: 5px 3px;
	background: #800000;
	color: #CCC;
	border: 1px solid #CCC;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	margin-bottom: 20px;
}
#cfContact:hover;{
	background: url(../img/gradBG.png) bottom left repeat-x;
	color: #000;
}
.cfSubmit {
	float: left;
	margin: 1px 0 10px 0;
	padding:0 3px 0 3px;
	color: #222;
	background: url(../img/gradBG.png) bottom left repeat-x;
	text-align: center;
	border: 1px solid #222;
	line-height: 24px;
	height: 24px;
}
/*******************************************************************
				VIDEO
********************************************************************/
#video {
	height: 250px;
	overflow: hidden;
	margin-bottom: 50px;
}
#object {
	margin-top: -107px;
}