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

* {
	padding: 0;
	margin: 0;
	}
	
H1  {
    font-family: Helvetica, Tahoma, Arial;
    font-size: 25px;
    font-weight: bold;
}

H2  {
    font-family: Tahoma, Arial, Helvetica;
    font-size: 17px;
    font-weight: bold;
}

H3	{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 16px;
    font-weight: bold;
}

P	{
    font-family: Arial, Helvetica, Tahoma;
    font-size: 12px;
    font-weight: normal;
}

a:link {
	color: #000000;
	text-decoration: none;
	border-style: none;
}
a:visited {
	color: #000000;
	text-decoration: none;
	border-style: none;
}
a:hover {
	color: #005861;
	text-decoration: none;
	border-style: none;
}

a:active {
	color: #000000;
	text-decoration: none;
	border-style: none;
}
	
#Page {
	height: auto;
	width: 924px;
	margin: auto;
	}

#TopBanner {
	background:url(images/index_02.jpg);
	height: 40px;
	width: 924px;
	padding: 10px 0 0 0;
	margin: 0 auto;
	float: left;
	}
	
#BottomBanner {
	background:url(images/index_14.jpg);
	height: 30px;
	width: 924px;
	padding: 10px 0 0 0;
	margin: 0 auto;
	float: left;
	}
	
#UnderBanner1 {
	background: #FFFFFF;
	height: 350px;
	width: 500px;
	padding: 0px;
	margin: 40px 0 0 0;
	float: left;
	}
	
#UnderBanner2 {
	background: #FFFFFF;
	height: 350px;
	width: 424px;
	padding: 0px;
	margin: 40px 0 0 0;
	float: left;
	}
	
#MainImageContainer {
	height: 554px;
	width: 328px;
	margin: 0;
	float: left;
	}
		

#MainImage {
	background:url(images/index_05.jpg);
	height: 218px;
	width: 328px;
	margin: 0;
	float: left;
	}
	
#HeaderText {
	background: #FFFFFF;
	height: 554px;
	width: 596px;
	margin: 0;
	float: left;
	}
	
	
#HomeButton a {
	display: block; 
	float: left;
	background:  url(rollovers/Home.jpg) top;
	width: 328px;
	height: 56px;
	}
	
#HomeButton a:hover {
	background:  url(rollovers/Home.jpg) no-repeat bottom;
	}
	
#AboutUsButton a {
	display: block; 
	float: left;
	background:  url(rollovers/AboutUs.jpg) top;
	width: 328px;
	height: 56px;
	}
	
#AboutUsButton a:hover {
	background:  url(rollovers/AboutUs.jpg) no-repeat bottom;
	}
	
#ServicesButton a {
	display: block; 
	float: left;
	background:  url(rollovers/Services.jpg) top;
	width: 328px;
	height: 56px;
	}
	
#ServicesButton a:hover {
	background:  url(rollovers/Services.jpg) no-repeat bottom;
	}
	
#TestimonialsButton a {
	display: block; 
	float: left;
	background:  url(rollovers/Testimonials.jpg) top;
	width: 328px;
	height: 56px;
	}
	
#TestimonialsButton a:hover {
	background:  url(rollovers/Testimonials.jpg) no-repeat bottom;
	}
	
#CorporateButton a {
	display: block; 
	float: left;
	background:  url(rollovers/Corporate.jpg) top;
	width: 328px;
	height: 56px;
	}
	
#CorporateButton a:hover {
	background:  url(rollovers/Corporate.jpg) no-repeat bottom;
	}
	
#ContactButton a {
	display: block; 
	float: left;
	background:  url(rollovers/Contact.jpg) top;
	width: 328px;
	height: 56px;
	}
	
#ContactButton a:hover {
	background:  url(rollovers/Contact.jpg) no-repeat bottom;
	}

#Lady {
	position: absolute;
	margin: 0 0 0 412px;
	}
	
.Heading1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #005861;
	padding: 10px 0 0 10px;
	}

.Heading2 {
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px 0 5px 10px;
	}
	
.Heading3 {
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px 0 5px 10px;
	color: #005861;
	}
	
.Paragraph1 {
	font-family: Arial, Helvetica, sans-serif;
	padding: 15px 0 15px 10px;
	}
	
#BDA {
	margin: -1px 0px 0px 210px;
	POSITION: absolute;
	border-style: none;
	}

#Clearstep {
	margin: -3px 0px 0px 400px;
	POSITION: absolute;
	border-style: none;
	}
	
#Enlighten {
	margin: 61px 0px 0px 212px;
	POSITION: absolute;
	border-style: none;
	}
	
#Invisalign {
	margin: 74px 0px 0px 365px;
	POSITION: absolute;
	border-style: none;
	}
	
#Offer {
	position: absolute;
	margin: -7px 0px 0px 10px;
	}
	
#OpeningTimes	{
	margin: 60px 0 0 0;
	}

#ContactForm	{
	width: 214px;
	margin: 70px 0px 0 35px;
	float: left;
	}
	
#SideContact1	{
	margin: 0 0 0 30px;
	float: left;
	}
	
#SideContact2	{
	float: left;
	}
	
#Welcome	{
	margin: 0px 0 20px 0;
	width: 924px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #005861;
	}
	
.Buttons	{
	display: block;
	background: url(rollovers/Nav.jpg) top;
	margin: 30px 0 20px 0;
	float: left;
	width: 154px;
	height: 43px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	}
	
.Buttons a:hover {
	display: block;
	background: url(rollovers/Nav.jpg) no-repeat bottom;
	width: 154px;
	height: 43px;
	}
	
.Buttons2	{
	display: block;
	background: url(rollovers/Nav.jpg) top;
	margin: 30px 0 20px 0;
	float: left;
	width: 154px;
	height: 43px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	}


.Buttons2 a:hover {
	display: block;
	background:  url(rollovers/Nav.jpg) no-repeat bottom;
	width: 154px;
	height: 43px;
	}

a.Nav:link { 
	color: #FFFFFF;
	text-decoration: none;
	}
	
a.Nav:visited {
	color: #FFFFFF;
	text-decoration: none;
	}
	
a.Nav:hover {
	color: #FFFFFF;
	text-decoration: none;
	}

.Title	{
	margin: 20px 0 0 0;
	width: 924px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #005861;
	}
	
.Paragraph	{
	margin: 10px 0 0 0;
	width: 924px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	}
	
.Square	{
	display: block;
	background: #FFFFFF;
	float: left;
	width: 462px;
	height: 220px;
	text-align: center;
	margin: 0px 0 0px 0;
	}
	
.SmallTitle	{
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #005861;
	}
	
#Join	{
	display: block;
	background: url(rollovers/Join.jpg) top;
	margin: 10px 0 20px 0;
	width: 148px;
	height: 60px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	margin: auto;
	}


#Join a:hover {
	display: block;
	background: url(rollovers/Join.jpg) no-repeat bottom;
	width: 148px;
	height: 60px;
	}
	
a.Join:link { 
	color: #FFFFFF;
	text-decoration: none;
	}
	
a.Join:visited {
	color: #FFFFFF;
	text-decoration: none;
	}
	
a.Join:hover {
	color: #FFFFFF;
	text-decoration: none;
	}
	
#Footer	{
	float: left;
	background: #FFFFFF;
	display: block;
	width: 924px;
	margin: 10px auto;
	height: 50px;
	font-family: Arial, Helvetica, Tahoma;
    font-size: 12px;
    font-weight: normal;
	text-align: center;
	}