/* CSS Document */

/* core */
html, body, #container { 
min-height: 100%;
width: 100%;
height: 100%;
}
html>body, html>body #container {
height: auto; 
}

body {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	background-color: #996633;
	margin: 0px;
	padding: 0px;
}
.bold {
	font-weight: bold;
}
.emphasize {
	font: 0.8em "Trebuchet MS", Verdana, Arial, sans-serif;
	font-style: italic;
	font-weight: bold;
	color: #CC6633;
}
h1{
	font: normal 1.0em "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #FFFFFF;
	line-height: 1.0em;
	}
h2 {
	font: bold 0.9em "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #CC6633;
}
h4 {
	font: bold 0.9em "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #900;
}
a {
	text-decoration: none;
	}
	a:visited{
color: #336633;
	text-decoration: none;
	}
a:hover, a:active{
color: #336633;
	text-decoration: underline;
	}
.content{
	font: 0.8em "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #000;
	}
#container {
	margin:0;
	padding:0;
	position:absolute;
	top:1px;
	left:0;
	margin:0 auto;
}
#main_cont { 
width:871px;
margin:0 auto;
background: #996633 url(images/bkgnd_main.gif) repeat-y center top; 
}
#left_cont {
	width: 267px;
	background: #A46740 url(images/bkgnd_left.gif) no-repeat center top;
	float: left;
}
#menu {
	margin: 0 27px 0 34px;
	padding: 31px 10px 10px 6px;
	text-align: center;
}
#menu a, #menu a:visited {
	font: bold 0.9em Tahoma, Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	text-decoration: none;
	color: #CC6633;
	display: block;
}
#menu a:hover, #menu a:active {
	color: #663300;
}
.address_title{
	font: bold 0.8em Tahoma, Arial, Helvetica, sans-serif;
}
.address{
	font: 0.7em Tahoma, Arial, Helvetica, sans-serif;
}
#right_cont_home {
	background: url(images/bkgnd_content_home.jpg) no-repeat center top;
	width: 583px;
	padding-right: 21px;
	float: right;
}
#right_cont_practice {
	background: url(images/bkgnd_content_practice.jpg) no-repeat center top;
	width: 583px;
	padding-right: 21px;
	float: right;
}
#right_cont_forms {
	background: url(images/bkgnd_content_forms.jpg) no-repeat center top;
	width: 583px;
	padding-right: 21px;
	float: right;
}
#right_cont_procedures {
	background: url(images/bkgnd_content_procedures.jpg) no-repeat center top;
	width: 583px;
	padding-right: 21px;
	float: right;
}
#right_cont_insurance {
	background: url(images/bkgnd_content_insurance.jpg) no-repeat center top;
	width: 583px;
	padding-right: 21px;
	float: right;
}
#right_cont_perio {
	background: url(images/bkgnd_content_perio.jpg) no-repeat center top;
	width: 583px;
	padding-right: 21px;
	float: right;
}
#right_cont_contact {
	background: url(images/bkgnd_content_contact.jpg) no-repeat center top;
	width: 583px;
	padding-right: 21px;
	float: right;
}
#page_head{
	height: 78px;
	padding: 12px 0px 0px 20px;
}

#content{
	width: 524px;
	min-height: 400px;
	padding: 12px 21px 12px 21px;
}
#footer{
	width: 564px;
	margin: 0px 0px 0px 8px;
	vertical-align: bottom;
	}
#copyright {
	font: 0.7em "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #FFF;
width:871px;
margin:0 auto;
}
.top{
font: 0.7em "Trebuchet MS", Verdana, Arial, sans-serif;
color:#999999;
float: right;
}
a.top {
 text-decoration: none;
}
a.top:hover, a.top:active{
 text-decoration: underline;
}
.clear:after {
content:".";
display:block;
height:0;
clear:both;
 visibility:hidden;
}
 * html .clear {height: 1%;}
.clear {display:inline-block;}
/* Hide from IE Mac \*/
.clear {display:block;}
/* End hide from IE Mac */

 .photo_right{
 float: right;
 border: 1px #CC6633;
 margin: 4px 8px 4px 8px;
 }
 ul li {
 	margin-top: 10px;
 }
 .lW { float: left; clear: left; height: 15px; }
.rW { float: right; clear: right; height: 15px; }
.before_after {
	width: 514px;
	margin: 0px 5px 0px 5px;
	text-align: center;
}
