@charset "UTF-8";
/* CSS Document */



.body
{
	margin:0px auto;
	width: 650px;
	padding: 1px;
	
	
}


body{
	margin:0px 0px;
	padding: 0px;
	font-size: 8.5pt;
	color:#ffffff;
	font-family: "century gothic", sans-serif;
	background-image:url("images/bkrnd.jpg");
	background-repeat: repeat-x;
}



.header
{
background-image:url("images/header01.jpg");
top:0px;
width:691px;
height:101px;
}

.topbar
{
background-image:url("images/topbar.jpg");
top:101px;
width:691px;
height:22px;
}

.intro{
	position: absolute;
	background-image: url("images/intro.jpg");
	background-repeat: no-repeat;
	width:144px;
	height:31px;
}
	.intro:hover{
		background-image: url("images/intro_roll.jpg");
		background-repeat: no-repeat;
		width: 144px;
		height: 31px;
	}
	
.aboutdrs{
	position: absolute;
	background-image: url("images/aboutdrs.jpg");
	background-repeat: no-repeat;
	margin-top: 31px;
	width:144px;
	height:29px;
}
	.aboutdrs:hover{
		background-image: url("images/aboutdrs_roll.jpg");
		background-repeat: no-repeat;
		width: 144px;
		height: 29px;
	}
	
.team{
	position: absolute;
	background-image: url("images/meetteam.jpg");
	background-repeat: no-repeat;
	margin-top: 60px;
	width:144px;
	height:31px;
}
	.team:hover{
		background-image: url("images/meetteam_roll.jpg");
		background-repeat: no-repeat;
		width: 144px;
		height: 31px;
	}
	
.services{
	position: absolute;
	background-image: url("images/servicesoffered.jpg");
	background-repeat: no-repeat;
	margin-top: 91px;
	width:144px;
	height:25px;
}
	.services:hover{
		background-image: url("images/servicesoffered_roll.jpg");
		background-repeat: no-repeat;
		width: 144px;
		height: 25px;
	}
	
.tour{
	position: absolute;
	background-image: url("images/touroffice.jpg");
	background-repeat: no-repeat;
	margin-top: 116px;
	width:144px;
	height:25px;
}
	.tour:hover{
		background-image: url("images/touroffice_roll.jpg");
		background-repeat: no-repeat;
		width: 144px;
		height: 25px;
	}
	
.beforeafter{
	position: absolute;
	background-image: url("images/beforeafter.jpg");
	background-repeat: no-repeat;
	margin-top: 144px;
	width:144px;
	height:31px;
}
	.beforeafter:hover{
		background-image: url("images/beforeafter_roll.jpg");
		background-repeat: no-repeat;
		width: 144px;
		height:31px;
	}
	
.contact{
	position: absolute;
	background-image: url("images/contactus.jpg");
	background-repeat: no-repeat;
	margin-top: 172px;
	width:147px;
	height:29px;
}
	.contact:hover{
		background-image: url("images/contactus_roll.jpg");
		background-repeat: no-repeat;
		width: 147px;
		height: 29px;
	}


.invisalign{
	position: absolute;
	z-index:1;
	background-image: url("images/invisalign.jpg");
	background-repeat: no-repeat;
	margin-top: 180px;
	margin-left:0px;
	width:62px;
	height:21px;
}
	.invisalign:hover{
		background-image: url("images/invisalign_roll.jpg");
		background-repeat: no-repeat;
		width: 62px;
		height: 21px;
	}
	
.porcelain{
	position: absolute;
	z-index:1;
	background-image: url("images/porcelain.jpg");
	background-repeat: no-repeat;
	margin-top: 215px;
	margin-left:-7px;
	width:160px;
	height:15px;
}
	.porcelain:hover{
		background-image: url("images/porcelain_roll.jpg");
		background-repeat: no-repeat;
		width: 160px;
		height: 15px;
	}

.whitening{
	position: absolute;
	z-index:1;
	background-image: url("images/whitening.jpg");
	background-repeat: no-repeat;
	margin-top: 182px;
	margin-left:200px;
	width:65px;
	height:17px;
}
	.whitening:hover{
		background-image: url("images/whitening_roll.jpg");
		background-repeat: no-repeat;
		width: 65px;
		height: 17px;
	}
	
.implants{
	position: absolute;
	z-index:1;
	background-image: url("images/implants.jpg");
	background-repeat: no-repeat;
	margin-top: 213px;
	margin-left:202px;
	width:108px;
	height:16px;
}
	.implants:hover{
		background-image: url("images/implants_roll.jpg");
		background-repeat: no-repeat;
		width: 108px;
		height: 16px;
	}

.exwhitening{
	position: absolute;
	z-index:1;
	background-image: url("images/extremewhitening.jpg");
	background-repeat: no-repeat;
	margin-top: 181px;
	margin-left:350px;
	width:110px;
	height:15px;
}
	.exwhitening:hover{
		background-image: url("images/extremewhitening_roll.jpg");
		background-repeat: no-repeat;
		width: 110px;
		height: 15px;
	}
	
	.twoyearold{
	position: absolute;
	z-index:1;
	background-image: url("images/2yearold.jpg");
	background-repeat: no-repeat;
	margin-top: 210px;
	margin-left:349px;
	width:125px;
	height:18px;
}
	.twoyearold:hover{
		background-image: url("images/2yearold_roll.jpg");
		background-repeat: no-repeat;
		width: 125px;
		height: 18px;
	}
	
.maincontent{
	z-index:1;
	position:absolute;
	padding: 0px;
	top:105px;
	margin-left:156px;
	width:530px;
	height:240px;
	
}

.maincontentdr{
	z-index:1;
	position:absolute;
	padding: 0px;
	top:87px;
	margin-left:156px;
	width:530px;
	height:240px;
	
}

.maincontent2{
	z-index:1;
	position:absolute;
	padding: 5px;
	top:105px;
	margin-left: 160px;
	width:530px;
	height:230px;
	overflow: auto;
}



.contentleft
{
z-index:1;
position:absolute;
top:100px;
margin-left: 160px;
width:230px;
height:240px;

}

.contentright
{
z-index:1;
position:absolute;
top:100px;
margin-left: 380px;
width:230px;
height:240px;
}

.contentfarright
{
	z-index:1;
	position:absolute;
	top:115px;
	margin-left: 580px;
	width:140px;
	height:120px;

}
.contentbottom
{
z-index:1;
position:absolute;
top:100px;
margin-left: 155px;
width:230px;
height:68px;
}

.footer
{
position:absolute;
margin-top:222px;
margin-left:144px;
width:540px;
height:82px;
}


a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #B5AE66;
}
a:hover {
	text-decoration: none;
	color: #B5AE66;
}
a:active {
	text-decoration: none;
	color: #B8AF6A;
}