/* All the main styles and stylesheet imports
 *
 * @file		screen.css
 *
 * @type		strict
 * @browsers	Windows: IE6+, Firefox2+, Safari3+
 *				Mac OS: Safari3+, Firefox2+
 *
 * @link		http: //www.patientdocs.com/
 * @copyright	2009 Patient Docs. All Rights Reserved.
 *
 */

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

html {color:#000; font-family: Georgia,'Times New Roman',Times,serif; font-size: 12px;}
body {background: url(../img/content_bkg.jpg) repeat; text-align: center; height: 100%; /* for older browsers */}

#main, #sec {margin: 0 auto; position: relative; width: 100%; text-align: left;}
.inside {margin: 0 auto; position: relative; width: 950px;}

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

a img {border: none;}
h1, h2, h3 {font-family: Georgia,'Times New Roman',Times,serif; font-weight: normal;}
p, blockquote {color:#000; font-family: Georgia,'Times New Roman',Times,serif; font-size: 12px; line-height: 17px; margin-bottom:15px;}
#main a, #footer .inside a, .side_item a {color:#000; font-family: Georgia,'Times New Roman',Times,serif; font-size: 12px; text-decoration: none;}
#main a:hover, .side_item a:hover {text-decoration: underline;}
#sec .main_column a {color:#6c735d; font-family: Georgia,'Times New Roman',Times,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 {height: 167px; background: url(../img/header_outer_bkg.jpg) repeat-x left top;}
#header .inside {height: 167px; background: url(../img/header_bkg.png) repeat-x left top;}
.logo {width: 424px; height: 145px; position: absolute; left: 0; bottom: 5px;}
.logo a {width: 424px; height: 152px; display: block; overflow: hidden; text-indent: -9999px;}

	/*----------------------------------
		MAIN NAV
	----------------------------------*/
	#nav {height: 58px; background: url(../img/nav_bkg.jpg) repeat-x;}
	#nav .inside {height: 58px;}
	#nav .inside .main_nav_container {height: 58px; width: 950px; position: absolute; bottom: 0;}
	ul.main_nav {margin: 0 auto; width: 835px; height: 58px;}
	ul.main_nav li {float: left; list-style: none; display: inline-block; height:58px;}
	ul.main_nav li a {height: 58px; display: block; text-indent: -9999px; overflow: hidden;}
	ul.main_nav li.last, ul.main_nav li.last a {padding-right: 0 !important;}
	
	ul.main_nav li.home a {background: url(../img/nav_home.jpg) no-repeat left top; width: 82px;}
	ul.main_nav li.home a:hover, ul.main_nav li.home a.current {background-position: 0 -58px;}
	
	ul.main_nav li.why_choose_us a {background: url(../img/nav_why_choose_us.jpg) no-repeat left top; width: 157px;}
	ul.main_nav li.why_choose_us a:hover, ul.main_nav li.why_choose_us a.current {background-position: 0 -58px;}
	
	ul.main_nav li.about_the_dentist a {background: url(../img/nav_about_the_dentist.jpg) no-repeat left top; width: 169px;}
	ul.main_nav li.about_the_dentist a:hover, ul.main_nav li.about_the_dentist a.current {background-position: 0 -58px;}
			
	ul.main_nav li.before_after a {background: url(../img/nav_before_after.jpg) no-repeat left top; width: 140px;}
	ul.main_nav li.before_after a:hover, ul.main_nav li.before_after a.current {background-position: 0 -58px;}
	
	ul.main_nav li.patient_education a {background: url(../img/nav_patient_education.jpg) no-repeat left top; width: 168px;}
	ul.main_nav li.patient_education a:hover, ul.main_nav li.patient_education a.current {background-position: 0 -58px;}
	
	ul.main_nav li.contact_us a {background: url(../img/nav_contact_us.jpg) no-repeat left top; width: 119px;}
	ul.main_nav li.contact_us a:hover, ul.main_nav li.contact_us a.current {background-position: 0 -58px;}
								
/*===================================
	MAIN CONTENT
===================================*/
#main #content {height: 328px;}
#main #content .inside {height: 328px; background: url(../img/content_inner_bkg.jpg) no-repeat;}

.request_appt {width: 289px; height: 58px; position: absolute; top: 25px; right: 17px;}
.request_appt a {background: url(../img/button_request_appt.jpg) no-repeat left top; width: 289px; height: 58px; display: block; overflow: hidden; text-indent: -9999px;}
.request_appt a:hover, a.current {background-position: left -58px;}
.promo .request_appt {top: 21px !important;}

.new_patient_forms {width: 289px; height: 58px; position: absolute; top: 93px; right: 17px;}
.new_patient_forms a {background: url(../img/button_patient_forms.jpg) no-repeat left top; width: 289px; height: 58px; display: block; overflow: hidden; text-indent: -9999px;}
.new_patient_forms a:hover, a.current {background-position: left -58px;}
.promo .new_patient_forms {top: 89px !important;}

.promo_home {width: 289px; height: 148px; position: absolute; top: 162px; right: 17px;}
.promo_home a {width: 289px; height: 148px; display: block; overflow: hidden; text-indent: -9999px;}
.promo .promo_home {top: 156px !important;}

	/*----------------------------------
		MAIN MODULES
	----------------------------------*/
	#main #modules {height: 233px;}
	#main #modules .inside {height: 157px; background: #401404; padding: 38px 0;}
	ul.modules_container {margin: 0 auto; width: 934px;}
	ul.modules_container li {list-style: none; width: 297px; float: left; margin-right: 21px;}
	ul.modules_container li.last {margin-right: 0;}
	ul.modules_container h2 {margin-bottom: 20px;}
	.img_left {float: left; padding: 0 10px 10px 0;}
	ul.modules_container li h2.wa {margin-bottom: 15px !important;}
	ul.modules_container li p, .side_item p {color: #fff;}
	

/*===================================
	SECONDARY CONTENT
===================================*/
#sec #content .topbkg {height:5px; width:950px; margin:0 auto; background:url(../img/bkg_sec-top.gif) top center no-repeat;}
#sec #content .inside {width: 950px; background: url(../img/sidebar_bkg_repeat.jpg) repeat-y right top;}
.main_column {background: #401404; width: 625px; float: left;}
.side_column {width: 325px; background: url(../img/sidebar_bkg.jpg) no-repeat left top; float: left; min-height:711px; height:auto !important; height:711px;}
.promo {width: 321px; height: 296px; margin-bottom: 30px; background: url(../img/promo_bkg.jpg) no-repeat;}
.main_content_wrapper {background: #fff; margin: 10px; padding: 20px 5px 30px 5px; min-height:641px; height:auto !important; height:641px;}

/*--STYLES-------------------------*/
.header_sec_content h1 {color: #00467f; font-size: 26px; position: absolute; left: 60px; top: 50px;}
.main_content_wrapper p {margin-left: 20px;}
.main_column h1 {font-family: Georgia,'Times New Roman',Times,serif; color: #6c735d; font-size: 28px; background: url(../img/h1.jpg) no-repeat left bottom; margin-bottom: 15px; padding: 0 0 25px 20px;}
.main_column h2 {font-family: Georgia,'Times New Roman',Times,serif; font-weight:bold; color: #8c3e11; font-size: 18px; margin: 0 0 15px 20px;}
.main_column h3 {font-family: Georgia,'Times New Roman',Times,serif; font-weight:bold; color: #8c3e11; font-size: 16px; margin: 0 0 0px 20px;}
.main_column ul {margin: 0 0 15px 40px;}
.main_column ul li {background: url(../img/li.jpg) no-repeat left 3px; padding:0 0 6px 13px;}
.main_column p, blockquote, .main_column ul li {font-family: Georgia,'Times New Roman',Times,serif;}
blockquote {width: 400px; background: url(../img/quote.jpg) no-repeat left top; padding: 10px 10px 10px 17px; margin-left:40px;}
blockquote div {color: #8c3e11; padding: 15px 0 0 0;}
.quote_img {width: 35px; height: 33px; background: url(../img/quote.jpg) no-repeat; position: absolute; top: -5px; left: -20px;}
div.hr {height: 16px; width: 588px; background: url(../img/hr.jpg) no-repeat; clear: both; margin: 25px 0;}
.team_container {width: 581px; margin: 0 0 15px 20px;}
.team_photo {width: 166px; float: left; margin-right: 15px;}
.team_desc {width: 355px; float: left;}
.team_desc h3 {font-family: Georgia,'Times New Roman',Times,serif; color: #8c3e11; font-size: 18px; padding-bottom: 15px;}
.team_desc p {margin-left: 0 !important;}

	/*----------------------------------
		SIDEBAR
	----------------------------------*/
	.side_item {width:289px; margin: 0 0 10px 19px;}
	.side_item h2 {margin-bottom: 11px;}
	.side_item h2 a {color: #8aa43e; font-size: 18px; text-decoration: none;}
	.side_item h2.other a {color: #00467f;}
	.side_item h2 a:hover {text-decoration: none;}
	.side_item .img_left {padding: 0 15px 15px 0 !important;}
	.side_item p {font-size: 14px;}
	
/*===================================
	FOOTER
===================================*/
#footer {height: 58px; margin-bottom: 50px;}
#footer .inside {height: 37px; background: url(../img/footer_bkg.jpg) no-repeat; padding: 21px 0 0 0; text-align: center;}
#footer .inside p {color: #fff; margin:0;}
#footer .inside a {color: #fff !important; text-decoration: none !important;}
#footer .inside a:hover {text-decoration: underline !important;}


/*=========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--*/


#edu-article-title p{
	font-size:18px;
}

#edu-href{
	font-size:16px;
	padding-bottom:5px;
}


#edu-list{
	padding-bottom:10px;
}