/* ----- DEFAULT ELEMENTS -----*/

body {
	background-color: #c5c5c5;
	margin: 0;
	padding: 0;
	color: #666666;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	line-height: 16px;
	}

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

h1{
	padding: 0px;
	margin: 0px;
	}
	
h2{
	padding: 0px;
	margin: 0px;
	}
	
#mainnav img{
	padding: 26px 0px 0px 37px;
	float: left;
	}
a{
	outline: none;
	}

/* ----- WRAP ELEMENTS -----*/

#wrap {
	width:831px;
	margin: 0 auto 0 auto;
	position: relative;
	}
	
#innerwrap{
	margin-top: 30px;
	}


/* ----- CONTENT ELEMENTS -----*/

#content{
	background: url(images/bg_middle.jpg) repeat-y; 
	width: 831px;
	height: 500px; /* ----- need to set height for WIN IE or Firefox...---- */
	}

.visits #content{
	height: 550px;
	}

#content img{
	float: left;
	padding-right: 0px;
	}

#content_copy{
	width: 450px;
	float: left;
	}
	
#content_copy ul{
	padding: 0px 0px 30px 0px;
	color: #ee811f;
	margin-left: 35px; /* For IE, need 30px margin-left in order for bullets to show up*/
	}
	
#content_copy li{	
	font-size:10px;
	padding-bottom: 10px;
	}

#content_copy p{
	margin-left: 35px;
	line-height: 15px;
	padding: 0px;
	}
	
/* ----- CONTENT ELEMENTS: home -----*/

.home #content, .credits #content {
	padding: 70px 0px 0px 37px;	
	}
	
.home #content_copy span{
	color: #666666;
	font-size:15px;
	line-height: 18px;
	font-weight: 100;
	}

.credits #content_copy p{
	color: #666666;
	font-size:14px;
	line-height:20px;
	padding-right: 25px;
	}
	
.credits #content_copy a{
	text-decoration: underline;
	color: #ee811f;
	}
	
/* ----- CONTENT ELEMENTS:video -----*/
#video_intro{
	position: absolute;
	top: 200px;
	left: 200px;
	}
	
#video_intro h1{
	position: relative;
	top: 0px;
	left: 85px;
	background: url(images/txt_introvideo.jpg) no-repeat;
	width: 266px;
	height: 27px;
	text-indent: -9000px;
	}
	
.video_intro{
	position: relative;
	top: 20px;
	left: 0px;
	}

	
/* ----- CONTENT ELEMENTS: meet the staff -----*/

.preston #content, .michelle #content, .ljerka #content, .tanvi #content {
	padding: 0px 0px 0px 37px;	
	}

.preston #content_copy, .michelle #content_copy, .ljerka #content_copy, .tanvi #content_copy{
	padding-top: 50px;
	}

.preston #content img, .michelle #content img, .ljerka #content img, .tanvi #content img{
	padding-top: 30px;
	}

/* ----- CONTENT ELEMENTS: patient info -----*/
.services #content, .therapy #content, .cosmetic #content, .whitening #content, .invisalign #content, .implants #content,
.dentalins #content, .policies #content {
	padding: 0px 0px 0px 37px;	
	}

.services #content_copy, .services #content img, .therapy #content_copy, .therapy #content img, .cosmetic #content_copy, .cosmetic #content img, .whitening #content_copy, .whitening #content img, .invisalign #content_copy, .invisalign #content img, .implants #content_copy, .implants #content img, 
.dentalins #content_copy, .dentalins #content img, .policies #content_copy, .policies #content img, .visits .visit_column, .links .links_column{
	padding-top: 35px;
	}

.services p{
	margin: 5px 0px 15px 0px;
	}
	
.invisalign #content_copy a, .dentalins #content_copy a{
	text-decoration: underline;
	color: #ee811f;
	}
	
/* ----- CONTENT ELEMENTS: testimonials and faqs -----*/
#quotes{
	padding: 5px 0px 0px 20px;
	}
	
#faq_video{
	padding: 5px 0px 0px 25px;
	}

