/* HTML Styles */

body {
	font: 75% Arial, Helvetica, sans-serif;
	color: #666;
	background: #fff url("../images/body_bg.gif") repeat-x left top;
	margin: 0;
	padding: 0;
}
a:link, a:visited {
	text-decoration: none;
	color: #0085d1;
}
a:hover, a:active {
	text-decoration: underline;
	color: #0085d1;
}

.top {margin-top: 10px; padding-top: 10px;}

h2 {
	font-size: 200%;
	font-weight: normal;
	color: #0085d1;
	margin: 0 0 1em 0;
}
h3 {
	font-size: 140%;
	color: #0085d1;
}
img {
	border: 0;
}
hr {
	color: #c5e9fb;
	background: #c5e9fb;
	height: 1px;
	padding: 0;
	border: none;
}
fieldset {
	margin : 0;
	padding: 0;
	border: none;
}
legend {
	font-size: 120%;
	font-weight: bold;
	color: #0085d1;
}
table {
	width: 100%;
	padding: 0;
	border-top: solid 1px #c5e9fb;
	border-right: solid 1px #c5e9fb;
	border-bottom: none;
	border-left: solid 1px #c5e9fb;
	border-collapse: collapse;
}
caption {
	font-size: 120%;
	font-weight: bold;
	color: #fff;
	text-align: left;
	background: #0085d1;
	padding: 5px 10px;
	border-bottom: solid 1px #c5e9fb;
}
thead {
	 background: #e6f7ff;
}
tfoot {
	font-size: 84%;
}
th, td {
	font-size: 100%;
	line-height: 1.2em;
	text-align: left;
	vertical-align: top;
	margin: 0;
	padding: 5px 10px;
	border-bottom: solid 1px #c5e9fb;
}
th {
	font-weight: bold;
	color: #0085d1;
	background: #e6f7ff;
}


/* Main Container */

#container {
	width: 760px;
	margin: 0 auto;
}

/* Header */

#header {
	color: #fff;
	height: 88px;
}
#logo {
	height: 88px;
	width: 261px;
	float: right;
}
#logo h1 {
	font-size: 100%;
	background: url("../images/head_logo.gif") no-repeat right top;
	height: 88px;
	width: 261px;
	margin: 0;
}
#logo a {
	display: block;
	text-indent: -9999px;
	height: 88px;
	width: 261px;
}
#nav {
	width: 499px;
	float: left;
	padding-top: 57px;
}
ul.topnav {
	width: auto;
}
ul.mainnav {
	width: 470px;
}
#nav ul {
	float: right;
	clear: right;
	margin: 0;
	padding: 0;
}
#nav li {
	font-size: 108%;
	float: left;
	list-style: none;
}
#nav a:link, #nav a:visited {
	line-height: 23px;
	text-decoration: none;
	color: #fff;
	display: block;
	margin: 4px 2px;
	padding: 0 6px;
}
#nav a:hover {
	text-decoration: none;
	color: #fff;
	background: #42bdff;
}
#home a.navhome:link, #home a.navhome:visited, #contactus a.navcontact:link, #contactus a.navcontact:visited, #aboutus a.navabout:link, #aboutus a.navabout:visited, #whitening a.navwhitening:link, #whitening a.navwhitening:visited, #implants a.navimplants:link, #implants a.navimplants:visited, #gallery a.navgallery:link, #gallery a.navgallery:visited, #fees a.navfees:link, #fees a.navfees:visited, #accreditations a.navaccreditations:link, #accreditations a.navaccreditations:visited, #testimonials a.navtestimonials:link, #testimonials a.navtestimonials:visited, #treatments a.navtreatments:link, #treatments a.navtreatments:visited {background: #71cbff;}

/* Footer */

#footer {
	width: 760px;
	float: left;
	clear: both;
	padding: 20px 0;
	border-top: solid 2px #c5e9fb;
}
#footer p {
	margin: 0;
}
#contact {
	font-size: 85%;
	line-height: 1.5em;
	float: left;
}
#contact p {
	float: left;
	margin-right: 20px;
}
#contact strong {
	color: #0085d1;
}
#copyright {
	font-size: 75%;
	line-height: 1.5em;
	float: right;
}

/* Main Content */

