/* 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: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 12px;}
body {background: url(../img/bkg_main.gif) top center repeat-x #003663; 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, #content, #modules, #footer {position: relative;}

a img {border: none;}
h1, h2, h3 {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: normal;}
p, blockquote {color:#000; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 12px; line-height: 17px; margin-bottom:15px;}
#main a, #footer .inside a, .side_item a {color:#000; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 12px; text-decoration: none;}
#main a:hover, .side_item a:hover {text-decoration: underline;}
#sec .main_column a {color:#3c73a0; font-family: "Lucida Sans Unicode", "Lucida Grande", 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;}
.photopad_right{padding-right: 15px;}
.photopad_left{}

/*===================================
	HEADER
===================================*/
/*#header {background: url(../img/header_bkg.gif) repeat-x left top;}*/
#main #header .inside, #main #header {height: 495px;}
#sec #header .inside, #sec #header {height: 238px;}
#header .logo {background: url(../img/logo_name.png) no-repeat; width: 325px; height: 45px; position: absolute; left: 0; top: 0px;}
#header .logo a {width: 325px; height: 45px; display: block; overflow: hidden; text-indent: -9999px;}
#header .phone {position: absolute; right: 0; top: 0px;}


/*===================================
	MAIN CONTENT
===================================*/
#header .content {height: 471px; width: 950px; background: url(../img/content_bkg.png) no-repeat; position: absolute; top: 45px; left: 0;}

.ad1 {width: 279px; height: 107px; position: absolute; top: 123px; left: 11px;}
.ad1 a {width: 290px; height: 107px; display: block; overflow: hidden; text-indent: -9999px;}

.request_appt {width: 286px; height: 62px; position: absolute; top: 240px; left: 11px;}
#sec .request_appt {top: 127px !important;}
.request_appt a {background: url(../img/button_request_appt.jpg) no-repeat right top; width: 286px; height: 62px; display: block; overflow: hidden; text-indent: -9999px;}
.request_appt a:hover {background-position: right -62px;}