/* ----- CONTENT ELEMENTS: giving -----*/
.giving_video{
	float: left;
	padding: 30px 0px 0px 25px;
	}

.giving_text{
	font-size: 12px;
	float: left;
	width: 360px;
	margin-left: 25px;
	padding-top: 30px;
	}
	
.giving_text a{
	color: #ee811f;
	text-decoration: underline;
	}

/* ----- CONTENT ELEMENTS: brown is green, your visits, giving -----*/

.brownisgreen #content img{
	float: none;
	padding: 20px 0px 0px 35px;
	}

.green_column{
	float: left;
	width: 360px;
	padding-left: 38px;
	}
	
.visit_column, .links_column{
	float: left;
	width: 360px;
	margin-left: 38px;
	}

.green_column p, visit_column p{
	font-size: 11px;
	line-height: 13px;
	}
	
.links_column p{
	font-size: 12px;
	line-height: 15px;
	}

.green_column span{
	font-size: 14px;
	font-weight: bold;
	color: #587c27;
	}
	
.visit_column span{
	font-size: 12px;
	font-weight: bold;
	color: #ee811f;
	}
	
.links_column a{
	color: #ee811f;
	text-decoration: underline;
	}
	
/* ----- CONTENT ELEMENTS: contact us ------ */

.location #content, .appointments #content {
	padding: 0px 0px 0px 37px;	
	}
	
.location #content_copy, .location #content img, .appointments #content_copy, .appointments #content img{
	padding-top: 50px;
    }
  
.location p{
	margin: 3px 0px 16px 0px;
	}

.location span, .appointments span{
	color: #ee811f;
 	}
 	
 .location h1,  .location h2,  .location h3,  .location h4,  .location h5{
 	padding: 0px;
 	margin: 0px;
 	}
 	
 #email_form{
 	position: absolute;
 	top: 250px;
 	left: 355px;
 	}
    
  
/* ----- HEADER ELEMENTS -----*/ 

.home #content_copy h1{
	background: url(images/txt_welcome.jpg) no-repeat;
	width: 180px;
	height: 27px;
	text-indent: -9000px;
	margin-left: 30px;
	}
	
.home #content_copy h2{
	background: url(images/txt_ourmission.jpg) no-repeat;
	width: 350px;
	height: 13px;
	text-indent: -9000px;	
	margin: 12px 0px 28px 30px;
	}

.credits #content_copy h1{
	background: url(images/txt_sitecredits.jpg) no-repeat;
	width: 85px;
	height: 18px;
	text-indent: -9000px;
	margin-left: 33px;
	}


	/* ----- HEADER: staff -----*/ 

.preston #content_copy h1, .michelle #content_copy h1, .ljerka #content_copy h1, .tanvi #content_copy h1{
	width: 332;
	height: 48px;
	text-indent: -9000px;	
	margin-left: 30px;
	}

.preston #content_copy h1{
	background: url(images/txt_preston.jpg) no-repeat;
	}
	
.michelle #content_copy h1{
	background: url(images/txt_michelle.jpg) no-repeat;
	}
	
.ljerka #content_copy h1{
	background: url(images/txt_ljerka.jpg) no-repeat;
	}
	
.tanvi #content_copy h1{
	background: url(images/txt_tanvi.jpg) no-repeat;
	}
	
.michelle #content_copy h2{
	background: url(images/txt_practicemanager.jpg) no-repeat;
	width: 136px;
	height: 20px;
	text-indent: -9000px;	
	margin-left: 30px;
	}

	/* ----- HEADER: services -----*/ 
	
.services h1, .services h2, .therapy h1, .cosmetic h1, .whitening h1, .invisalign h1, .implants h1{
	width: 216px;
	text-indent: -9000px;
	margin-left: 33px;
	} 
	
.services h1, .therapy h1, .cosmetic h1, .whitening h1, .invisalign h1, .implants h1{
	height: 20px;
	}

.services h1{
	background: url(images/txt_comprehensive.jpg) no-repeat;	
	}
	
.services h2{
	background: url(images/txt_preventative.jpg) no-repeat;
	height: 16px;
	}
	
