@charset "utf-8";
/* CSS Document */

body{
	background:url(../img/bkg_main.gif) repeat-x #000;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	font-family: "Times New Roman", Times, serif;
	color:#c3c3c3;
	font-size:14px;
}
a{
	color:#d0c387;
	text-decoration:underline;
}

a:hover{
	color:#d0c387;	
	text-decoration:none;
}
#sub{
	font-size:36px;
	padding-bottom: 8px;

}
#container {
	width: 950px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#logo{
	width:341px; 
	float:left;	
}
#offers{
	width:609px; 
	float:right;
}
#sub-head{
	width:624px; 
	float:right;	
}
.testimonials-box{
	border:dashed 1px #ccc; background:#333;	
}
#first-body{
	clear:both; 
	padding-top:20px;
}
#sub-body{
	width:584px; 
	float:right; 
	background:url(/img/bkg_sub-body.gif) no-repeat top;
	padding: 20px 15px 10px 25px;
}
#sub-body a{
	color:#d0c387;
	text-decoration:underline;
}

#sub-body a:hover{
	color:#d0c387;	
	text-decoration:none;
}
#sub-meet-the-team{
	background:url(/img/sub_meet-the-team.jpg) no-repeat; 
	width: 160px; 
	height:78px; 
	padding:37px 40px 10px 126px; 
	color:#c3c3c3; 
	clear:left;	
	font-size:12px;
}
#sub-our-location{
	background:url(/img/sub_our-location.jpg) no-repeat; 
	width: 160px; 
	height:82px; 
	padding:28px 40px 10px 126px; 
	color:#c3c3c3;	
	font-size:12px;
}
#sub-good-things-utah{
	background:url(/img/sub_good-things-utah.jpg) no-repeat; 
	width: 160px; 
	height:69px; 
	padding:31px 40px 10px 126px; 
	color:#c3c3c3;	
	font-size:12px;
	clear:left;	
}
#services-page{	font-size: 14px;	}
#services-page h3{margin:0; font-size:16px; color:#d0c387;}
#services-page strong{
	color:#D7C7B5;
}

.facebook {margin:20px 0 5px 20px; position: relative;}
.facebook img {border:none;}
.facebook a { width: 282px; height: 131px; background:url(../img/facebookIcon_small.jpg) no-repeat left top; display:block; overflow:hidden; text-indent: -9999px;}

#meet-the-team-page{	
		font-size: 14px;	
}
#testimonials-page{	
		font-size: 14px;	
}
#a-meet-the-team{
	text-decoration:none;
	cursor:pointer;
}
#a-our-location{
	text-decoration:none;
	cursor:pointer;
}
#a-good-things-utah{
	text-decoration:none;
	cursor:pointer;
}
#footer { 
	font-size: 12px;
	color:#616161;
	line-height:18px;
	height:59px;
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#000;
	padding-top:29px;
} 
#footer a{
	color:#616161;
	text-decoration:none;
}
#footer a:hover{
	color:#616161;
	text-decoration:underline;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

