@charset "utf-8";
/* CSS Document */

*	{
	margin:0;
	padding:0;
}
body	{
	background-color:#e3e3e3;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#ffffff;
}
a{
	text-decoration:none;
	color:#9bcaf7;
}
a:hover{
	text-decoration:underline;
	color:#9bcaf7;
}

#dearborn{
	float:left;
}

#drummondIsland{
	float:left;
}


#topbg	{
	background-image:url(../img/top-fade-bg.gif);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#ffffff;
	height:133px;
	width:100%;
	color: #ffffff;
}
#top	{
	position: relative;
	margin:0 auto;
	width:963px;
	background-image:url(../img/top-fade-bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
}
#logo	{
	position: absolute;
	top: 0;
	left: 35px;
	width: 230px;
	height: 123px;
}

#logo a {
	width: 230px;
	height: 123px;
	background: url(../img/logo_main.gif) no-repeat left top;
	display: block;
	overflow: hidden;
	text-indent: -99999px;
}
	
#top-light	{
	background-image:url(/img/top-light.jpg);
	height:10px;
	width:100%;
	position:relative;
	z-index:-1;
}
#nav {
	background:url(/img/menu.jpg) no-repeat;
	width:590px;
	height:46px;
	padding:0;
	position: absolute;
	top: 86px;
	right: 25px;
}

#nav span {
	display: none;
}

#nav li, #nav a {
	height:46px;
	display:block;
}

#nav li {
	float:left;
	list-style:none;
	display:inline;
}

#nav-01 {width: 42px;}
#nav-02 {width: 137px;}
#nav-03 {width: 118px;}
#nav-04 {width: 123px;}
#nav-05 {width: 92px;}
#nav-06 {width: 78px;}

#nav-01 a:hover {background:url(/img/menu.jpg)  0px   -46px no-repeat; }
#nav-02 a:hover {background:url(/img/menu.jpg) -42px  -46px no-repeat; }
#nav-03 a:hover {background:url(/img/menu.jpg) -179px -46px no-repeat; }
#nav-04 a:hover {background:url(/img/menu.jpg) -297px -46px no-repeat; }
#nav-05 a:hover {background:url(/img/menu.jpg) -420px -46px no-repeat; }
#nav-06 a:hover {background:url(/img/menu.jpg) -512px -46px no-repeat; }

/* BEGIN REQUEST & FORMS BUTTONS */
#side-nav {
	background:url(/img/btn_side-sprite.jpg) no-repeat;
	width:275px;
	height:206px;
	padding:0;
}

#side-nav span {
	display: none;
}

#side-nav li, #side-nav a {
	height:103px;
	display:block;
}

#side-nav li {
	float:left;
	list-style:none;
	display:inline;
}

#side-nav-01 {width:275px;}
#side-nav-02 {width:275px;}

#side-nav-01 a:hover {background:url(/img/btn_side-sprite.jpg) 0px -206px no-repeat; }
#side-nav-02 a:hover {background:url(/img/btn_side-sprite.jpg) 0px -309px no-repeat; }

/* END REQUEST & FORMS BUTTONS */



#break	{
	clear:both;
}

#phoneNumber{
	float:right;
	width:350px;
	height:30px;
	text-align:right;
	color:#3F5F73;
	font-size:22px;
	padding-top:25px;
}

.push-21	{
	height:21px;
}

.push-10	{
	height:10px;
}

.push-31	{
	height:31px;
}

.push-6	{
	height:6px;
}

.push-5	{
	height:5px;
}
.push-40	{
	height:40px;
}

.push-15	{
	height:15px;
}

.push-20	{
	height:20px;
	clear:both;
}

.push-30	{
	height:30px;
}


#main-body	{
	background-color:#3f5f73;
	width:100%;
	height:576px;
	border-bottom:#c5b4b2 thin solid;
}

#main-body-secondary	{
	background-color:#3f5f73;
	width:100%;
	min-height:657px;
	border-bottom:#c5b4b2 thin solid;
}

#content-middle	{
	margin-left:auto;
	margin-right:auto;
	width:952px;
}