.therapy h1{
	background: url(images/txt_therapy.jpg) no-repeat;
	}
	
.cosmetic h1{
	background: url(images/txt_cosmetic.jpg) no-repeat;
	}

.whitening h1{
	background: url(images/txt_whitening.jpg) no-repeat;
	}
	
.invisalign h1{
	background: url(images/txt_invisalign.jpg) no-repeat;
	}
	
.implants h1{
	background: url(images/txt_implants.jpg) no-repeat;
	}

	/* ----- HEADER: patientinfo -----*/ 
	
.dentalins h1, .policies h1, .policies h2, .policies h3, .visits h1, .visits h2, .links h1, .links h3{
	width: 185px;
	height: 19px;
	text-indent: -9000px;
	margin-left: -3px;
	}
	
.dentalins h1, .policies h1, .policies h2, .policies h3{
	margin-left: 33px;
	}

.dentalins h1{
	background: url(images/txt_dentalinsurance.jpg) no-repeat;
	}
	
.policies h1{
	background: url(images/txt_cancellationpolicy.jpg) no-repeat;
	}
	
.policies h2{
	background: url(images/txt_financialpolicy.jpg) no-repeat;
	}
	
.policies h3{
	background: url(images/txt_privacypolicy.jpg) no-repeat;
	}
	
.visits h1{
	background: url(images/txt_firstvisit.jpg) no-repeat;
	}

.visits h2{
	background: url(images/txt_comfortable.jpg) no-repeat;
	}

.links h1{
	background: url(images/txt_generallinks.jpg) no-repeat;
	}

.links h2{
	background: url(images/txt_oralhealth.jpg) no-repeat;
	width: 203px;
	height: 19px;
	text-indent: -9000px;
	margin-left: -3px;
	}
	
.links h3{
	background: url(images/txt_othersites.jpg) no-repeat;
	}


	/* ----- HEADER: contact us -----*/ 
	
.location h1, .location h2, .location h3, .location h4, .location h5{
	width: 185px;
	height: 19px;
	text-indent: -9000px;
	margin-left: 33px;
	}
	
.location h1{
	background: url(images/txt_location.jpg) no-repeat;
	}
	
.location h2{
	background: url(images/txt_hours.jpg) no-repeat;
	}
	
.location h3{
	background: url(images/txt_bartstops.jpg) no-repeat;
	}
	
.location h4{
	background: url(images/txt_busroutes.jpg) no-repeat;
	}
	
.location h5{
	background: url(images/txt_parking.jpg) no-repeat;
	}
	
.appointments h1{
	width: 203px;
	height: 19px;
	text-indent: -9000px;
	margin-left: 33px;
	background: url(images/txt_appointment.jpg) no-repeat;
	}

	
	
/* ----- FOOTER & FOOTER LINK ELEMENTS -----*/

#footer{
	background: url(images/bg_bottom.jpg) no-repeat;
	width: 831px;
	padding: 0px 0px 25px 0px;
	clear: both;
	}

#footer ul{
	list-style-type: none;
	margin-left: 190px;
	}

#footer li{
	float: left;
	padding: 25px 15px 0px 0px;
	}
	
#footer a{
	font-size: 11px;
	color: #fff;
	text-decoration: none;
	}


/* ----- PATIENT SERVICES : links -----*/

#services_links ul{
	list-style-type: none;
	}

#services_links li{
	padding: 0px;
	}

#services_links li a:link, #services_links li a:visited{
	font-size: 11px;
	text-decoration: underline;
	color: #9d9c9c;
	line-height: 15px;
	}
	
#services_links li a:hover{
	text-decoration: underline;
	color: #ee811f;
	}
	
#services_links li a.services_active{
	color: #ee811f;
	}

/* ----- SUBNAV-----*/

#subnav{
	width: 831px;
	height: 25px;
	padding: 0px 0px 0px 0px;
	}

#subnav ul{
	list-style-type: none;
	margin-left: 188px;
	}
	