#menu{
	width:326px; 
	float:left;
	position:relative;
}
/*----------------------------------
		MAIN NAV
	----------------------------------*/
	#menu .main_nav_container {position:relative; top: 0px; left: 0px;}
	#menu .main_nav_container {height: 252px; width: 326px;;}
	
	ul.main_nav {margin-top:0px; margin-left:-40px; margin-bottom:0px; width: 326px; height: 252px;}
	ul.main_nav li {list-style: none; display: block;}
	ul.main_nav li.last {padding-bottom: 0 !important;}
	ul.main_nav li a {background: url(../img/main_menu.jpg) no-repeat; display: block; text-indent: -9999px; overflow: hidden; width:326px;}

	ul.main_nav li.home a {background-position: left top; height:43px;}
	ul.main_nav li.home a:hover, ul.main_nav li.home a.current {background-position: -326px top;}
	
	ul.main_nav li.meet_the_team a {background-position: left -44px; height:30px;}
	ul.main_nav li.meet_the_team a:hover, ul.main_nav li.meet_the_team a.current {background-position: -326px -44px;}
	
	ul.main_nav li.blog a {background-position: left -75px; height:30px;}
	ul.main_nav li.blog a:hover, ul.main_nav li.blog a.current {background-position: -326px -75px;}
	
	ul.main_nav li.why_choose_us a {background-position: left -106px; height:30px;}
	ul.main_nav li.why_choose_us a:hover, ul.main_nav li.why_choose_us a.current {background-position: -326px -106px;}
	
	ul.main_nav li.before_after a {background-position: left -137px; height:30px;}
	ul.main_nav li.before_after a:hover, ul.main_nav li.before_after a.current {background-position: -326px -137px;}
	
	ul.main_nav li.patient_education a {background-position: left -168px; height:30px;}
	ul.main_nav li.patient_education a:hover, ul.main_nav li.patient_education a.current {background-position: -326px -168px;}
	
	ul.main_nav li.testimonials a {background-position: left -199px; height:30px;}
	ul.main_nav li.testimonials a:hover, ul.main_nav li.testimonials a.current {background-position: -326px -199px;}
	
	ul.main_nav li.contact_us a {background-position: left -230px; height:30px;}
	ul.main_nav li.contact_us a:hover, ul.main_nav li.contact_us a.current {background-position: -326px -230px;}
	
	ul.main_nav li.contact_us_sec a {background-position: left -260px; height:40px;}
	ul.main_nav li.contact_us_sec a:hover, ul.main_nav li.contact_us_sec a.current {background-position: -326px -260px;}

#menu .nav-item {float:left; margin:0px; padding:0px;}
#menu .nav-item-hover img, .nav-item-selected img {visibility:hidden;}

#request-appointment { background:url(/img/btn_request-appointment-selected.gif); }
#request-appointment.nav-item-selected { background:url(/img/btn_request-appointment-selected.gif); }

#new-patient-forms { background:url(/img/new-patient-forms-selected.gif); }
#new-patient-forms.nav-item-selected { background:url(/img/new-patient-forms-selected.gif); }

#menu .nav-item#home {width:326px; height:43px; background:url(../img/btn_home.gif) no-repeat top left; }
#menu .nav-item#home a {width:326px; height:43px; display:block; overflow:hidden; text-indent:-9999px;}
#menu .nav-item#home a:hover, #menu .nav-item#home.nav-item-selected { background:url(../img/btn_home-selected.gif); }


#menu .nav-item#blog {width:326px; height:30px; }
#menu .nav-item#blog a {width:326px; height:30px; background:url(../img/btn_blog.gif) no-repeat left top; display:block; overflow:hidden; text-indent:-9999px;}
#menu .nav-item#blog a:hover, #menu .nav-item#blog.nav-item-selected { background-position: -326px top; } 

dda.blog {display: block;  width: 326px;  height: 30px; background: url(/img/btn_blog.gif) 0 0 no-repeat; text-decoration: none;}
dda:hover.blog {background-position: -326px 0;} 
dddspan.blog{display:none;}


#services { background:url(/img/btn_services-selected.gif); }
#services.nav-item-selected { background:url(/img/btn_services-selected.gif); }


#before-after-photos { background:url(/img/btn_before-after-selected.gif); }
#before-after-photos.nav-item-selected { background:url(/img/btn_before-after-selected.gif); }


#testimonials { background:url(/img/btn_testimonials-selected.gif); }
#testimonials.nav-item-selected { background:url(/img/btn_testimonials-selected.gif); }


#meet-the-team { background:url(/img/btn_meet-the-team-selected.gif); }
#meet-the-team.nav-item-selected { background:url(/img/btn_meet-the-team-selected.gif); }


#patient-education { background:url(/img/btn_patient-education-selected.gif); }
#patient-education.nav-item-selected { background:url(/img/btn_patient-education-selected.gif); }


