html, body{
	margin:0;
	padding:0;
	text-align:center;
	background-image: url(../images/background/bodybg.jpg);
	background-repeat: repeat;
} 
img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

 
#pagewidth{
	width:960px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	background-image: url(../images/background/pagebg.jpg);
	background-repeat: repeat-y;
} 
 
#header{
	position:relative;
	height:248px;
	width:100%;
	background-image: url(../images/background/headerbgR.jpg);
	background-repeat: no-repeat;
} 
#header-container {
	display: block;
	height: 194px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#logo {
	display: inline;
	float: left;
	height: 194px;
	width: 510px;
}


#navigation {
	display: block;
	height: 39px;
	width: 933px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 90px;
}

 
#twocols{
	width:960px;
	float:right;
  }
 
#rightcol{
	width:288px;
	float:right;
	padding-left: 4px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #C9C2B2;
 }
#areas-of-practice {
	background-image: url(../images/background/areas-of-practicebg.jpg);
	background-repeat: no-repeat;
	height: 418px;
	width: 256px;
	float: left;
	margin-left: 5px;
	padding-right: 15px;
	padding-left: 9px;
	padding-top: 5px;
}

 
#maincol{
	float: left;
	display:inline;
	width:638px;
	padding-right: 10px;
	padding-left: 10px;
 }
 
#footer{
	height:155px;
	clear:both;
	background-image: url(../images/background/footerbg.jpg);
	background-repeat: no-repeat;
	padding-top: 20px;
 } 
#footer-sitemap {
	float: left;
	height: 148px;
	width: 148px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 20px;
}
#footer-areas-of-practice {
	float: left;
	height: 148px;
	width: 397px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 20px;
	padding-left: 20px;
}
#footer-area-links-container {
	display: block;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
#footer-area-links-left {
	display: inline;
	float: left;
	width: 45%;
}
#footer-area-links-right {
	float: right;
	width: 45%;
}

#footer-address {
	float: left;
	height: 148px;
	width: 302px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 20px;
}

/*---link styles begin here---*/
a.ftlinks, a.ftlinks:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	line-height:12px;
}
a.ftlinks:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: underline;
	line-height:12px;
}
a.areas-practice, a.areas-practice:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	float: left;
	height: 30px;
	width: 98%;
	padding-top: 5px;
	padding-left: 5px;
}
a.areas-practice:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: underline;
	display: block;
	float: left;
	height: 30px;
	width: 98%;
	padding-top: 5px;
	padding-left: 5px;
}

a.areas-practice2, a.areas-practice2:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	float: left;
	height: 25px;
	width: 98%;
	padding-top: 5px;
	padding-left: 5px;
}
a.areas-practice2:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: underline;
	display: block;
	float: left;
	height: 25px;
	width: 98%;
	padding-top: 5px;
	padding-left: 5px;
}
/*---link styles end here---*/ 

/*---text styles begin here--*/


.bodytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

.bodytextlinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
}

.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

/*---text styles end here---*/

/*---------------- navigation menu begins here---------------------*/
#nav, #nav ul {
	float: none;
	list-style: none;
	line-height: 0.6em;
	/**color: #8681B4;**/
	background-color: transparent;
	font-weight: bold;
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;



}



/* -------------------------- */



/* The top main navigation links */



#nav a {
	display: block;
	padding: 10px 23px 10px;
	color: #FFFFFF; /* puts a "bar" on right of the main nav links */
	text-decoration: none;
	margin-top: 7px;
	background-image: url(../images/background/line.jpg);
	background-repeat: no-repeat;
	background-position: right center;

}



/* I'm targeting the last main navigation link to have no "bar" on the right side */



#nav a.last {
	background-image: none;

}



#nav a.one, #nav a.two, #nav a.three {
	text-align: left;
	font-size: 1em;

}



#nav li {
	float: left;
	padding: 0;
	list-style: none;

}

#nav a:hover {
	color:#FFFF00;
}


/* -------------------------- */



/* The dropdown links lists */



#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 250px;
	font-weight: normal;
	border: 1px solid #b2b39e;
	background-color: #761B16;
	margin: 0;
	z-index: 10;
	list-style: none;

}



#nav li li {
	padding: 0;
	width: 100%; 
	list-style: none;

}



#nav li ul a {
	padding: 5px 8px;
	width: 234px;

	* html width: 234px;

}



/* This controls the flyout location of the second level dropdowns */



#nav li ul ul {
	margin: -2em 0 0 234px;

}



#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	color: #FFFFFF;
}



#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	color: #FFFFFF;
}



/* -------------------------- */



/* Here is the background of the main nav link while looking at the dropdown */



#nav li:hover, #nav li.sfhover {
	color: #FFFFFF;
}



/* -------------------------- */



/* The dropdown links list colors */



