/* ================================================================= */
/* Copyright Phil Sylvia 2009 */
/* ================================================================= */
/* CSS Document */
	body{
		background-image: url("../images/dentist_background.jpg");
		font-family: Helvetica, Verdana, Arial, sans-serif;
		font-size: 11pt;
		line-height: 14pt;
		color: #2a5e63;
	}
	p{
		line-height: 18pt;
	}
	
	h1{
		text-decoration: none;
		font-weight: bold;
		font-size: 14pt;
		text-align: center;
		padding-bottom: 10px;
		color: #3f5756;
		line-height:18pt;
	}
	h2,h3,h4 {
		text-decoration: none;
		font-weight: bold;
		font-size: 12pt;
		text-align: left;
		padding-top: 10px;
		line-height: 18pt;
	}
	h5{
		text-decoration: none;
		font-weight: bold;
		font-size: 10pt;
		margin: 0 0 10px 0;
		padding: 0;
	}
	h6 {
		text-decoration: none;
		font-weight: bold;
		font-size: 12pt;
		text-align: center;
		padding: 0;
		margin: 0;
	}
	a:link, a:active, a:visited {
		font-weight: bold;
		text-decoration: underline;
		color: #2a5e63;
	}
	a:hover {
		color: red;
		font-weight: bold;
	}
	ul, li {
		font-size: 10pt;
	}
/************************************************************************************/
/*        MAIN COMPONENTS  ***********************************************************/
/*************************************************************************************/
	#container{
		position: relative;
		margin-left: auto;
		margin-right: auto;
		width: 961px;
		overflow: hidden;
	}
	#header{
		position: relative;
		float: left;
		height: 362px;
		width: 961px;
	}
	.dentist{
		position: relative;
		float: left;
	}
	#the_body{
		position: relative;
		float: left;
		width: 961px;
		background: url('../images/dentist_body_slice.jpg');
		background-repeat: repeat-y;
	}
	/*==============================================================================*/
	/*  MENU                                                                        */
	/*==============================================================================*/
	#side_nav {
		position:relative;
		float: left;
		left: 28px;
		width: 206px;
		/*height: 800px;*/
		margin: 2px 0px 0px 0px;
		padding: 0px 0px 20px 0px;

		}
	
	
	#side_nav a:link, #side_nav a:active, #side_nav a:visited, #side_nav a{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: white;
		text-decoration: none;
		text-align: left;
		display: block;
		border: 1px #417378 solid;
		margin: 1px 6px 0px 0px;
		padding: 6px 0px 6px 15px;

	}
	
	#side_nav a:hover {
		
		color: #FFFFFF;
		border: 1px #557AB8 solid;
		background: #78bfc6;
		display: block;

	}
	
	.menu-title{
		color: #FFFFFF;
		background: #3e423a;
		width: 191px;
		display: block;
		padding: 5px;
		overflow:hidden;
	}
		
	/*==============================================================================*/
	/*  CONTENT                                                                     */
	/*==============================================================================*/
	#main_content{
		position: relative;
		float: left;
		left: 25px;
		width: 695px;
	}

	#main_text{
		position: relative;
		float: left;
		padding: 20px;
		width: 440px;
	}

	/*==============================================================================*/
	/*  SIDE BAR                                                                       */
	/*==============================================================================*/
	#side_bar {
		position:relative;
		float: right;
		width: 205px;
		overflow: hidden;
		margin-top: 20px;
		}
	
	#wide_rule{
		position: relative;
		margin-left: auto;
		margin-right: auto;
		width: 650px;
	}	
/*==============================================================================*/
/*  FOOTER                                                                      */
/*==============================================================================*/
	#footer{
		position: relative;
		float: left;
		width: 961px;
		background-image: url("../images/dentist_footer_slice.jpg");
		background-repeat: repeat-y;
		text-align: center;
		color: white;
		font-weight: bold;
		padding: 20px 20px 0px 20px;
	}
	#footer_bottom{
		position: relative;
		float: left;
		width: 961px;
		height: 46px;
		background-image: url("../images/dentist_footer_bottom.jpg");

	}
	#footer a:link, #footer a:active, #footer a:visited {
		position: relative;
		color: #78bfc6;
		font-weight: bold;
		text-decoration: none;
	}
	#footer a:hover {
		color:yellow;
		font-weight: bold;
	}
	
	#copyrighter{
		position: relative;
		margin-left: auto;
		margin-right: auto;
		padding: 20px;
		width: 961px;
		text-align: center;
		color: #f4f7d9;
		line-height: 18pt;
		}
	#copyrighter a{
		text-decoration: none;
		color: #f4f7d9;
	}
	#copyrighter a:hover{
		text-decoration: none;
		color: #ffd200;
	}
	
/*=============================================================================*/
/*  PICS                                                                      */
/*============================================================================*/

	.pic_right{
		position: relative;
		float: right;
		padding: 0px 0px 10px 10px;	
	}
	
	.pic_left{
		position: relative;
		float: left;
		padding: 0px 10px 10px 0px;	
	}
	.pic_border{
		border: 1px solid black;	
	}
	.questions{
		font-size: 10pt;
		font-weight: bold;	
	}
	.answers{
		font-size: 10pt;
		margin-left: 30px;	
	}

			
/* ================================================*/
/****            VERTICAL MENU  -   FLYOUT    ******/
/* ================================================*/
	#dropmenudiv{
		position:absolute;
		background: #78bfc6;
		border:1px solid #417378;
		border-bottom-width: 0;
		font-size: 9pt;
		line-height:15pt;
		z-index:101;
	}
			
	#dropmenudiv a{
		width: 100%;
		display: block;
		text-indent: 3px;
		border-bottom: 1px solid #417378;
		padding: 2px 0;
		text-decoration: none;
		font-weight: bold;
		color: white;
	}
			
	#dropmenudiv a:hover{ /*hover background color*/
		background: #417378;
		color: #ffffff;
	}	

/*=============================================================================*/
/*  LISTINGS BOX                                                               */
/*=============================================================================*/
		
	.listings_box{
		position: relative;
		background: #f5ecd0;
		margin-right: auto;
		margin-left: auto;
		width: 90%;
		border: 1px solid #417378;
		padding: 10px;
		text-align: left;
		margin-top: 40px;
	}
	
/*=============================================================================*/
/*  TABLES                                                              */
/*=============================================================================*/
	td{
		line-height: 30px;	
	}	
	.td_header_center{
		position: relative;
		text-align: center;
		font-weight: bold;
		text-decoration: underline;
	}
	.td_header_left{
		position: relative;
		text-align: left;
		font-weight: bold;
		text-decoration: underline;
	}
	.td_header_right{
		position: relative;
		text-align: right;
		font-weight: bold;
		text-decoration: underline;
	}
	.td_data_center{
		position: relative;
		text-align: center;
	}
	.td_data_left{
		position: relative;
		text-align: left;
	}
	.td_data_left2 a{
		position: relative;
		text-align: left;
		text-decoration: none;
		font-weight: normal;
	}
	.td_data_right{
		position: relative;
		text-align: right;
	}

/*=============================================================================*/
/*  GOOGLE MAPS                                                                */
/*=============================================================================*/
	#gmap{
		font-size: 10pt;
		font-family: Arial, Helvetica, sans-serif;
		color: #00F;
		text-align:left;
		line-height: 1.5em;
	}
	#gmap input{
		font-size: 8pt;
		color: red;
	}
	#gmap a{
		font-size: 8pt;
		color: blue;
		text-decoration: underline;
	}
	#gmap a:hover{
		font-size: 8pt;
		color: red;
		text-decoration: underline;
	}