.patient_forms {width: 304px; height: 62px; position: absolute; top: 312px; left: 11px;}
#sec .patient_forms {top: 199px !important;}
.patient_forms a {background: url(../img/button_patient_forms.jpg) no-repeat right top; width: 304px; height: 62px; display: block; overflow: hidden; text-indent: -9999px;}
.patient_forms a:hover {background-position: right -62px;}

	/*----------------------------------
		MAIN NAV
	----------------------------------*/
	#header .inside .main_nav_container {height: 290px; width: 300px; position: absolute; bottom: 0;}
	
	.main_nav_container {position: absolute; left: 0; width: 950px; height: 58px;}
	/*#main .main_nav_container {top: 387px; background: url(img/nav_main-sprite.gif) no-repeat;}*/
	#sec .main_nav_container {top: 181px; background: url(img/nav_main-sprite.gif) no-repeat;}
	ul.main_nav {margin: 0 auto; width: 300px; height: 290px;}
	ul.main_nav li {float: left; list-style: none; display: inline-block;}
	ul.main_nav li a {height: 30px; 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_main-sprite.gif) no-repeat left top; width: 300px; height:37px;}
	ul.main_nav li.home a:hover, ul.main_nav li.home a.current {background-position: -300px 0; height:37px;}

	ul.main_nav li.request-appointment a {background: url(../img/nav_main-sprite.gif) no-repeat left top; width: 300px; background-position: 0 -37px;}
	ul.main_nav li.request-appointment a:hover, ul.main_nav li.request-appointment a.current {background-position: -300px -37px;}

	ul.main_nav li.patient-forms a {background: url(../img/nav_main-sprite.gif) no-repeat left top; width: 300px; background-position: 0 -67px;}
	ul.main_nav li.patient-forms a:hover, ul.main_nav li.patient-forms a.current {background-position: -300px -67px;}
	
	ul.main_nav li.why_choose_us a {background: url(../img/nav_main-sprite.gif) no-repeat left top; width: 300px; background-position: 0 -97px;}
	ul.main_nav li.why_choose_us a:hover, ul.main_nav li.why_choose_us a.current {background-position: -300px -97px;}
	
	ul.main_nav li.meet_the_team a {background: url(../img/nav_main-sprite.gif) no-repeat left top; width: 300px; background-position: 0 -127px;}
	ul.main_nav li.meet_the_team a:hover, ul.main_nav li.meet_the_team a.current {background-position: -300px -127px;}
	
	ul.main_nav li.patient_education a {background: url(../img/nav_main-sprite.gif) no-repeat left top; width: 300px; background-position: 0 -157px;}
	ul.main_nav li.patient_education a:hover, ul.main_nav li.patient_education a.current {background-position: -300px -157px;}
			
	ul.main_nav li.testimonials a {background: url(../img/nav_main-sprite.gif) no-repeat left top; width: 300px; background-position: 0 -187px;}
	ul.main_nav li.testimonials a:hover, ul.main_nav li.testimonials a.current {background-position: -300px -187px;}
	
	ul.main_nav li.before-after a {background: url(../img/nav_main-sprite.gif) no-repeat left top; width: 300px; background-position: 0 -217px;}
	ul.main_nav li.before-after a:hover, ul.main_nav li.before-after a.current {background-position: -300px -217px;}
	
	ul.main_nav li.contact_us a {background: url(../img/nav_main-sprite.gif) no-repeat left top; width: 300px; background-position: 0 -247px; height:43px;}
	ul.main_nav li.contact_us a:hover, ul.main_nav li.contact_us a.current {background-position: -300px -247px; height:43px;}

	/*----------------------------------
		MAIN MODULES
	----------------------------------*/
	#main #modules {height: 258px;}
	#main #modules .inside {height: 258px;}
	ul.modules_container {margin: 0 auto; width: 950px; padding-top: 40px;}
	#sec ul.modules_container {width:300px; padding: 0 19px 0 0;}
	ul.modules_container li {background: url(../img/bkg_module-main.jpg) no-repeat left bottom; list-style: none;  width: 300px; height: 196px; float: left; margin-right: 25px;}
	#sec ul.modules_container li {margin-bottom: 10px; margin-right: 0 !important;}
	ul.modules_container li.last {margin-right: 0;}
	ul.modules_container h2 {margin-bottom: 10px;}
	.img_left {float: left; padding: 0 12px 10px 0;}
	#sec .img_left {float: left; padding: 0 12px 10px 10px;}
	ul.modules_container li h2.wa {padding-top: 12px !important;}
	ul.modules_container li p, .side_item p {color: #777775;}
	#modules img{padding-left: 10px; }
	#sec ul.modules_container img{padding-left: 10px; }
	

/*===================================
	SECONDARY CONTENT
===================================*/
#sec #content {position: absolute; top: 45px;}
#sec #content .inside {width: 950px;}
.main_column {width: 626px; float: left; background: #fff url(../img/main_content_bkg.jpg) no-repeat left bottom;}
.side_column {width: 319px; float: left;}
.promo {width: 319px; height: 293px; margin-bottom: 11px; background: url(../img/promo_bkg.jpg) no-repeat;}
.main_content_wrapper {padding: 18px 25px 20px 25px; min-height:693px;}
.main_content_wrapper p{line-height:18px;}
.main_content_wrapper h3{color:#0079DD; font-size:14px; font-weight:bold;}
#sec #offer-container {padding-bottom:3px;}


/*--STYLES-------------------------*/
.header_sec_content {background:url(../img/hdr_bkg-sec-page.jpg) top left no-repeat; height:66px; width:621px; margin:2px 0px 0px 1px; }
.header_sec_content h1 {padding: 19px 0px 0px 38px; color: #00467f; font-size: 26px; }
.main_column h1 {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #005093; font-weight: bold; font-size: 28px; background: url(../img/h2.jpg) no-repeat left bottom; margin-bottom: 15px; padding-bottom:25px;}
.main_column h2 {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight:bold; color: #0079dd; font-size: 18px; margin-bottom: 6px;}
.main_column ul {margin-bottom:15px;}
.main_column ul li {background: url(../img/li.jpg) no-repeat left 1px; padding:0 0 6px 13px;}
.main_column ul li ul li {background: url(../img/li.jpg) no-repeat left 1px; padding:0 0 6px 13px;}
.main_column .edu-li-inner { margin-left:18px; }
.main_column .edu-li-inner li {background:none; list-style:disc; list-style-type:disc; list-style-position:inherit;}
.main_column p, blockquote, .main_column ul li {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
blockquote {min-height:99px; height:auto !important; height:99px; background: url(../img/bkg_quote.gif) no-repeat left top; width: 380px; padding: 15px 25px 10px 25px; position: relative; margin-left:20px;}
blockquote div {color: #94191c; 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: 20px; width: 546px; background: url(../img/hr.gif) no-repeat; clear: both; margin-bottom: 20px;}
.team_container {width: 581px; margin-bottom: 15px;}
.team_photo {width: 166px; float: left; margin-right: 15px;}
.team_desc {width: 100%; float: left;}
.team_desc h3 {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #0079dd; font-size: 18px; padding-bottom: 15px;}

/*===================================
	CUSTOM PATIENT EDUCATION
===================================*/
.main_content_wrapper_edu #edu-li {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:15px;}
.main_content_wrapper_edu #edu-href {font-size:15px;}
.main_contetn_wrapper_edu #edu-li a {}
.main_content_wrapper_edu {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:15px;}
.main_content_wrapper_edu {padding: 18px 25px 20px 25px; min-height:693px;}
.main_content_wrapper_edu p{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:15px; line-height:18px;}
.main_content_wrapper_edu h3{color:#0079DD; font-size:15px; font-weight:bold;}


/*===================================
	NEW PATIENT FORMS
====================================*/
.form_container {position:relative; width:550px;}
.form_container p {font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; text-align:center;}

.form_container .form_icon {position:relative; float:left; width:73px; min-height:116px;}
.form_container .form_icon img {width:73px;}
.form_container h1 {background:none; color:#829789; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; margin-bottom:20px; padding:0;}
.form_container .button_set {width:437px; min-height:116px; position:relative; float:left; padding:5px 0 0 20px;} 
.form_container .button_set .frm_btn {position:relative; float:left; margin:5px 10px;}

.form_container .form_hr {background:url(../img/form_hr.jpg) repeat-x left top; width:500px; height:1px; margin:5px auto 20px; clear:both;} 


/*===================================
	FOOTER
===================================*/
#footer {height: 27px; padding: 20px 0 40px 0;}
#footer .inside {height: 58px !important; background: url(../img/bkg_footer.gif) no-repeat; text-align: center;}
#footer .inside .copyright {	position: absolute;	top: 14px;	right: 324px;	width: 293px;}
#footer .inside p {color: #4d8fc6; margin-bottom:1px !important; text-align:right;}
#footer .inside a {color: #4d8fc6 !important; text-decoration: none !important;}
#footer .inside a:hover {text-decoration: underline !important;}


/*===================================
	GENERAL CSS RULES
===================================*/
/* OFFICE HOURS TABLE */
#hours{	width:220px; background-color:#74090a; 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;}

#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;	margin-top:2px;	}
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--*/