#contact-us { background:url(/img/btn_contact-us-selected.gif); }
#contact-us.nav-item-selected { background:url(/img/btn_contact-us-selected.gif); }


#contact-us-sec { background:url(/img/btn_contact-us-sec-selected.gif); }
#contact-us-sec.nav-item-selected { background:url(/img/btn_contact-us-sec-selected.gif); }


/*= TOP REQUEST AN APPOINTMENT =*/
div.top_request_appointment {
	float:right;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 0;
}

div.top_request_appointment a:link, div.top_request_appointment a:visited, div.top_request_appointment a:active {
	display: block;	
	width: 209px;
	height: 39px;
	background:transparent url(/img/btn_hdr-request-appointment.gif) 0 0 no-repeat;
	margin: 0;
	padding: 0;
	border: 0;
	}
	
	
#request-appointment div.top_request_appointment a, div.top_request_appointment a:hover {	
	background:transparent url(/img/btn_hdr-request-appointment-selected.gif) 0 0 no-repeat;
}
	
/* BEGIN TOP OFFERS*/
#offer-top {   
    background:url("../img/btn_top-offers-sprite.gif") 0 0 no-repeat;   
    width:418px;   
    height:97px;   
    margin:0;   
    padding:0;   
    }  
#offer-top li span { display: none; }   
  
#offer-top li { float:left; list-style:none; position:relative; }   
  
#offer-top li, #offer-top a {   
    height:97px;    /* Each button must have the same height, define it here */  
    display:block;   
    margin:0;   
    padding:0;   
    }   
  
li#offer-cerec,li#offer-patient { margin-bottom:0px; width:209px; } 
#offer-cerec a:hover { background:url("../img/btn_top-offers-sprite.gif") -209px  -97px no-repeat; }   
#offer-patient a:hover { background:url("../img/btn_top-offers-sprite.gif") 0px  -97px no-repeat; } 

/* END TOP OFFERS*/

/*= TOP NEW PATIENT =*/
div.top_fill_out_forms {
	float:right;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 0;
}

div.top_fill_out_forms a:link, div.top_fill_out_forms a:visited, div.top_fill_out_forms a:active {
	display: block;	
	width: 209px;
	height: 39px;
	background:transparent url(/img/btn_hdr-fill-out-forms.gif) 0 0 no-repeat;
	margin: 0;
	padding: 0;
	border: 0;
	}

#top-fill-out-forms div.top_fill_out_forms a, div.top_fill_out_forms a:hover {	
	background:transparent url(/img/btn_hdr-fill-out-forms-selected.gif) 0 0 no-repeat;
	}


/* CSS FOR BLOG */
#menu{
	background-color:#2e2e2e;	
}
#menu a{
	color:#d0c387;	
}
#menu a:hover{
	color:#d0c387;	
	text-decoration:none;
}


/*=========GENERAL CSS RULES================*/
.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;
        }
 .calheader {    
     color:#000;   
     
} 
/*--Input Style--*/
input {
	border:1px solid #7e9db9;
	background-color:#FFFFFF;
	margin-top:2px;
	}

#img-rotater{
	padding-left:35px;
	padding-top:25px;
}
	
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, #top_left2 {
	width:174px;
	float:left;
	padding-bottom:15px;
	border-right:1px solid #d9d9d9;/*--Change the color of border--*/
	}	

#top_left2 {
	width:275px;
}

#top_right, #top_right2 {
	width:175px;
	float:right;
	padding-bottom:15px;
	}

#top_right2 {
	width:250px;
}

#top_right2 input, #top_left2 input {
	width: 220px;
}

#bottom, #bottom2 {
	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--*/	
#bottom2 { 
	width:auto;	
	height:auto;
}
	
	

	
/*--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:#b2b2b2;/*--Change the color of the secondary details ie: (include area code)--*/
	}
	
.required {
	color:#b90000;/*--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-white.png) top left no-repeat;
	width:100px;
	height:40px;
}

	
.field_margin {
	clear:both;
	margin-bottom:12px;
	}
	

/*--End Classes--*/