@import url("home.css");

/* --- SUB MASTHEADS --- */
#Sub1Masthead{
background:url(../images/Sub1Masthead.jpg) no-repeat;
height:57px; /* 92px */
padding:35px 0 0 780px;
width:220px; /* 1000px */
}
#Sub2Masthead{
background:url(../images/Sub2Masthead.jpg) no-repeat;
height:57px; /* 92px */
padding:35px 0 0 780px;
width:220px; /* 1000px */}

/* --- SUB NAV 1 --- */
#subnav1 #Navigation{
background:url(../images/SubNav1BG.jpg) no-repeat;
height:36px;
width:1000px;
}

/* --- SUB NAV 2 --- */
#subnav2 #Navigation{
background:url(../images/SubNav2BG.jpg) no-repeat;
height:36px;
width:1000px;
}

/* --- SUB HEADERS --- */
#MeetHeader{
background:url(../images/Header_MeetDoctor.jpg) no-repeat;
height:170px; /* 180px */
font-size:18px;
padding:10px 0 0 30px;
width:970px; /* 1000px */
}
#OfferHeader{
background:url(../images/Header_Offer.jpg) no-repeat;
height:170px; /* 180px */
font-size:18px;
padding:10px 0 0 30px;
width:970px; /* 1000px */
}
#WhatHeader{
background:url(../images/Header_What.jpg) no-repeat;
height:170px; /* 180px */
font-size:18px;
padding:10px 0 0 30px;
width:970px; /* 1000px */
}
#TestimonialsHeader{
background:url(../images/Header_Testimonials.jpg) no-repeat;
height:170px; /* 180px */
font-size:18px;
padding:10px 0 0 30px;
width:970px; /* 1000px */
}
#MediaHeader{
background:url(../images/Header_Media.jpg) no-repeat;
height:170px; /* 180px */
font-size:18px;
padding:10px 0 0 30px;
width:970px; /* 1000px */
}
#ContactHeader{
background:url(../images/Header_Contact.jpg) no-repeat;
height:205px; /* 215px */
font-size:18px;
padding:10px 0 0 30px;
width:970px; /* 1000px */
}
#GalleryHeader{
background:url(../images/Header_Gallery.jpg) no-repeat;
height:205px; /* 215px */
font-size:18px;
padding:10px 0 0 30px;
width:970px; /* 1000px */
}
	
/* ----- SUBPAGE CONTENT ----- */
#ContentBox{
background:url(../images/ContentBoxBG.gif) repeat-y;
width:1000px;
}
#ContentBox2{
background:#FFFFFF;
width:1000px;
}

#LeftContainer{
background:url(../images/LeftContainerBG.gif) repeat-x #FFFFFF;
border-right:1px solid #acacac;
float:left;
overflow:hidden;
padding:0 30px 10px 30px;
width:469px; /*530px*/
}
	#quicknav{
	list-style:none;
	float:left;
	padding:0 14px 10px 0;
	}
	#Procedures{
	background:url(../images/ProceduresBG.jpg) no-repeat #dbdbdb;
	float:left;
	height:342px; /*360px*/
	margin-right:4px;
	margin-bottom:20px;
	padding:18px 18px 0 18px;
	position:relative;
	width:194px; /*230px*/
	}
		.ProceduresBtn{
		position:absolute;
		bottom:10px;
		background:url(../images/ViewProcedure_Btn.gif) no-repeat;
		display:block;
		float:left;
		height:28px;
		width:194px;
		}
		a:hover.ProceduresBtn{
		background-position:0 -28px;
		}
			
#RightContainer{
background:#eeeeee;
float:left;
width:470px; /*470px*/
}
	#Organizations{
	background:url(../images/OrganizationsBG.jpg) no-repeat;
	height:414px;
	width:470px;
	}
	#RightContent{
	background:#eeeeee;
	padding:20px 20px 0 20px;
	width:430px; /*470px*/
	}
		#Treatments{
		background:url(../images/TreatmentsBG.jpg) no-repeat;
		height:329px; /*589px*/
		padding:260px 20px 0 20px;
		width:430px; /*470px*/
		}