#nav li ul.under a {
	/**color: #000;**/
	background-image: none;

}



#nav li ul.under a:hover {
	background: #b2b39e;
	color: #fff;

}



/* -------------------------- */



/* The background of the second level links while looking at the dropdown under it... */


#nav li ul.under li:hover a.daddy, #nav li ul.under li.sfhover a.daddy {
	color: #fff;

}

#nav li ul.under li:hover, #nav li ul.under li.sfhover {

	/**color: #fff;

	background-color: #f00;**/
}
/*---------------- Navigation styles end here---------------------*/

 /*-------------------------begin phone tracking code------------------------------*/
#phone-number {
	float: right;
	height: 134px;
	width: 337px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 60px;
	padding-left: 72px;
}
#phone-tracking-container{
	float: right;
	height: 100px;
	width: 277px;
	display: inline;
	padding-right: 10px;
	text-decoration: none;
	padding-bottom: 5px;
	padding-left: 90px;
	background-image: url(../images/header/phone-woman.jpg);
	background-position: left;
	background-repeat: no-repeat;
	padding-top: 10px;
}
.24hrsales {
	font-family: "Trebuchet MS";
	font-size: 24px;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}
.twentyfourphone{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-decoration: none;
	text-align: left;
	display: block;
	font-weight: bold;
	margin-top: -1px;
	margin-bottom: -1px;
	line-height: 18px;
	width: 337px;
}

.local-phone{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 48px;
	text-decoration: none;
	text-align: left;
	display: block;
	margin-top: 4px;
	margin-bottom: -1px;
	line-height: 36px;
	color: #FFFFFF;
	font-weight: bolder;
	width: 337px;
}
.toll-free{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	text-align: left;
	display: block;
	margin-top: -1px;
	margin-bottom: -1px;
	line-height: 16px;
	width: 337px;
}
/*-----------------end of phone tracking code------------------*/

/*------------------form styles begin here-------------------------*/
#form2 {
	float:right;
	width:286px;
	height:315px;
	background-image:url(../images/background/formbg1.jpg);
	background-repeat:no-repeat;
	background-position:left;
	margin-right: 5px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	text-decoration: none;
	text-align: center;
	font-size: 18px;
}
.form-header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	text-transform: uppercase;
	text-decoration: none;
	margin-right: auto;
	margin-bottom: 3px;
	margin-left: auto;
	margin-top: 15px;
	display: block;
	font-weight: bold;
	color: #FFFFFF;
	text-align: right;
	padding-right: 17px;
}
.form-text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	margin-right: auto;
	margin-bottom: 2px;
	margin-left: auto;
	margin-top: 10px;
	display: block;
}



label{
	float: left;
	width: 60px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	margin-left: 20px;
	display: inline;
	color: #FFFFFF;
}

.main-form-text {
	float: left;
	width: 100px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
	margin-left: 20px;
	display: inline;
	color: #FFFFFF;
}

.form-elements {
	display: block;
	width: 100%;
	float: left;
}
.main-form-elements {
	display: block;
	width: 325px;
	float: left;
}
#main-form-box {
	display: block;
	width: 330px;
	float: left;
	background-color: #520100;
	height: 450px;
	padding-bottom: 5px;
	margin-left: 155px;
}
#map {
	display: block;
	width: 250px;
	float: right;
}

#el02 {
	width: 165px;
	margin-bottom: 5px;
	margin-left: 5px;
	float: right;
	margin-right: 20px;
}
#el03 {
	width: 170px;
	margin-bottom: 5px;
	margin-left: 5px;
	float: right;
	margin-right: 20px;
}
#el04 {
	width: 100px;
	margin-bottom: 5px;
	margin-left: 12px;
	float: left;
	margin-right: 20px;
}
#el05 {
	width: 85px;
	margin-bottom: 5px;
	margin-left: 15px;
	float: left;
	margin-right: -5px;
}
#el09 {
	width: 250px;
	height: 150px;
}

#submitbutton2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 22px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	float: left;
	margin-left: 105px;
}

#submitbutton3{
	width: 147px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #CC0000;
	font-weight: bold;
	height: 27px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	float: left;
	margin-left: 115px;
	background: url(../images/background/submit-button1.gif) no-repeat;
}

#submitbutton4{
	width: 187px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #CC0000;
	background-image: url(../images/background/submit-button.gif);
	background-repeat: repeat-x;
	font-weight: bold;
	height: 27px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	float: left;
	margin-left: 85px;
}

/*-----D1 Footer links--------*/
p.credits {
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}
p.credits a {
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:normal;
}
p.credits a:hover {
	text-decoration:underline;
	font-size:9px !important;
	font-family:Arial, Helvetica, sans-serif;
}
/*------D1 Footer Links----------*/


/*------------------form style ends here---------------------------*/

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}