/*===================================
	GLOBAL
===================================*/
@import "reset.css"; 

html {color:#000; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
body {background: #FFFFFF url(../img/bkg.jpg) repeat-x left top; text-align: center; height: 100%; margin:0; /* for older browsers */}

#main .inner_wrap {width: 800px; margin: 0 auto; background: #FFFFFF url(../img/main_bkg.jpg) no-repeat left top;}
#main {margin: 0 auto; position: relative; width: 100%; text-align: left;}
.inside {margin: 0 auto; position: relative; width: 800px;}

#header, #navigation, #content, #modules, #footer {position: relative;}

a img {border: none;}
h1, h2, h3 {font-family: Arial, Helvetica, sans-serif; font-weight: normal;}
p, blockquote {color:#000; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 17px; margin-bottom:20px;}
#main a, #footer .inside a, .side_item a {color:#F26522; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none;}
#main a:hover, .side_item a:hover {text-decoration: underline;}
#sec .main_column a {color:#a8b280; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none;}
#sec .main_column a:hover {text-decoration: underline;}

.clear_left {clear: left;}
.clear_right {clear: right;}
.clear_both {clear: both;}
.float_left {float: left;}
.float_right {float: right;}

/*===================================
	HEADER
===================================*/
#header {position:relative; height: 85px;}

.logo {width: 250px; height: 60px; background: url(../img/logo.jpg) no-repeat left top; position: relative; top: 20px; left: 10px;}
.logo a {width: 250px; height: 60px; display: block; overflow: hidden; text-indent: -9999px;}

.header_text {width:250px; position:absolute; top:30px; left:295px; color:#334C6A; font-weight:600;}

.search_bar {width: 270px; height: 30px; position: absolute; top: 10px; right: 5px; text-align:right;}
.search_bar #submit {margin:0 4px 0 12px;}
.search_bar #search {width:160px; vertical-align:middle; padding-top:2px; padding-left: 24px; height: 18px; background: #FFFFFF url(../img/bkg_search-input.gif) no-repeat 1px top; border: #D9D9FF solid 1px; margin:0 4px 10px 0; position:relative; top:-4px;}

	/*----------------------------------
		TOP NAV
	----------------------------------*/
	#main #header .top_nav_container {position: absolute; right:5px; top:42px; background: url(../img/top_nav_bkg.jpg) no-repeat left top; width:256px; height:38px;}
	
	ul.top_nav {width: 256px; height: 38px; float:left; margin: 0; padding:12px;}
	ul.top_nav li {list-style: none; float:left;}
	ul.top_nav li a {padding-left:12px; text-decoration:none !important; font-family:Arial, Helvetica, sans-serif !important; font-size:12px !important; color: #FFFFFF !important; display: block;}
	ul.top_nav li a:hover, ul.top_nav li a.current { text-decoration:underline !important; color:#FFFFFF !important;}
	
	ul.top_nav li.home {width:55px; background: url(../img/nav_home_icon.jpg) no-repeat left 4px; float:left;}
	ul.top_nav li.home a {width: 55px; height: 22px;}
	
	ul.top_nav li.testimonials {width:95px; background: url(../img/nav_testimonial_icon.jpg) no-repeat left 4px; float:left;}
	ul.top_nav li.testimonials a {width: 95px; height: 22px;}
	
	ul.top_nav li.contact-us {width:80px; background: url(../img/nav_contact_icon.jpg) no-repeat left 4px; float:left;}
	ul.top_nav li.contact-us a {width: 80px; height: 22px;}
	
	
	/*----------------------------------
		MAIN NAV
	----------------------------------*/

	#main .main_nav_container {position: relative; top: 0px; left: 0px; width:800px; height:248px !important; margin:0;}
	#main .main_nav_container .slideshow {width:515px; height:242px; position:absolute; top:5px; right:6px;}
	
	ul.main_nav {width: 273px; height: 191px; position:relative; top:26px; left:7px; margin:0; padding:0;}
	ul.main_nav li {margin-bottom:9px; width: 273px; height: 31px; list-style: none;}
	ul.main_nav li a {width: 273px; height: 31px; background: url(../img/nav_menu.gif) no-repeat left top; display: block; text-indent:-9999px; overflow:hidden;}
	ul.main_nav li a:hover, ul.main_nav li a.current { background-position: left -191px;}
	
	ul.main_nav li.request_appointment a {background-position: left 0px;}
	ul.main_nav li.request_appointment a:hover, ul.main_nav li.request_appointment a.current { background-position: left -191px;}
	
	ul.main_nav li.patient_forms a {background-position: left -40px;}
	ul.main_nav li.patient_forms a:hover, ul.main_nav li.patient_forms a.current { background-position: left -231px;}
	
	ul.main_nav li.meet_the_team a {background-position: left -80px;}
	ul.main_nav li.meet_the_team a:hover, ul.main_nav li.meet_the_team a.current { background-position: left -271px;}
	
	ul.main_nav li.services a {background-position: left -120px;}
	ul.main_nav li.services a:hover, ul.main_nav li.services a.current { background-position: left -311px;}
	
	ul.main_nav li.patient_education a {background-position: left -160px;}
	ul.main_nav li.patient_education a:hover, ul.main_nav li.patient_education a.current { background-position: left -351px;}
									
/*===================================
	MAIN CONTENT
===================================*/
#main #content {width: 515px; float:left; min-height:200px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#main #content .inside { position:relative; width: 475px;  min-height: 200px; padding:10px 20px 20px 20px; margin-left:8px;}

#main #content h1 {font-family:Arial, Helvetica, sans-serif; color: #2c3b59; font-size: 24px; margin-bottom: 20px; padding-bottom:20px;}
#main #content h2 {font-family:Arial, Helvetica, sans-serif; font-weight:bold; color: #F26522; font-size: 18px; margin-bottom: 10px;}
#main #content h3 {font-family:Arial, Helvetica, sans-serif; font-weight:bold; color: #2C3B59; font-size: 16px; margin-bottom: 10px;}
#main #content ul {margin-bottom:20px;}
#main #content ul li {font-size: 14px; background: url(../img/li.gif) no-repeat left 3px; margin-left:20px; padding:0 0 6px 13px;}
#main #content p, #main #content ul li {font-family: Arial, Helvetica, sans-serif;}
#main #content b, #main #content strong {color:#2C3B59; font-size:1.1em;}

#main #content .testimonial{font-size:12px; background-color: #CDD2D8; padding: 7px; margin-bottom:30px;}
#main #content .callout{font-size:17px; font-weight: bold; font-style: italic;}
#main #content .patient_name { padding:0; font-size:14px; color: #f26522; font-style: italic; text-align: left; margin:10px 0 20px 30px;}

#main #content .inside .new_patient_special {width: 455px; height: 79px; background: url(../img/hdr_special.gif) no-repeat left top; position: relative; top: 0px; left: 10px;}
#main #content .inside .new_patient_special a {width: 455px; height: 79px; display: block; overflow: hidden; text-indent: -9999px;}


	/*----------------------------------
		MAIN MODULES
	----------------------------------*/
	#main #modules {float:left; width:273px; margin-bottom:20px;}
	#main #modules .inside { width:273px; background: transparent;}
	ul.modules_container {width:273px; margin:0; padding: 10px 0 0 8px;}
	ul.modules_container li {list-style: none; width: 273px; list-style:none;}
	ul.modules_container li a {border:none;}
	ul.modules_container li h2 {margin-bottom: 8px !important;}
	ul.modules_container li p {margin-left:8px; color: #FFFFFF; line-height:19px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
	
	ul.modules_container li.meet_the_team {margin:0 5px 20px 5px; width:263px; height:115px; background: transparent url(../img/bkg_meet-the-dentist.jpg) no-repeat left top;}
	ul.modules_container li.meet_the_team div {position:relative; top:40px; left:50px; width:165px; font-size: 11px; cursor:pointer; text-decoration:none; color:#000;}
	ul.modules_container li.meet_the_team a {width:263px; height:115px;}
	
	ul.modules_container li.our_location {margin:0 5px 20px 5px; width:263px; height:115px; background: transparent url(../img/bkg_office-location.jpg) no-repeat left top;}
	ul.modules_container li.our_location div {position:relative; top:38px; left:85px; width:165px; font-size: 11px; cursor:pointer; text-decoration:none; color:#000;}
	ul.modules_container li.our_location a {width:263px; height:115px;}
	
	ul.modules_container li.new_patient_special {margin:0 5px 20px 5px; width:264px; height:157px; background: transparent url(../img/hdr_special2.gif) no-repeat left top;}
	ul.modules_container li.new_patient_special div {position:relative; top:38px; left:85px; width:165px; font-size: 11px; cursor:pointer; text-decoration:none; color:#000;}
	ul.modules_container li.new_patient_special a {width:264px; height:157px; display:block; text-indent:-9999px; overflow:hidden;}
	
	
/*===================================
	FOOTER
===================================*/
#footer {height: 88px; background: url(../img/bkg_footer.jpg) repeat-x;}
#footer .inside {position: relative; height: 63px; text-align: center; padding-top:25px; color:#FFFFFF}
.copyright {color: #fff !important; font-size: 11px !important; text-align: center;}
#footer a {color: #fff !important; line-height:17px; font-size: 12px !important; text-decoration: none !important;}
#footer a:hover, .footer_nav li.selected a {text-decoration: underline !important;}
/*=========PATIENT EDUCATION CSS RULES================*/
#edu-li {
	margin-left:-20px !important;
	padding-bottom: 15px;
	list-style:none;
}
#edu-href {
	font-size: 16px;
	font-weight: bold;
}
#edu-article-title p{
	color: #f26522;
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}
#edu-article-content p{
	margin: 0;
	padding: 0;
}

/*=========GENERAL CSS RULES================*/
/* OFFICE HOURS TABLE */
#hours{	width:220px; background-color:#401404; font-size:12px;float:left;	}
#hours-hdr{	color:#FFF;	font-weight:bold;}
.hours-bg{	background-color:#FFF;	color:#000;}

/* 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;        }
.dp-highlighter {            z-index: 1;        }

/*--Input Style--*/
input.txt_input {	border:1px solid #7e9db9;	background-color:#FFFFFF;	margin-top:2px;	}
input.btn_input {}
select {	border:1px solid #7e9db9;	background-color:#FFFFFF;	margin-top:2px;	}
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:#000000;/*--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--*/