@charset "utf-8";
/* CSS Document */
@import "reset.css";

html {color:#000; font-family:"Times New Roman", Times, serif; font-size: 14px;}
body {text-align: center; height: 100%;background:url(../img/bkg_site.gif) top left repeat-x #a59c7f;}

.photo_pad_left{padding-left:8px;}
.photo_pad_right{padding-right:8px;}
.photo_pad_top{padding-top:8px;}
.clear_left {clear: left;}
.clear_right {clear: right;}
.clear_both {clear: both;}

#main_container{margin: 0 auto; position: relative; width: 950px; text-align: left;}

#logo{width:100%; text-align:center; position:relative;}
	#phone_top{color:#679146; font-size:24px; width:245px; height:40px; position:absolute; top:116px; right:0px;}
	#phone_top span{color:#002a54; font-size:18px;}

#main_content{background:url(../img/bkg_main-content.gif) top left no-repeat; clear:right; position:relative; height:619px;}
#sec_content{background:url(../img/bkg_sec_content.gif) top left repeat-y; position:relative; color:#fff;}
/*===================================
	NAVIGATION
===================================*/
#navigation {position:absolute; top: 37px; left: 10px; height:218px; width:260px;}
#sec_content #navigation {position:absolute; top: 37px; left: 10px; height:282px; width:260px;}
#nav_footer{position: absolute; top:365px; background:url(../img/img_nav-footer.gif) top left no-repeat; height:6px; width:280px;}

	/*----------------------------------
		MAIN NAV
	----------------------------------*/
	
	ul.main_nav {margin: 0 auto; width: 260px; height: 218px;}
	#sec_content ul.main_nav {margin: 0 auto; width: 260px; height: 282px;}
	ul.main_nav li {float: left; list-style: none; display: inline-block; height:32px;}
	ul.main_nav li a {height: 32px; display: block; text-indent: -9999px; overflow: hidden;}
	ul.main_nav li.first { height:29px;}
	ul.main_nav li.last, ul.main_nav li.last a {height:30px; }
	
	ul.main_nav li.home a {background: url(../img/nav_menu-main.jpg) no-repeat left top; width: 260px;}
	ul.main_nav li.home a:hover, ul.main_nav li.home a.current {background-position: -260px 0;}
	#sec_content ul.main_nav li.home a {background: url(../img/nav_menu-sec.jpg) no-repeat left top; width: 260px;}
	#sec_content ul.main_nav li.home a:hover, #sec_content ul.main_nav li.home a.current {background-position: -260px 0;}

	ul.main_nav li.request_appointment a {background: url(../img/nav_menu-main.jpg) no-repeat left top; width: 260px; background-position: 0 -29px;}
	ul.main_nav li.request_appointment a:hover, ul.main_nav li.request_appointment a.current {background-position: -260px -29px;}
	#sec_content ul.main_nav li.request_appointment a {background: url(../img/nav_menu-sec.jpg) no-repeat left top; width: 260px; background-position: 0 -29px;}
	#sec_content ul.main_nav li.request_appointment a:hover, #sec_content ul.main_nav li.request_appointment a.current {background-position: -260px -29px;}
	
	ul.main_nav li.new_patient_forms a {background: url(../img/nav_menu-main.jpg) no-repeat left top; width: 260px; background-position: 0 -61px;}
	ul.main_nav li.new_patient_forms a:hover, ul.main_nav li.new_patient_forms a.current {background-position: -260px -61px;}
	#sec_content ul.main_nav li.new_patient_forms a {background: url(../img/nav_menu-sec.jpg) no-repeat left top; width: 260px; background-position: 0 -61px;}
	#sec_content ul.main_nav li.new_patient_forms a:hover, #sec_content ul.main_nav li.new_patient_forms a.current {background-position: -260px -61px;}
	
	#sec_content ul.main_nav li.why_forever a {background: url(../img/nav_menu-sec.jpg) no-repeat left top; width: 260px; background-position: 0 -93px;}
	#sec_content ul.main_nav li.why_forever a:hover, #sec_content ul.main_nav li.why_forever a.current {background-position: -260px -93px;}
	
	ul.main_nav li.financial_options a {background: url(../img/nav_menu-main.jpg) no-repeat left top; width: 260px; background-position: 0 -93px;}
	ul.main_nav li.financial_options a:hover, ul.main_nav li.financial_options a.current {background-position: -260px -93px;}
	#sec_content ul.main_nav li.financial_options a {background: url(../img/nav_menu-sec.jpg) no-repeat left top; width: 260px; background-position: 0 -125px;}
	#sec_content ul.main_nav li.financial_options a:hover, #sec_content ul.main_nav li.financial_options a.current {background-position: -260px -125px;}
	
	ul.main_nav li.before_after a {background: url(../img/nav_menu-main.jpg) no-repeat left top; width: 260px; background-position: 0 -125px;}
	ul.main_nav li.before_after a:hover, ul.main_nav li.before_after a.current {background-position: -260px -125px; }
	#sec_content ul.main_nav li.before_after a {background: url(../img/nav_menu-sec.jpg) no-repeat left top; width: 260px; background-position: 0 -157px;}
	#sec_content ul.main_nav li.before_after a:hover, #sec_content ul.main_nav li.before_after a.current {background-position: -260px -157px; }

	ul.main_nav li.videos a {background: url(../img/nav_menu-main.jpg) no-repeat left top; width: 260px; background-position: 0 -157px;}
	ul.main_nav li.videos a:hover, ul.main_nav li.videos a.current {background-position: -260px -157px}
	#sec_content ul.main_nav li.videos a {background: url(../img/nav_menu-sec.jpg) no-repeat left top; width: 260px; background-position: 0 -189px;}
	#sec_content ul.main_nav li.videos a:hover, #sec_content ul.main_nav li.videos a.current {background-position: -260px -189px}
			
	ul.main_nav li.patient_education a {background: url(../img/nav_menu-main.jpg) no-repeat left top; width: 260px; background-position: 0 -189px;}
	ul.main_nav li.patient_education a:hover, ul.main_nav li.patient_education a.current {background-position: -260px -189px;}
	#sec_content ul.main_nav li.patient_education a {background: url(../img/nav_menu-sec.jpg) no-repeat left top; width: 260px; background-position: 0 -221px;}
	#sec_content ul.main_nav li.patient_education a:hover, #sec_content ul.main_nav li.patient_education a.current {background-position: -260px -221px;}
	
	ul.main_nav li.contact_us a {background: url(../img/nav_menu-main.jpg) no-repeat left top; width: 260px; background-position: 0 -220px;}
	ul.main_nav li.contact_us a:hover, ul.main_nav li.contact_us a.current {background-position: -260px -220px;}
	#sec_content ul.main_nav li.contact_us a {background: url(../img/nav_menu-sec.jpg) no-repeat left top; width: 260px; background-position: 0 -253px;}
	#sec_content ul.main_nav li.contact_us a:hover, #sec_content ul.main_nav li.contact_us a.current {background-position: -260px -253px;}
	




/*===================================
	ABOUT DR YOUNG
===================================*/
#about_young{position:absolute; top:332px; left:15px; width:260px;}
#sec_content #about_young{position:absolute; top:392px; left:20px; width:230px;}
#about_young h2{color:#a59c7f; font-size:20px; margin-bottom:10px;}
#about_young p{color: #acacac; line-height:19px; font-size: 14px;}


/*===================================
	MAIN PIC - OFFERS
===================================*/	
#pic_contain{width:647px; position:absolute; top:13px; left:291px;}
	#main_pic{background:url(../img/img_main-pic.jpg) top left no-repeat; width:647px; height:301px;}
	#main_offers{background:url(../img/bkg_offers-main.gif) top left no-repeat; width:647px; height:52px; text-align:center; padding-top: 10px; clear:both;}
	
	
	/*----------------------------------
		MAIN MODULES
	----------------------------------*/
	#modules {min-height: 200px; height: auto !important; height: 200px; padding: 20px 0 0 31px;}
	#modules .inside {min-height: 200px; height: auto !important; height: 200px;}
	ul.modules_container li {list-style: none; width: 278px; float: left; margin-right: 29px;}
	ul.modules_container li.last {margin-right: 0;}
	ul.modules_container li h2 {color:#fff; font-size:26px; background:url(../img/hr_main-module.gif) 0 33px no-repeat; padding-bottom:20px; }
	ul.modules_container li p, .side_item p {color: #fff; line-height:19px; font-size: 14px;}
	ul.modules_container li a{ color:#fff; text-decoration:none;}
	

/*===================================
	SEC PAGE
===================================*/
#sec_top{background:url(../img/bkg_top-curve.gif) top left no-repeat; height:23px; width:950px;}
#sec_bottom{background:url(../img/bkg_bottom-curve.gif) bottom left no-repeat; height:23px; width:950px;}
#sec_page{margin-left:291px;}
#sec_page #content{margin:26px 0 0 31px; width:588px; min-height:580px;}
#sec_page #content h1{background:url(../img/hr_main-module.gif) 0 33px repeat-x; color:#fff; font-size:26px; padding-bottom:17px;}
#sec_page #content h2{font-size:18px; color:#7f9fcf; text-transform:uppercase; margin:0; padding-bottom:8px;}
#sec_page #content p{line-height:18px;color:#fff;}
#sec_page #content blockquote{background:url(../img/bkg_blockquote.gif) 60px 0 no-repeat; width:508px; height:105px; line-height:18px;color:#fff; padding:10px 0 0 75px;}
#sec_page #content ul{padding:15px 0 15px 0;}
#sec_page #content li{background: url(../img/li.gif) no-repeat left 4px; margin-left:20px; padding:0 0 6px 10px; color:#fff;}
#sec_page #content dl{padding:15px 0 15px 0;}
#sec_page #content dt{margin-left:20px; padding:0 0 6px 10px; color:#fff;}
#sec_page #content dd{margin-left:40px; padding:0 0 15px 10px;}
#sec_page #content a{color:#679146; text-decoration:none;}
#sec_page #content a:hover{color:#679146; text-decoration:underline;}

div.hr{background:url(../img/hr_main-module.gif) scroll center repeat-x; width:585px; height:4px; margin:20px 0 30px 0;}
.team_container {width: 581px; margin-bottom: 20px;}
.team_photo {width: 166px; float: left; margin-right: 15px;}
.team_desc {width: 400px; float: left;}
.team_desc h3 {font-family: Georgia1, Georgia, serif; color: #b5c3d3; font-size: 18px; padding-bottom: 15px;}

/*===================================
	FOOTER
===================================*/

#footer{padding:20px 0 20px 0; width:100%; text-align:center; color:#fff;}
#footer a{color:#fff; text-decoration:none;}
#footer a:hover{color:#fff; text-decoration:underline;}

/*===================================
	PATIENT EDUCATION
===================================*/
.patient_edu_category {margin:10px 0 -5px 0;}

/*====================================
	SMILE GALLERY
=====================================*/
	
	.smile_gallery { position:relative; text-align:center; width:100%;}
	.smile_gallery .inside_sg { position:relative; width:100%;}
	.smile_gallery .inside_sg h2 {padding-bottom:0px !important;}
	.smile_gallery .inside_sg .sg_header {font-family: Georgia1, Georgia, serif; font-size:24px; padding:20px 0 10px 0;}
	
	.smile_gallery .inside_sg .left_column { position:relative; float:left; width:250px; margin:0 10px 20px 0;}
	.smile_gallery .inside_sg .left_column ul {padding-top:15px;}
	.smile_gallery .inside_sg .left_column ul li {background: none !important; margin-left:0 !important; padding:0 0 6px 0 !important; color:#fff;}
	
	.smile_gallery .inside_sg .right_column { position:relative; float:left; width:320px; text-align:left;}
	.smile_gallery .inside_sg .right_column .sg_image {margin:15px 0 15px 10px;}
	.smile_gallery .inside_sg .right_column .sg_nav .previous {float:left;}
	.smile_gallery .inside_sg .right_column .sg_nav .next {float:right;}
	.smile_gallery .inside_sg .right_column .sg_description {margin:15px 0 15px 10px;}
	
	
	.smile_gallery .inside_sg .sg_footer {text-align:center;}
	.smile_gallery .inside_sg .sg_footer ul {margin-left:22%; padding:0px !important; text-align:center;}
	.smile_gallery .inside_sg .sg_footer ul li {background: none !important; float:left; list-style: none; margin:0px; margin-left:0px !important;}
	
	.smile_gallery .inside_sg .sg_footer #patient_one {display:block; background: url(../img/ba_after_sm_1a.jpg) no-repeat left top; width: 62px; height:70px; overflow:hidden; text-indent:-9999px;} 
	.smile_gallery .inside_sg .sg_footer #patient_one:hover, .smile_gallery .inside_sg .sg_footer #patient_one.current {background-position: left -71px;}
	
	.smile_gallery .inside_sg .sg_footer #patient_two {display:block; background: url(../img/ba_after_sm_2a.jpg) no-repeat left top; width: 62px; height:70px; overflow:hidden; text-indent:-9999px;}
	.smile_gallery .inside_sg .sg_footer #patient_two:hover, .smile_gallery .inside_sg .sg_footer #patient_two.current {background-position: left -71px;}
	
	.smile_gallery .inside_sg .sg_footer #patient_three {display:block; background: url(../img/ba_after_sm_3a.jpg) no-repeat left top; width: 62px; height:70px; overflow:hidden; text-indent:-9999px;}
	.smile_gallery .inside_sg .sg_footer #patient_three:hover, .smile_gallery .inside_sg .sg_footer #patient_three.current {background-position: left -71px;}
	
	.smile_gallery .inside_sg .sg_footer #patient_four {display:block; background: url(../img/ba_after_sm_4a.jpg) no-repeat left top; width: 62px; height:70px; overflow:hidden; text-indent:-9999px;}
	.smile_gallery .inside_sg .sg_footer #patient_four:hover, .smile_gallery .inside_sg .sg_footer #patient_four.current {background-position: left -71px;}
	
	.smile_gallery .inside_sg .sg_footer #patient_five {display:block; background: url(../img/ba_after_sm_5a.jpg) no-repeat left top; width: 62px; height:70px; overflow:hidden; text-indent:-9999px;}
	.smile_gallery .inside_sg .sg_footer #patient_five:hover, .smile_gallery .inside_sg .sg_footer #patient_five.current {background-position: left -71px;}
	
	
/*===================================
	GENERAL CSS RULES
===================================*/
/* OFFICE HOURS TABLE */
#hours{	width:220px; background-color:#1b3e8c; font-size:12px;float:left;	}
#hours-hdr{	color:#FFF;	font-weight:bold;}
.hours-bg{	background-color:#FFF;	color:#1b3e8c;}
/* END OFFICE HOURS TABLE */

.a-error {color:#FF0000; display:none; font-weight:bold; margin:0; text-align:left;}
.a-form {font-size:12px; margin:0;}
.a-div {clear:both; margin:0; padding:0 2px 10px;}
.a-pad {padding:6px;}
.a-label {font-weight:bold; margin:0; padding:0; text-align:left; width:95px;}
.a-input {margin:0; padding:0; width:190px; }
.a-logo { background-image:url(http://www.patientdocs.com/img/home/poweredby.png); background-repeat:no-repeat;}
* html .a-logo {background-image:none;}
.a-clear { clear:both; height:50px; position:relative;}

#cal1Container { position: absolute; display: none; }
p, #cal1Container { margin: 1em;}
#cal1Container { z-index: 500;}

#cal2Container { position: absolute; display: none; }
p, #cal2Container { margin: 1em;}
#cal2Container { z-index: 500;}

.dp-highlighter {z-index: 1;}

/*--Input Style--*/
input {	border:1px solid #7e9db9;	background-color:#FFFFFF; }
select {	border:1px solid #7e9db9;	background-color:#FFFFFF;		}
textarea {	border:1px solid #7e9db9;	background-color:#FFFFFF;	margin-top:2px;	}
/*--End Input Style--*/

/*--Divs--*/
#form_container {	font-family:Arial, Helvetica, sans-serif;	font-size:12px;	width:365px; height:270px;	text-align:left;	}
#top_left {	width:174px;	float:left;	padding-bottom:15px;	border-right:1px solid #d9d9d9;/*--Change the color of border--*/	}	
#top_right {	width:175px;	float:right;	padding-bottom:15px;	}
#bottom {	clear:both;	width:365px;	height:51px;	padding-top:11px;	margin-bottom:10px;	border-top:1px solid #d9d9d9;/*--Change the color of border--*/	border-bottom:1px solid #d9d9d9;/*--Change the color of border--*/	}
/*--End Divs--*/	
	
/*--Images--*/
#submit_request {	border:none;	}	
.bkg_calendar {	background:url(/images/btn_img_calendar.gif) right no-repeat #fff;	}
/*--End Images--*/
	
/*--Classes--*/
.field_name {	font-weight:bold;	color:#000000;/*--Change the color of the field name ie: Name--*/	}
.secondary_details {	font-size:11px;	color:#fff;/*--Change the color of the secondary details ie: (include area code)--*/	}
.required {	color:#BC0303;/*--Change the color of the required fields--*/	}
.float_right {	float:right;	}
.float_left {	float:left;	}
.powered-by{	float:right;	background:url(/images/img_powered-by-color.png) top left no-repeat;	width:100px;	height:40px;}

.field_margin {	clear:both;	margin-bottom:12px;	}
	
/* Calendar Header */
.calheader{	color:#000;	}
/*--End Classes--*/
