@charset "utf-8";
/* CONTENT ELEMENTS
------------------------------*/
#content_middle_bg{
	width: 100%;
	background-image: url(../images/middle_bg.png);
}
#content_middle_container {
	width: 950px;
	margin: auto;
    height: 307px;
}
#content_middle_container h2{
	color: #fff;
    font-size: 45px;
    margin: 0px 0px 20px 0px;
}
#content_middle_container p{
	font-size: 15px;
    color: #fff;
    width: 260px;
}
#content_left{
	width: 317px;
    height: 307px;
    float: left;
    background-image: url(../images/content_left_bg.png);
}
#content_middle{
	width: 316px;
    height: 307px;
    float:left;
    background-image: url(../images/content_middle_bg.png);
}
#content_right{
   	width: 317px;
    height: 307px;
    float: right;
    background-image: url(../images/content_right_bg.png);
}
#content_bottom_bg{
    width: 100%;
    background: url(../images/bottom_bg.png) repeat-x center 0px;
    position: relative;
}
#content_bottom{
	width: 950px;
    margin: auto;
    height: 686px;
}
#content_bottom_left{
	width: 400px;
    height: 686px;
    float: left;
}
#youtube_holder{
	margin: 59px 0px 19px 0px;
	border:#000 3px solid;
	overflow: hidden;
    -khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#button_top_left{
    background-image: url(../images/tmj_box.png);
}
#button_bottom_left{
    background-image: url(../images/implants_box.png);
}
#button_top_right{
    background-image: url(../images/gum_disease_box.png);
}
#button_bottom_right{
	background-image: url(../images/orthodontics_box.png);
}
#button_top_left, #button_bottom_left, #button_top_right, #button_bottom_right{
    margin: 10px auto 10px auto;
    width: 352px;
    height: 150px;
    cursor: pointer;}
#button_top_left:hover, #button_bottom_left:hover, #button_top_right:hover, #button_bottom_right:hover{
	background-position: left -150px;
}
#content_bottom_right{
	width: 400px;
    height: 686px;
    float: right;
}
#appt_form{
	margin: 62px 0px 20px 0px;
    padding: 0px 0px 5px 0px;
    width: 400px;
    background: #353d20;
    -khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 3px solid #000;
    
}
#appt_form h2{
	color: #fff;
    font-size: 30px;
    margin: 5px 0px 25px 5px;
}
#appt_form form{
    margin: 0px 0px 0px 15px;
}
#content {
	float: left;
	width: 665px; }
#content_topics { margin: 15px 0px 0px 0px; }
.content_topic {
	background: url(../images/content_topic_bg.png) repeat-x 0px 42px;
	display: inline-table;
	margin: 0px 10px 0px 10px;
	padding: 5px;
	vertical-align:top;
	width: 300px; }
	.content_topic img { margin-right: 5px; }
	.content_topic h2 {
		color:#222222;
		font-size: 36px;
		margin: 0px 0px 5px 0px;
		text-align: center; }
.infobox_btn{
	width: 104px;
    height: 32px;
    background-image: url(../images/infobox_btn.png);
    position: absolute;
    top: 825px;
    margin: 0px 0px 0px 210px;
}
.infobox_btn:hover{
	background-position: left -32px;
}
/* SLIDER ELEMENTS
------------------------------*/
#slider_container {
	margin: 5px auto 0px;
	position: relative;
	width: 950px;
    z-index: 0;}
#slider {
	height: 385px;
	position: relative;
	width: 950px; }
#slides {
	height:385px;
	position: absolute;
}
.slides_container {
	display: none;
	overflow: hidden;
	position: relative;
	width: 950px; }
	.slides_container div.slide {
		display: block;
		height: 385px;
		width: 950px; }
#slides .next,#slides .prev {
	display: block;
	height: 50px;
	left: -43px;
	position: absolute;
	top: 165px;
	width: 50px;
	z-index: 10; }
#slides .next { left: 950px; }
.pagination {
	margin: 15px auto 0;
	width: 100px; }
	.pagination li {
		float: left;
		list-style: none;
		margin: 0 1px; }
		.pagination li a {
			background-image: url(../images/slider_images/pagination.png);
			background-position: 0 0;
			display: block;
			float: left;
			height: 0;
			overflow: hidden;
			padding-top: 12px;
			width: 12px; }
		.pagination li.current a { background-position: 0 -12px; }
.caption {
	background: #000;
	background: rgba(0,0,0,.5);
	border-top: 1px solid #000;
	color: #fff;
	font-size: 12px;
	height: 30px;
	left: 0;
	padding: 8px 20px 0px 20px;
	position: absolute;
	text-shadow: none;
	width: 790px;
	z-index: 1; }
 
/* RANDOM ITEM ELEMENTS
------------------------------*/
#random_item1,#random_item2,#random_item3 {
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #cccccc;
	display: none;
	height: 194px;
	margin: 25px 0px 0px 0px;
	width: 620px; }
.random_item_image { padding: 5px 0px 0px 5px; }
.random_item_text {
	background-color: rgba(255,255,255,0.8);
	height: 184px;
	margin: 5px 0px 0px 5px;
	padding: 0;
	position: absolute;
	width: 275px; }
	.random_item_text h2 {
		background: url(../images/accent_bg.jpg);
		color: #fff073;
		font-size: 35px;
		padding: 5px; }
	.random_item_text p {
		margin: 0;
		padding: 5px 5px 0px 5px; }
.random_item_shadow { margin: 5px 0px 0px 0px; }
 
/* SIDE ELEMENTS
------------------------------*/
#side {
	float: right;
	margin: 0px 0px 0px 31px;
	width: 254px; }
.side_topics {
	margin: 0;}