div#request-window	{
	background-image:url(/img/red-bg.jpg);
	background-repeat:repeat-x;
	height:310px;
	width:325px;
	margin-left:auto;
	margin-right:auto;
	float:left;
}
#window-left	{
	background-image:url(/img/red-left-bg.jpg);
	height:310px;
	width:19px;
	float:left;
}
#window-middle	{
	background:transparent;
	height:287px;
	width:287px;
	float:left;
}
#window-right	{
	background-image:url(/img/red-right-bg.jpg);
	height:310px;
	width:19px;
	float:left;
}
#people	{
	background-image:url(/img/people-img.jpg);
	height:310px;
	width:627px;
	float:left;
}
a div#request-appt	{
	background-image:url(/img/request-appointment.jpg);
	width:275px;
	height:100px;
	background-position:top;
}
a div#request-appt:hover	{
	background:url(/img/request-appointment.jpg) 0px -100px no-repeat;
	width:275px;
	height:100px;
	background-position:bottom;
	cursor:pointer;
}
a div#new-patient	{
	background:url(/img/patient-forms.jpg) 0px 0px no-repeat;
	width:275px;
	height:100px;
	background-position:top;
}
a div#new-patient:hover	{
	background:url(/img/patient-forms.jpg) 0px -100px no-repeat;
	width:275px;
	height:100px;
	background-position:bottom;
	cursor:pointer;
}
#services	{
	width:950px;
	margin-left:auto;
	margin-right:auto;
}
#sub-services-1	{
	width:304px;
	float:left;
	padding-right:19px;
	height:164px;
	text-decoration:none;
}
#sub-services-1	a{
	text-decoration:none;
}

#sub-services-2	{
	width:311px;
	float:left;
	height:164px;
	padding-right:10px;
}
#sub-services-3	{
	width:305px;
	float:left;
	height:164px;
}

#sub-services-3	{
	text-decoration:none;
}

#services-text	{
	font-family:helvetica;
	font-size:10pt;
	color:#ffffff;
	height:148px;
}
#sub-images	{
	padding-right:15px;
	float:left;
}

#more-button	{
	height:16px;
}

.MoreInformation{
	background-image:url(/img/btn_moreInfo.gif);
	background-repeat:no-repeat;
	width:164px;
	height:38px;
	cursor:pointer;
}

ul#office-location	{
	color:#FFFFFF;
	text-align:left;
	font-family:helvetica;
	font-size:10pt;
	list-style:square inside;
}

#footer	{
	width:100%;
	padding-top:30px;
	text-align:center;
	vertical-align:text-top;
	font-size:10pt;
	color:#3f5f73;
	font-family:Arial, Helvetica, sans-serif;
	min-height:80px;
	background-image:url(/img/footer-bg.jpg) bottom repeat-x #fff;
}
#footer a{
	color:#3f5f73;
	text-decoration:none;
	
}
#footer a:hover{
	color:#3f5f73;
	text-decoration:underline;
	
}
#secondary-middle	{
	width:952px;
	margin-left:auto;
	margin-right:auto;
}

#secondary-right	{
	background-image:none;
	float:left;
	padding:0 0 10px 20px;
	width:605px;
}

#secondary-bottom	{
	background: #324c5c;
	height:305px;
	padding: 0 11px;
}

#secondary-img-small	{
	float:left;
	padding-right:15px;
}

#secondary-sub-text	{
	font-family:helvetica;
	font-size:10pt;
	color:#ffffff;
	height:103px;
	float:left;
}

#sub-text	{
	width:183px;
	/*cursor:pointer;*/
	color:#FFF;
	text-decoration:none;
}

.secondary-title	{
	color:#ffffff;
	font-size:28pt;
}

.secondary-title-blue	{
	color:#9bcaf7;
	font-size:14pt;
}

.secondary-title-blue-name	{
	color:#9bcaf7;
	font-size:18pt;
}

#white-text	{
	color:white;
}

#secondary-ul	{
	list-style-image:url(/img/secondary-bullet.jpg);
	margin-left:50px;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:10pt;
}

#quotebox	{
	width:387px;
	padding:10px;
	background-color:#51748d;
	margin-left:36px;
}

#testimonial-name	{
	color:#9bcaf7;
}

a#link	{
	color:#9bcaf7;
	text-decoration:none;
}

a#link:hover	{
	color:#9bcaf7;
	text-decoration:underline;
}

#secondary-divider	{
	background-image:url(/img/secondary-divider.jpg);
	width:567px;
	height:13px;
	margin-left:5px;
	background-position:center;
	background-repeat:no-repeat;
}

#secondary-gradient	{
	height:210px;
	width:168px;
	/*background-image:url(/img/secondary-gradient.jpg);
	background-repeat:repeat-x;
	background-position:top;*/
	float:left;
	margin-right:15px;
}

#secondary-bottom-right	{
	float:left;
	width:422px;
	overflow:auto;
}


/*=========GENERAL CSS RULES================*/
/* OFFICE HOURS TABLE */
#hours{
	width:220px; background-color:#324c5c; font-size:12px;float:left;	
}
#hours-hdr{
	color:#FFF;
}
.hours-bg{
	background-color:#3f5f73;
	color:#fff;
}

/* 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/images/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:#fdc689;/*--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--*/