/* Optio Site Builder Template3 Master Stylesheet */

/* General Styles For Key Tags */

/*
DTSTARTBESTCOLORS
6C8F5A,EEEEEE,9A339D
EC9453,EEEEEE,FF1223
307F7C,EEEEEE,2B3AAC
DTENDBESTCOLORS
*/

/*
DTDEFCOLOR1=172745
DTDEFCOLOR2=FFFFFF
DTDEFCOLOR3=2F210E
*/

HTML {
position: relative;
}

BODY {
background-color: #3a3a3a;
background-image: url(images/background.gif);
background-repeat: repeat-x;
color: #2B2B2B;
font-family: arial, verdana, sans-serif;
font-size: 9pt;
padding: 0px;
margin: 0px;
}

IMG {
border: none;
}



H1, H2, H3, H4 {
color: #000000;
font-family: arial, sans-serif;
}

H2, H3, H4 {
font-size: 9pt;
}

EM {
color: #000000;
font-family: arial, sans-serif;
font-size: 1.2em;
font-style: normal;
font-weight: bold;
}

H1 {
display: block;
font-size: 14px;
text-transform: uppercase;
}

HR {
clear: left;
height: 1px;
border: none;
/*COLOR2=border-top: 1px solid #*/ border-top: 1px solid #FFFFFF;
width: 100%;
}

P, H1, H2, H3, H4 {
margin-top: 0px;
margin-bottom: 1em;
}

A {
text-decoration: none;
/*COLOR1=color: #*/ color: #172745;
font-weight: bold;
}

A:hover {
text-decoration: underline;
}

/* Structural Containers */

#main {
width: 755px;
background-color: #FFFFFF;
margin-left: auto;
margin-right: auto;
padding: 0px 5px 0px 5px;
}

#practicetitle
{
float: left;
margin: 0px;
padding: 5px 0px 0px 0px;
width: 300px;
height: 65px;
}

#masthead {
clear: both;
width: 755px;
background-color: #ffffff;
padding: 0px;
height: 340px;
margin: 0px;
}

#content {
display: block;
clear: both;
width: auto;
/*COLOR2=background-color: #*/ background-color: #FFFFFF;
padding: 0px;
margin: 0px;
}

/* Left Content Column */

#left-content {
display: block;
float: left;
clear: left;
width: 413px;
padding: 0px 25px 25px 50px;
line-height: 15pt;
}

#left-content HR, #left-content H1, #left-content H2, #left-content H3 {
clear: left;
}

#left-content P IMG {
margin-right: 15px;
margin-bottom: 15px;
}

#right-border {
float: right;
width: 18px;
padding-right: 20px;
}

#left-border {
width: 18px;
float: left;
}

/* Right Content Column */

#right-content {
float: left;
background-image:url(images/right_column_bg.gif);
background-repeat: repeat-y;
width: 247px;
padding: 0px;
margin: 0px;
color: #ffffff;
}

#moviebutton a{
	display: block;
	background-image:url(images/moviebutton.jpg);
	background-position: 0px 0px;
	background-repeat:no-repeat;
	height: 170px;
	width: 234px;
	margin: 0px 0px 30px 7px;
}

#moviebutton a:hover{
	display: block;
	background-position: -234px 0px;
	}
	
	#moviebutton_inside a{
	display: block;
	background-image:url(images/moviebutton.jpg);
	background-position: 0px 0px;
	background-repeat:no-repeat;
	height: 170px;
	width: 234px;
	margin: 15px 0px 30px 17px;
}

#moviebutton_inside a:hover{
	display: block;
	background-position: -234px 0px;
	}


.right-content-body {
padding: 0px 25px 0px 25px;
}

#right-content P {
font-size: 0.9em;
margin-bottom: 1em;
}

#right-content H2 {
color: #ffffff;
}

#right-content IMG {
border: 0px;
}

/* Inside Right Column */

#inside-right-content {
float: left;
width: 244px;
padding: 0px 0px 0px 	0px;
margin: 0px 0px 0px 12px;
color: #ffffff;

}

#inside-right-content H2 {
color: #ffffff;
}

.inside-right-content-body {
	background-color: #ffffff;
	background-image:url(images/right_column_bg_inside.gif);
	background-repeat:repeat-y;
	background-position:top;
	color: #FFF;
}

/* Left Content Column */

#inside-left-content {
display: block;
float: left;
clear: left;
width: 416px;
padding: 0px 0px 25px 50px;
line-height: 15pt;
}

#inside-left-content P IMG {
float: left;
margin-right: 15px;
margin-bottom: 15px;
}

#inside-photo {
width: 152px;
float: right;
}

/* Footer */

#footer {
display: block;
clear: both;
color: #000000;
background: #ffffff;
line-height: 50px;
text-align: center;
font-size: 0.8em;
}

#footer A {
/*COLOR1=color: #*/ color: #172745;
text-decoration: none;
font-weight: bold;
}

/* Top Navigation Formats */

#topnav {
position: relative;
float: right;
width: auto;
height: 55px;
line-height: 62px;
text-align: right;
margin: 0px;
padding: 0px;
}

#topnav A {
display: table-cell;
margin: 0px 0px 0px 0px;
padding: 0px 7px 0px 7px;

width: auto;
height: 55px;
background: url(images/navbackground.gif);

font-weight: normal;
font-size: 9pt;
font-family: arial, sans-serif;
color: #000000;
text-decoration: none;

/* The following fixes bugs in IE */
display: inline-block;
margin: 0px -4px 0px 0px; 
}

#topnav A:hover
{
/*COLOR3=color: #*/ color: #2F210E;
}

#topnav A.current, #topnav A.current:hover {
font-weight: bold;
color: #000000;
}

/* Sub Navigation Formats */

#subnav {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 25px;
clear:both;
background-image:url(images/subnav_bg.gif);
background-repeat:no-repeat;
background-position: top;
height: 66px;
overflow: hidden;
}

#subnav A {
margin: 0px 0px 0px 0px;
padding: 0px 10px 0px 0px;
width:auto;
height: 30px;
font-size: 9pt;
font-weight: normal;
line-height: 30px;
color: #ffffff;
text-decoration: none;
}

#subnav A:hover {
text-decoration: underline;
}

#subnav A.current {
text-decoration: underline;
}

.teamimage {
border-style:solid;
border-color:#000000;
border-width:1px;
}


/* Special P Classes */

.map-para {
display: block;
width: 159px;
height: 30px;
overflow: hidden;
text-align: justify;
word-spacing: 0.6em;
padding-top: 1em;
/*COLOR1=color: #*/ color: #172745;
}

.map-para IMG {
width: 159px;
height: 30px;
border: 0px;
margin: 0px 0px 10px 0px;
}

/* Override Optio Styles */

#optio P.optioHeading {
color: #000000;
font-family: arial, sans-serif;
font-size: 14px;
text-transform: uppercase;
}

.frontimage {
	/*COLOR1=background: #*/ background: #172745;
	width:126px;
	height:113px;
	padding-top:3px;
	text-align:center;
	float:left;
}

A.frontlink, A.frontlink:hover {
color:#FFFFFF;
text-decoration:none;
}

div#overlay {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
height:100%;
margin:0;
padding:0;
position:fixed;
right:0;
text-align:center;
top:0;
width:100%;
z-index:500;
}