/* Optio Site Builder Template3 Master Stylesheet */

/* General Styles For Key Tags */

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

/*
DTDEFCOLOR1=B1A67E
DTDEFCOLOR2=FBFCF8
DTDEFCOLOR3=9C8E5F
*/

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 #FBFCF8;
width: 100%;
}

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

body#smile_gallery h1 {margin-bottom:5px;}

A {
text-decoration: none;
/*COLOR1=color: #*/ color: #000000;
}

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: 0px;
width: 346px;
height: 65px;
}

ul.smile_gallery {margin:0 0 15px 0; padding:0 0 10px 0; border-bottom: 1px solid #ccc; float:left;}
ul.smile_gallery li {list-style:none; float:left; margin:5px; text-align:center; width:210px; font-weight: bold; display:block;}

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

#content {
display: block;
clear: both;
width: auto;
/*COLOR2=background-color: #*/ background-color: #FBFCF8;
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;
width: 247px;
padding: 0px;
margin: 0px;
/*COLOR1=background: #*/ background: #B1A67E;
color: #ffffff;
}

.right-content-borders {
/*COLOR2=background: #*/ background: #FBFCF8;
}

.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;
margin: 0px;
/*COLOR1=background: #*/ background: #B1A67E;
color: #ffffff;
}


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

.inside-right-content-body {
/*COLOR1=background: #*/ background: #B1A67E;
}

/* Left Content Column */

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

body#smile_gallery div#inside-left-content {padding: 0px 0px 25px 10px; width: 456px;}

#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: #B1A67E;
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: #9C8E5F;
}

#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;
/*COLOR3=background: #*/ background: #9C8E5F;
height: 25px;
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: #B1A67E;
}

.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;
}