.services #subnav ul, .therapy #subnav ul, .cosmetic #subnav ul, .whitening #subnav ul, .invisalign #subnav ul, .implants #subnav ul, 
.dentalins #subnav ul, .policies #subnav ul, .faqs #subnav ul{
	margin-left: 298px;
	}
	
.visits #subnav ul, .testimonials #subnav ul, .links #subnav ul, .faqs #subnav ul{
	margin-left: 335px;
	}
	
.location #subnav ul, .appointments #subnav ul{
	margin-left: 550px;
	}

#subnav li{
	float: left;
	padding-right: 15px;
	}
	
#subnav li a:link, #subnav li a:visited{
	font-size: 11px;
	text-decoration: none;
	color: #666;
	}
	
#subnav li a:hover{
	text-decoration: underline;
	color: #009b95;
	}
	
#subnav li a.meet_active{
	text-decoration: underline;
	color: #009b95;
	}

/* ----- MAINNAV -----*/

#mainnav{
	width: 831px;
	height: 101px;
	background: url(images/bg_top.jpg) no-repeat;
	padding: 0px 0px 0px 0px;
	}

#mainnav ul{
	list-style-type: none;
	padding-top: 4px;
	margin-left: 220px;
	}

#mainnav li{
	float: left;
	text-indent: -9000px;
	}
	