#LeftBox{
background:url(../images/LeftContainerBG.gif) repeat-x #FFFFFF;
float:left;
width:630px;
}	
	#LeftContent{
	padding:30px 20px 10px 30px;
	width:570px; /*620px*/
	}
		.AllProceduresBtn{
		background:url(../images/Procedures_Btn.gif) no-repeat;
		display:block;
		float:left;
		height:42px;
		width:238px;
		}
		a:hover.AllProceduresBtn{
		background-position:0 -42px;
		}
		.TopPageBtn{
		background:url(../images/TopPage_Btn.gif) no-repeat;
		display:block;
		height:42px;
		width:238px;
		}
		a:hover.TopPageBtn{
		background-position:0 -42px;
		}
		
#RightBox{
background:url(../images/RightBoxBG.jpg) no-repeat #FFFFFF;
float:left;
width:370px;
}
	#DentalProc{
	background:url(../images/DentalProcBG.gif) no-repeat #0a0a0b;
	margin-top:30px;
	padding:65px 10px 0 30px;
	width:300px; /*340px*/
	}
		#DentalProc li{
		background:url(../images/checkmark.gif) no-repeat;
		list-style:none;
		padding:0 0 3px 20px;
		}
		#DentalProc a{
		color:#FFFFFF;
		}
		#DentalProc a:hover{
		color:#e7bb52;
		}
	#SmileGallery{
	margin-top:20px;
	height:400px;
	width:340px; /*340px*/
	}
	#MeetDoctor{
	margin-top:20px;
	margin-bottom:20px;
	height:200px;
	width:340px; /*340px*/
	}
		.MeetDr{
		background:url(../images/MeetDoctor_Btn.gif) no-repeat;
		display:block;
		float:left;
		height:193px;
		width:340px;
		}
		a:hover.MeetDr{
		background-position:0 -193px;
		}
	
/* ----- IN THE MEDIA -----*/
#MainBox{
background:url(../images/MainBoxBG.jpg) no-repeat #FFFFFF;
padding:20px;
width:960px; /*1000px*/
}
	#VideoContainer{
	background:url(../images/VideoContainerBG.gif) repeat-x #000000;
	padding:20px;
	width:920px; /*960px*/
	}
		#VideoBox{
		float:left;
		width:340px;
		}
			#VideoBox a{
			color:#e7bb52;
			}
			#VideoBox a:hover{
			color:#999999;
			}
		#TvBox{
		float:left;
		padding:0 20px 20px 30px;
		width:530px; /*580px*/
		}
			#Television{
			background:url(../images/TelevisionBG.gif) repeat-x #2a2a2a;
			padding:10px;
			width:510px; /*530px*/
			}
			#Radio{
			background:url(../images/TelevisionBG.gif) repeat-x #2a2a2a;
			padding:10px;
			width:510px; /*530px*/
			}
	#MediaRow{
	background:url(../images/MediaRowBG.gif) repeat-x #cecece;
	margin-bottom:5px;
	width:960px;
	}
		#MediaLogo{
		float:left;
		width:300px;
		}
		#MediaText{
		float:left;
		padding:10px;
		width:640px; /*660px*/
		}
	#TvRow{
	background:url(../images/TvRowBG.gif) repeat-x #cecece;
	margin-bottom:5px;
	width:960px;
	}

.QuoteBox{
}
	