#content {
	width: 760px;
	float: left;
	clear: both;
	padding: 25px 0;
}
#photo {
	width: 200px;
	float: left;
}
#photo dl {
	margin: 0;
	padding: 0;
	border-top: solid 1px #c5e9fb;
}
#photo dt {
	font-size: 125%;
	font-weight: bold;
}
#photo dt, #photo dd {
	margin: 0;
	padding: 0;
	border-bottom: solid 1px #c5e9fb;
}
#photo dl a {
	line-height: 2.5em;
	display: block;
	text-indent: 10px;
}
#photo dl a:hover {
	text-decoration: none;
	background-color: #c5e9fb;
}
#photo dl a.on {
	background-color: #e6f7ff;
}
.bodyphoto {
	float: left;
	clear: left;
	margin: 2em 1em 2em 0;
}
.bodyphotoalt {
	float: right;
	clear: right;
	margin: 1em 0 1.5em 1em;
}
#specialphoto {
	width: 350px;
	float: left;
}
#bodytext {
	line-height: 1.8em;
	width: 520px;
	float: left;
	padding: 0 20px;
}
#bodytextfull {
	line-height: 1.8em;
	width: 720px;
	padding: 0 20px;
}
#specialtext {
	line-height: 1.8em;
	width: 370px;
	float: left;
}
#intro {
	line-height: 2em;
	text-align: right;
	width: 342px;
	float: left;
	padding: 20px 20px 20px 10px;
}
#fronttitle {
	background: url("../images/front_headline.gif") no-repeat right center;
	height: 30px;
	width: 342px;
}
#fronttitle h2 {
	display: none;
}
#frontflash {
	float: right;
}
#home h3 {
	line-height: 1.8em;
	clear: both;
	margin-bottom: 0;
	padding: 0 10px;
	border-bottom: solid 1px #c5e9fb;
}
#gallerytext p, #gallerytext li {
	font-size: 84%;
}
#gallerytext h3 {
	clear: both;
	margin: 0 0 1.5em 0;
	padding-top: 5px;
	border-top: solid 1px #c5e9fb;
}
#gallerytext ul {
	width: 760px;
	float: left;
	clear: both;
	margin: 0 0 2em 0;
	padding: 0;
}
#gallerytext ul li {
	width: 180px;
	float: left;
	padding: 5px;
	list-style: none;
}
#gallerytext ul li img {
	margin-bottom: 5px;
}
#contacttext {
	line-height: 1.8em;
}
#contacttext form, #specialtext form {
	background: #e6f7ff;
	width: 400px;
	float: left;
	margin: 0 20px 0 0;
	padding: 10px;
}
#specialtext form {
	line-height: 1.2em;
	width: 350px;
}
#contacttext ul, #specialtext form ul {
	float: left;
	margin: 0;
	padding: 0;
}
#contacttext ul li, #specialtext form ul li {
	float: left;
	clear: both;
	padding: 5px 0;
	list-style: none;
}
#contacttext ul li {
	width: 380px;
}
#specialtext form ul li {
	clear: none;
	padding: 5px;
}
#specialtext legend {
	margin-bottom: .8em;
}
#contacttext label {
	font-weight: bold;
	text-align: right;
	width: 80px;
	float: left;
	padding-right: 10px;
}
#contacttext .textinput {
	width: 20em;
	float: left;
}
#contacttext .sendbutton {
	margin-left: 90px;
}
#specialtext .textinput {
	width: 12em;
}
.specialtextarea {
	width: 25em;
}
.textinput, .specialtextarea {
	font: 100% Arial, Helvetica, sans-serif;
	color: #666;
	background: #fff;
	padding: 2px;
	border: solid 1px #a0d6f5;
}
.sendbutton {
	font: normal 110%/21px Arial, Helvetica, sans-serif;
	color: #fff;
	background: #509ac5;
	text-align: center;
	width: 65px;
	border: solid 1px #a0d6f5;
}
#specialtext h2 {
	line-height: 1.5em;
	margin-bottom: 0;
	padding: 0 10px;
	border-top: solid 1px #c5e9fb;
	border-right: solid 1px #c5e9fb;
	border-left: solid 1px #c5e9fb;
}
h2.special1 {
	background: #e6f7ff;
}
h2.special2 {
	font-size: 160%;
	background: #fff;
	border-bottom: solid 1px #c5e9fb;
}
#specialtext h3 {
	color: #0a598f;
}
#specialtext strong {
	font-size: 130%;
	color: #0085d1;
}
.back {
	font-weight: bold;
	text-align: right;
}
.quote {
	background: url("../images/quotes.gif") no-repeat center top;
	padding: 0 60px;
	border-top: solid 1px #c5e9fb;
}
.clear {
	clear: both;
}
.section, .sectionlast {
	height: 160px;
	width: 194px;
	float: left;
	border-left: solid 1px #c5e9fb;
}
.sectionlast {
	width: 134px;
}
.section dl, .sectionlast dl {
	margin: 0;
	padding: 0;
}
.section dt, .sectionlast dt {
	font-size: 116%;
	font-weight: bold;
}
.section dt a, .sectionlast dt a {
	padding-left: 34px;
	background-image: url("../images/section_title.gif");
	background-repeat: no-repeat;
	background-position: 10px center;
}
.section dd, .sectionlast dd {
	line-height: 1.3em;
	margin: 0;
}
.section dl a, .sectionlast dl a {
	line-height: 2.5em;
	display: block;
	text-indent: 10px;
}
.section dl a:hover, .sectionlast dl a:hover {
	text-decoration: none;
	background-color: #c5e9fb;
}