@charset "utf-8";

/* CSS Document */



body{
	background-color: #F1D8A9;
	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: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#692D1B;
	font-size:14px;
	background-image: url(../img/top-pad.gif);
	background-repeat: no-repeat;
	background-position: center top;

	

}
p img.centerBorder {
	margin-right: auto;
	margin-left: auto;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-color: #666;
	border-bottom-color: #666;
	display: block;
}


/*--End Classes--*/
html {
	overflow: scroll;
}

div {
	margin: 0px;
	padding: 0px;
}


#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: 20px auto 0; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */

}

ul,li{

	list-style:url(../img/img_bullet.gif); padding-bottom:4px;

}

h3{

	color:#60200d; font-size:18px; font-weight:bold; margin:0;

}

a{

	text-decoration:underline;

}

a:hover{

	text-decoration:none;

}

.hr-div{

	width:558px; height:10px; background:url(../img/img_hr-line.gif) top center no-repeat;	

}

#left-side{

	float:left; width:278px; background:url(../img/spcr_dk-red.gif);

}

#right-side{
	float:right;
	width:672px;
	background-color:#FFF;
	margin: 0px;
	padding: 0px;
}
.add-top{
	float:left;
	line-height:27px;
	font-size: 24px;
	width: 100%;
	padding-top: 7px;
}

.add-top-alt {
	float:left;
	line-height:15px;
	font-size: 13px;
	width: 50%;
}

.add-top p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	text-align: center;
	margin: 3px 0px 8px;
}


.add-top a{
	color:#662916;
	text-decoration:none;
}
.add-top a:hover {
	text-decoration: underline;
}

.add-top-index{float:left; width:150px; line-height:16px;}

.add-top-index a{color:#000; text-decoration:underline;}
.home-bottom {
	clear: both;
	height: 62px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #5F200E;
}
.home-bottom p {
	text-align: center;
	font-weight: bold;
	margin-top: 3px;
	margin-bottom: 3px;
	font-size: 19px;
}

#request{
	height:74px;
	width:220px;
	float:right;
	padding-top:14px;
}

#request-patient-edu{ height:74px; width:220px; float:right; left:20px; padding-top:14px;	}

#interactive-pedu{height:74px; width:220px; float:right; left:20px; padding-top:14px;}

#logo{

	background:url(../img/logo_main.jpg) top left no-repeat; height:153px;

}

#offer{

	background:url(../img/img_offer.gif) top left no-repeat; height:343px; text-decoration:none; cursor:pointer;

}

#main-img{
	float:left;
	height:353px;
	width:632px;
	margin: 0px;
	padding: 0px;
}

#home-row{

	padding:0px 20px 0px 20px;	

}

#about-dentist-main{

	background:url(../img/bkg_about-dentist-main.jpg) top left no-repeat; height:194px; width:305px; float:left;	

}
#about-dentist-main div {
	padding-top: 0px;

}


#office-location-main{

	background: url(../img/bkg_office-location-main.jpg) top left no-repeat; height:174px; width:327px;	float:right;

}

#office-location-main p{padding-left:60px;}

#sec-header{

	background:url(../img/hdr_sec-page.jpg) top left no-repeat; height:146px;	

}

#sec-title{padding:95px 0px 0px 130px; font-family:'Times New Roman', Times, serif; font-size:36px; color:#FFF;	}

#sec-title h1{margin:0; font-family:'Times New Roman', Times, serif; font-size:36px; color:#FFF;	}

#sec-page{

	background:url(../img/bkg_sec-page.gif) top repeat-y; padding:8px 30px 20px 30px;	

}

#sec-content{

	background:url(../img/bkg_hdr-sec-page.gif) top left no-repeat; padding:15px 15px 10px 15px;	

}

#sec-content a{

	color:#c7a062; text-decoration:none; font-size:14px; font-weight:bold;

}

#sec-content a:hover{

	text-decoration:underline;

}

.office a{
	color:#672A17;
	text-decoration:none;
	font-size:16px;
	font-weight:bold;

}

.office a:hover{

	text-decoration:underline;

}



#sec-page-footer{

	background:url(../img/bkg_sec-page-footer.gif) top left no-repeat; height:29px; padding-top:12px; padding-left: 450px; color:#a4a4a4; font-size:12px; clear:both;

}

#sec-page-footer a{

	color:#a4a4a4;	

}