/* ----- SMILE GALLERY -----*/
#Browse{
background:url(../images/BrowseBG.jpg) no-repeat;
height:255px; /*360px*/
margin-left:30px;
padding:85px 40px 0 510px;
width:385px; /*940px*/
}
#BrowseMini{
background:url(../images/BrowseMiniBG.jpg) no-repeat;
height:77px; /*122px*/
margin-left:30px;
margin-bottom:10px;
padding:45px 0 0 380px;
width:560px; /*940px*/
}
#GalleryBox{
background:#dadada;
margin-bottom:10px;
margin-left:30px;
padding:20px;
width:900px; /*940px*/
}
	#GalleryTitle{
	border-bottom:1px solid #626262;
	border-right:1px solid #626262;
	float:left;
	height:30px;
	width:350px;
	}
	#GalleryBack{
	border-bottom:1px solid #626262;
	border-right:1px solid #626262;
	float:left;
	height:30px;
	width:275px;
	}
	#GalleryButtons{
	border-bottom:1px solid #626262;
	float:left;
	height:30px;
	width:273px;
	}
	#GalleryInfo{
	margin-left:30px;
	width:940px;
	}
		#GalleryPhoto{
		float:left;
		margin-top:20px;
		padding-right:20px;
		width:600px;
		}
		#GalleryText{
		float:left;
		margin-top:20px;
		width:280px;
		}
			.GalleryListBox{
			display:table;
			clear:both;
			width:900px;
			}
			.GalleryListBox li{
			float:left;
			list-style:none;
			font:12px Arial, Helvetica, sans-serif;
			padding:10px 5px 0 0;
			text-align:center;
			width:220px;
			}

/* ----- CONTACT US -----*/
#HoursBox{
background:url(../images/HoursBoxBG.gif) repeat-x #0b0b0b;
margin:0 30px 10px 30px;
padding:20px 30px 20px 30px;
width:880px; /*1000px*/
}
	#Choices{
	border-right:1px solid #616161;
	float:left;
	width:289px; /*290px */
	}
		#Choices a{
		font:20px "Times New Roman", Times, serif;
		color:#e7bb52;
		text-decoration:none;
		}
		#Choices a:hover{
		font:20px "Times New Roman", Times, serif;
		color:#FFFFFF;
		text-decoration:underline;
		}
		.goldline{
		margin:5px 20px 5px 20px;
		}
	#Location{
	border-right:1px solid #616161;
	float:left;
	padding:0 20px 0 20px;
	width:259px; /*300px*/
	}
	#Operation{
	float:left;
	padding:0 20px 0 20px;
	width:250px; /*290px*/
	}
#AppointmentBox{
background:url(../images/AppointmentBoxBG.gif) repeat-x #1a1a1a;
margin:10px 30px 0 30px;
padding:20px 30px 10px 30px;
width:880px; /*1000px*/
}
	#ContactForm{
	float:left;
	margin-right:0px;
	width:525px;
	}
		#FormLeft{
		float:left;
		margin-right:15px;
		width:245px;
		}
		#FormRight{
		float:left;
		width:245px;
		}
			#ContactForm ul, #ContactForm li{
			list-style:none;
			}
			#ContactForm li{ /* Vertical spacing between form fields */
			margin:5px 0;
			}
			
			#ContactForm input{
			background:#595959;
			color:#FFFFFF;
			border:1px solid white;
			font:12px Verdana, Arial, Helvetica, sans-serif;
			padding:5px;
			width:235px;
			}
			#ContactForm textarea{
			background:#595959;
			border:1px solid white;
			color:#FFFFFF;
			font:12px Verdana, Arial, Helvetica, sans-serif;
			padding:5px;
			width:235px;
			height:145px
			}
			#ContactForm .SubmitBtn{
			float:right;
			height:30px;
			width:100px;
			background:#e7bb52;
			border:none;
			color:#333;
			}
			#Parity{
			display:none;
			}
			#Services{
			background:url(../images/ServicesBG.jpg) no-repeat;
			float:left;
			height:354px;
			margin:0 0 0 20px;
			padding:10px 20px 10px 20px;
			width:283px; /*333px*/
			}
		#Services li{
		background:url(../images/checkmark.gif) no-repeat;
		font:12px Verdana, Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		list-style:none;
		padding-left:15px;
		padding-bottom:5px;
		}
#DirectionsBox{
background:url(../images/DirectionsBoxBG.gif) repeat-x #717171;
margin:10px 30px 0 30px;
padding:20px 30px 10px 30px;
width:880px; /*1000px*/
}
	#Map{
	float:left;
	width:530px;
	}
	#Directions{
	height:200px;
	float:left;
	padding-top:30px;
	width:350px;
	}
.PatientForms{
color:white;
}
.PatientForms a{
color:white;
}
.PatientForms a:hover{
color:#e7bb52;
}