#mainnav a{
	display: block;
	}
		#mainnav a.meet{
		width: 103px;
		height: 96px;
		}
		
		.preston #mainnav a:link, .preston #mainnav a.meet:visited, .preston #mainnav a.meet:hover {
		background: url(images/nav_meet_active.jpg) no-repeat scroll left bottom; 
		}
		
		.michelle #mainnav a:link, .michelle #mainnav a.meet:visited, .michelle #mainnav a.meet:hover {
		background: url(images/nav_meet_active.jpg) no-repeat scroll left bottom; 
		}
		
		.ljerka #mainnav a:link, .ljerka #mainnav a.meet:visited, .ljerka #mainnav a.meet:hover {
		background: url(images/nav_meet_active.jpg) no-repeat scroll left bottom; 
		}
		
		.tanvi #mainnav a:link, .tanvi #mainnav a.meet:visited, .tanvi #mainnav a.meet:hover {
		background: url(images/nav_meet_active.jpg) no-repeat scroll left bottom; 
		}
		
		#mainnav a.meet:link, #mainnav a.meet:visited {
		background: url(images/nav_meet.jpg) no-repeat scroll left top; 
		}

		#mainnav a.meet:hover {
		background: url(images/nav_meet.jpg) no-repeat scroll left bottom; 
		}
		
		/* --------------------------------------------*/
		
		#mainnav a.patient{
		width: 141px;
		height: 96px;
		}
		
		#mainnav a.patient:link, #mainnav a.patient:visited {
		background: url(images/nav_patient.jpg) no-repeat scroll left top; 
		}

		#mainnav a.patient:hover {
		background: url(images/nav_patient.jpg) no-repeat scroll left bottom; 
		}
		
			.services #mainnav a.patient:link, .services #mainnav a.patient:visited, .services #mainnav a.patient:hover{
			background: url(images/nav_patient_active.jpg) no-repeat scroll left bottom; 
			}
		
			.therapy #mainnav a.patient:link, .therapy #mainnav a.patient:visited, .therapy #mainnav a.patient:hover{
			background: url(images/nav_patient_active.jpg) no-repeat scroll left bottom; 
			}
		
			.cosmetic #mainnav a.patient:link, .cosmetic #mainnav a.patient:visited, .cosmetic #mainnav a.patient:hover{
			background: url(images/nav_patient_active.jpg) no-repeat scroll left bottom; 
			}
		
			.whitening #mainnav a.patient:link, .whitening #mainnav a.patient:visited, .whitening #mainnav a.patient:hover{
			background: url(images/nav_patient_active.jpg) no-repeat scroll left bottom; 
			}
			
			.invisalign #mainnav a.patient:link, .invisalign #mainnav a.patient:visited, .invisalign #mainnav a.patient:hover{
			background: url(images/nav_patient_active.jpg) no-repeat scroll left bottom; 
			}
			
			.implants #mainnav a.patient:link, .implants #mainnav a.patient:visited, .implants #mainnav a.patient:hover{
			background: url(images/nav_patient_active.jpg) no-repeat scroll left bottom; 
			}
			
			.dentalins #mainnav a.patient:link, .dentalins #mainnav a.patient:visited, .dentalins #mainnav a.patient:hover{
			background: url(images/nav_patient_active.jpg) no-repeat scroll left bottom; 
			}
			
			.policies #mainnav a.patient:link, .policies #mainnav a.patient:visited, .policies #mainnav a.patient:hover{
			background: url(images/nav_patient_active.jpg) no-repeat scroll left bottom; 
			}
			
			.visits #mainnav a.patient:link, .visits #mainnav a.patient:visited, .visits #mainnav a.patient:hover{
			background: url(images/nav_patient_active.jpg) no-repeat scroll left bottom; 
			}
			
			.testimonials #mainnav a.patient:link, .testimonials #mainnav a.patient:visited, .testimonials #mainnav a.patient:hover{
			background: url(images/nav_patient_active.jpg) no-repeat scroll left bottom; 
			}
			
			.faqs #mainnav a.patient:link, .faqs #mainnav a.patient:visited, .faqs #mainnav a.patient:hover{
			background: url(images/nav_patient_active.jpg) no-repeat scroll left bottom; 
			}
			
			.links #mainnav a.patient:link, .links #mainnav a.patient:visited, .links #mainnav a.patient:hover{
			background: url(images/nav_patient_active.jpg) no-repeat scroll left bottom; 
			}
		
		/* --------------------------------------------*/
		
		#mainnav a.giving{
		width: 103px;
		height: 96px;
		}
		
		.givingpage #mainnav a.giving:link, .givingpage #mainnav a.giving:visited, .givingpage #mainnav a.giving:hover{
		background: url(images/nav_giving.jpg) no-repeat scroll left bottom;
		}
		
		#mainnav a.giving:link, #mainnav a.giving:visited {
		background: url(images/nav_giving.jpg) no-repeat scroll left top; 
		}

		#mainnav a.giving:hover {
		background: url(images/nav_giving.jpg) no-repeat scroll left bottom; 
		}
		
		/* --------------------------------------------*/
		
		#mainnav a.brown{
		width: 133px;
		height: 96px;
		}
		
		.brownisgreen #mainnav a.brown:link, .brownisgreen #mainnav a.brown:visited, .brownisgreen #mainnav a.brown:hover{
		background: url(images/nav_brown.jpg) no-repeat scroll left bottom;
		}
		
		#mainnav a.brown:link, #mainnav a.brown:visited {
		background: url(images/nav_brown.jpg) no-repeat scroll left top; 
		}

		#mainnav a.brown:hover {
		background: url(images/nav_brown.jpg) no-repeat scroll left bottom; 
		}
		
		/* --------------------------------------------*/
		
		#mainnav a.contact{
		width: 90px;
		height: 96px;
		}
		
		.location #mainnav a.contact:link, .location #mainnav a.contact:visited, .location #mainnav a.contact:hover, .appointments #mainnav a.contact:link, .appointments #mainnav a.contact:visited, .appointments #mainnav a.contact:hover {
		background: url(images/nav_contact_active.jpg) no-repeat scroll left bottom; 
		}		
		
		#mainnav a.contact:link, #mainnav a.contact:visited {
		background: url(images/nav_contact.jpg) no-repeat scroll left top; 
		}

		#mainnav a.contact:hover {
		background: url(images/nav_contact.jpg) no-repeat scroll left bottom; 
		}


/* ----- MEET THE STAFF : THUMBS -----*/

#staff_thumbs{
	clear: both;	
	width: 200px;
	height: 36px;
	padding: 0px;
	}	

#staff_thumbs ul{
	list-style-type: none;
	}

#staff_thumbs li{
	float: left;
	}
	
#staff_thumbs a{
	display: block;
	}
		#staff_thumbs .staff_thumbs{
		margin: 0px 10px 0px 0px;
		}