@import "reset.css";
@import "base.css";
@import "fonts.css";
@import "navigation.css";

/* STYLES APPLIED TO WHOLE SITE */

body{
	margin: 0;
	padding: 0;
	text-align: center;
	line-height: 170%;
	background: #1F1A17;
}

#wrapper{
	margin: 0 auto;
	width: 955px;
	text-align: left;
}

span{
	display: none;
}

a{
	color: #00a3ba;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

/* END OF STYLES APPLIED TO WHOLE SITE */






/* STYLES FOR SPLASH PAGE */

#splash{
	margin: 0 auto;
	width: 1098px;
	height: 538px;
	background: #1F1A17 url('../images/splash.jpg') no-repeat center center;
}

#enter{
	margin: 0;
	height: 538px;
}

#enter a{
	position: relative;
	top: 499px;
	left: 649px;
	display: block;
	width: 178px;
	height: 11px;
	cursor: hand;
}

/* END OF STYLES FOR SPLASH PAGE */






/* STYLES FOR INTERIOR PAGE */

#header{
	width: 955px;
	height: 158px;
	background: url('../images/headerback.gif') no-repeat center center;
}

#topnav{
	margin: 0 auto;
	padding-top: 35px;
	width: 641px;
	height: 14px;
	background: url('../images/topnav.gif') no-repeat 490px bottom;
}

#topnav #home a{
	display: block;
	float: left;
	position: relative;
	left: 490px;
	width: 43px;
	height: 13px;
}

#topnav #contact a{
	display: block;
	float: left;
	position: relative;
	left: 512px;
	width: 64px;
	height: 13px;
}

#logo{
	margin: 10px auto 0 auto;
	width: 641px;
	height: 78px;
	background: #fff url('../images/logo.gif') no-repeat 10px 5px;
}

#logo a{
	display: block;
	width: 230px;
	height: 78px;
}

#navigation{
	margin: 0 auto;
	position: relative;
	top: 0px;
	width: 631px;
	height: 21px;
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;
	background: #1f1a17;
	z-index: 100;
}

#divider{
	height: 2px;
	background: url('../images/divider.gif') no-repeat center center;
}

#animationback{
	width: 955px;
	height: 230px;
	background: url('../images/animationback.gif') no-repeat center center;
}

#animation{
	margin: 0 auto;
	width: 631px;
	height: 233px;
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;
	background: url('../images/animation.jpg') no-repeat center center;
}

#nothing{
	margin: 0 auto;
	width: 631px;
	height: 11px;
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;
	background: #1f1a17;
}

#contentback{
	background: #1F1A17 url('../images/contentback.gif') no-repeat center 343px;
}

#content{
	margin: 0 auto;
	padding: 50px 50px 30px 250px;
	position: relative;
	width: 341px;
	background: #fff url('../images/content.gif') no-repeat center 20px;;	
}

#content h2{
	margin: 0;
	padding: 0;
	height: 42px;
}

#content h2.welcome{
	background: url('../images/welcome.gif') no-repeat left bottom;
}

#content h2.meetus{
	background: url('../images/meetus.gif') no-repeat left bottom;
}

#content h2.procedures{
	background: url('../images/procedures.gif') no-repeat left bottom;
}

#content h2.finance{
	background: url('../images/finance.gif') no-repeat left bottom;
}

#content h2.expect{
	background: url('../images/expect.gif') no-repeat left bottom;
}

#content h2.forms{
	background-image: url(../images/forms.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 74px;
}

#content h2.anxiety{
	background: url('../images/anxiety.gif') no-repeat left bottom;
}

#content h2.contact{
	background: url('../images/contact.gif') no-repeat left bottom;
}

#content h2.consult{
	background: url('../images/consultation_forms.gif') no-repeat left bottom;
}

#content h2.treatment{
	background: url('../images/treatment_forms.gif') no-repeat left bottom;
}

#content h2.sedation{
	background: url('../images/sedation_forms.gif') no-repeat left bottom;
}

#content h2.surgical{
	background: url('../images/surgical_procedure_forms.gif') no-repeat left bottom;
}

#content h2.notice{
	background: url('../images/notice_of_privacy_practices_form.gif') no-repeat left bottom;
}

#content h2.expect{
	background: url('../images/expect.gif') no-repeat left bottom;
}

#content h3{
	margin: 40px 0 0 0;
	padding: 0;
	height: 19px;
}

#content h3.main_heading_one{
	background: url('../images/main_heading_one.gif') no-repeat left center;
}

#content h3.proc_heading_one{
	background: url('../images/proc_heading_one.gif') no-repeat left center;
}

#content h3.proc_heading_two{
	background: url('../images/proc_heading_two.gif') no-repeat left center;
}

#content h3.proc_heading_three{
	background: url('../images/proc_heading_three.gif') no-repeat left center;
}

#content h3.proc_heading_four{
	background: url('../images/proc_heading_four.gif') no-repeat left center;
}

#content h3.fin_heading_one{
	background: url('../images/fin_heading_one.gif') no-repeat left center;
}

#content h3.fin_heading_two{
	background: url('../images/fin_heading_two.gif') no-repeat left center;
}

#content h3.fin_heading_three{
	background: url('../images/fin_heading_three.gif') no-repeat left center;
}

#content h3.cont_heading_one{
	background: url('../images/cont_heading_one.gif') no-repeat left center;
}

#content h3.cont_heading_two{
	background: url('../images/cont_heading_two.gif') no-repeat left center;
}

#content p{
	padding: 10px 0 0 0px;
	text-align: justify;
}

#content ul{
	margin: 10px 0 0 50px;
}

#floatcontact{
	position: absolute;
	left: 20px;
	bottom: 30px;
	font-size: 90%;
}

#footer{
	margin: 0 auto;
	padding: 10px 0 20px 0;
	width: 631px;
	text-align: center;
}

#footer strong{
	font-weight: normal;
	color: #00a3ba;
}

#footer p{
	margin: 0;
	color: #fff;
	font-size: 75%
}

/* END OF STYLES FOR INTERIOR PAGE */







/* STYLES FOR STAFF PAGE */

.doctorphoto {
	position: absolute;
	left: 21px;
	padding: 5px 5px 15px 5px;
	border: solid 1px #CCC;
	background-color: #FFF;
}

.staffphoto {
	padding: 5px 5px 15px 5px;
	border: solid 1px #CCC;
	background-color: #FFF;
}

#buckley, #borgia, #sanchez, #donadio {
	height: 19px;
	margin-top: 30px;
}

#borgia {
	background: url(../images/meet_dr_borgia.gif) no-repeat;
}

#buckley {
	background: url(../images/meet_dr_buckley.gif) no-repeat;
}

#sanchez {
	background: url(../images/meet_dr_sanchez.gif) no-repeat;
}

#donadio {
	background: url(../images/meet_dr_donadio.gif) no-repeat;
}

#sandwich, #plymouth {
	height: 19px;
	margin: 15px 0 10px 0;
}

#sandwich {
	background: url(../images/meet_sandwich.gif) no-repeat;
}

#plymouth {
	background: url(../images/meet_plymouth.gif) no-repeat;
}

ul#staffquicklinks {
	margin: 10px 0 0 15px;
	padding: 0;
	color: #00A3BA;
}