#sec-bkg{

	background:url(../img/bkg_sec-back.gif) top left repeat-y;	

}

#side-footer{

	background:url(../img/img_side-footer.gif) bottom no-repeat; height:122px; 

}



#main-footer{

	background-color:#4f4c4d; height:28px; text-align:center; padding-top:12px; color:#a4a4a4; font-size:12px; clear:both;

}

#main-footer a{

	color:#a4a4a4;	

}

.push-10{

	height:10px;

	clear:both;

}



.push-20{

	height:20px;

	clear:both;

}

.push-30{

	height:30px;

	clear:both;

}

.photo-pad{

	padding: 0px 8px 8px 0px;	

}



/* BEGIN SIDE NAVIGATION*/

#menu-side {   

    background:url("../img/btn_side-menu-sprite.gif") 0 0 no-repeat;   

    width:278px;   

    height:150px;   

    margin:0;   

    padding:0;   

    }  

#menu-side li span { display: none; }   

  

#menu-side li { float:left; list-style:none; position:relative; }   

  

#menu-side li, #menu-side a {   

    height:30px;    /* Each button must have the same height, define it here */  

    display:block;   

    margin:0;   

    padding:0;   

    }   

  

li#home,li#about-dentist,li#services,li#patient-education,li#contact-us { margin-bottom:0px; width:278px; } 

#home a:hover { background:url("../img/btn_side-menu-sprite.gif") -278px  -0px no-repeat; }   

#about-dentist a:hover { background:url("../img/btn_side-menu-sprite.gif") -278px  -30px no-repeat; } 

#services a:hover { background:url("../img/btn_side-menu-sprite.gif") -278px  -60px no-repeat; }   

#patient-education a:hover { background:url("../img/btn_side-menu-sprite.gif") -278px  -90px no-repeat; }   

#contact-us a:hover { background:url("../img/btn_side-menu-sprite.gif") -278px  -120px no-repeat; }   



li#home-selected,li#about-dentist-selected,li#services-selected,li#patient-education-selected,li#contact-us-selected { margin-bottom:0px; width:278px; } 

#home-selected { background:url("../img/btn_side-menu-sprite.gif") -278px  -0px no-repeat; }   

#about-dentist-selected { background:url("../img/btn_side-menu-sprite.gif") -278px  -30px no-repeat; } 

#services-selected { background:url("../img/btn_side-menu-sprite.gif") -278px  -60px no-repeat; } 

#patient-education-selected { background:url("../img/btn_side-menu-sprite.gif") -278px  -90px no-repeat; } 

#contact-us-selected { background:url("../img/btn_side-menu-sprite.gif") -278px  -120px no-repeat; } 



/* END SIDE NAVIGATION*/

/* BEGIN APPOINTMENT NAVIGATION*/

#menu-top {   

    background:url("../img/btn_top-menu-sprite.gif") 0 0 no-repeat;   

    width:198px;   

    height:58px;   

    margin:0;   

    padding:0;   

    }  

#menu-top li span { display: none; }   

  

#menu-top li { float:left; list-style:none; position:relative; }   

  

#menu-top li, #menu-top a {   



    height:58px;    /* Each button must have the same height, define it here */  

    display:block;   

    margin:0;   

    padding:0;   

    }   

  

li#request-appt{ margin-bottom:0px; width:198px; } 

#request-appt a:hover { background:url("../img/btn_top-menu-sprite.gif") -198px  -0px no-repeat; }   



li#request-appt-selected { margin-bottom:0px; width:198px; } 

#request-appt-selected { background:url("../img/btn_top-menu-sprite.gif") -198px  -0px no-repeat; }   





/* END APPOINTMENT NAVIGATION*/



	/* OFFICE HOURS TABLE */

#hours{

	width:220px; background-color:#60200d; font-size:12px;float:left;	

}

#hours-hdr{

	color:#FFF;

}

.hours-bg{
	background-color:#FFF;
	color:#60200D;
}



/* END OFFICE HOURS TABLE */



#cal1Container {

            position: absolute;

            display: none;

        }

        p, #cal1Container {

            margin: 1em;

        }

        

        #cal1Container {

            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(../img/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:#ff0000;/*--Change the color of the required fields--*/

	}

	

.float_right {

	float:right;

	}



.float_left {

	float:left;

	}

	





	

.field_margin {

	clear:both;

	margin-bottom:12px;

	}

	

/* Calendar Header */

.calheader{

	color:#000;	

}