/* 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;
	_behavior: url('/js/csshover3.htc');
}
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: 20px 0 1em;
}
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: 960px;
	margin: 0 auto;
}

/* Header */

#header {
  position: relative;
	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 {
	float: left;
	padding: 0 0 0 2px;
  margin-top: 57px;
}
ul.topnav {
	width: auto;
}
ul.mainnav {
	width: 697px;
}
#nav ul {
	float: right;
	clear: right;
	margin: 0;
	padding: 0;
}
#nav li {
  position: relative;
	font-size: 13px;
	float: left;
	list-style: none;
}
#nav a {
	line-height: 23px;
	text-decoration: none;
	color: #fff;
	display: block;
	margin: 4px 2px;
	padding: 0 6px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
#nav li:hover a  {
	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;}

#nav li ul {
  display: none;
  float: none;
  clear: none;
  position: absolute;
  left: 2px;
  top: 27px;
  margin: 0;
  padding: 0;
	background: #42bdff;
  z-index: 10000;
}

#nav li:hover ul {
  display: block;
}

#nav li ul li {
  position: static;
	border: none;
  line-height: 1.2em;
  float: none;
  margin: 0;
  padding: 0;
  _display: inline;
}

#nav li:hover ul li a {
  width: auto;
  display: block;
  float: none;
  font-size: 12px;
  line-height: 1.2em;
  margin: 0;
  padding: 4px 6px;
	background: #42bdff;
	white-space: nowrap;
}

#nav li:hover ul li a:hover,
#nav li ul li a:hover {
  background: #2772a6;
}

/* Footer */

#footer {
	width: 960px;
	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;
}

#right-column {
	float:right;
	width:275px;	
}

.specialOffer {
  background-color: #e4ebf0;
  border-bottom: 11px solid #55A4CE;
  height: 128px;
  width: 275px;
  margin-top:20px;
}

.specialOffer .bg {
	padding: 10px;
	background: url("../images/body_bg.gif") repeat-x scroll 0 158% #0881CE;
}

.specialOffer h2 {
  color: #FFFFFF;
  margin: 0;
}

.specialOffer img {
  margin-left:auto;
  margin-right:auto;
}

#photo {
	margin-left:10px;
	width: 200px;
	float: left;
}
#photo dl {
	margin: 0;
	padding: 0;
}
#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;
}
.teamphoto {
	float: left;
	clear: left;
	margin: 0 1em 2em 0;
}
.teamprofileList {
	list-style:square;
	margin-left:200px;
}
#specialphoto {
	width: 350px;
	float: left;
}
#bodytext {
	line-height: 1.8em;
	width: 455px;
	float: left;
	padding: 0 0 0 10px;
}
#bodytextfull {
	line-height: 1.8em;
	width: 655px;
	padding: 0 10px 0 20px;
}
#specialtext {
	line-height: 1.8em;
	width: 370px;
	float: left;
}
#intro {
	line-height: 2em;
	text-align: left;
	width: 645px;
	float: left;
	padding: 20px 20px 20px 10px;
}
#fronttitle {
	background: url("../images/front_headline.gif") no-repeat right center;
	height: 30px;
	width: 324px;
}
#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;
	width: 655px;	
}
#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-new.gif") no-repeat center top;
	padding: 0 60px;
	border-top: solid 1px #c5e9fb;
}
.clear {
	clear: both;
}
.section, .sectionlast {
	height: 160px;
	width: 194px;
	float: left;
  margin-left: 11px;
	border-left: solid 1px #c5e9fb;
}
.sectionlast {
	width: 134px;
}
.section dl, .sectionlast dl {
	margin: 0;
	padding: 0;
}
.section dt, .sectionlast dt {
  font-size: 14px;
	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;
	font-size: 12px;
	display: block;
	text-indent: 10px;
}
.section dl a:hover, .sectionlast dl a:hover {
	text-decoration: none;
	background-color: #c5e9fb;
}

div#fb_box { margin: 15px 0 0; clear: both }
img.floatleft { float: left }
div.fb_text { margin: 10px 0 }
div.fb_text img { margin: 2px 0 0 }

#free-consult {
  font-size: 28px;
  float: left;
  margin-bottom: -100%;
  padding-left: 9px;
  margin-top: 11px;  
}

#free-consult span {
  font-weight: bold;
}

#free-consult strong {
	color: #fff; 
}

#free-consult a {
	color: #fff; 
}

.top-area {
  margin-bottom: 15px; 
  width:960px;
}

.slider {
	float: left; 
  margin: 0 10px;
}

.quote-symbol,
.item .text {
  color: #2680B2;
  position: absolute;
}

.item .text {
  font-size: 21px;
  line-height: 29px;
  margin-left: 95px;
  margin-top: -178px;
  color: #fff;
}

.item strong,
.item small {
	display: block;
  font-size: 120%;
}

.item small {
  font-size: 12px; 
  line-height: 24px;
}

.item small em {
	font-weight: bold;
  font-style: normal;
}

.quote-symbol {
  font-family: Georgia,"Times New Roman",Times,serif;
  font-size: 113px;
  margin-left: 32px;
  margin-top: 73px;
  color: #B3E5FF;
  z-index: 1000;
}

.contact {
  background-color: #e4ebf0;
  border-bottom: 11px solid #55A4CE;
  float: right;
  height: 248px;
  width: 275px;
}

.contact .bg {
	padding: 10px;
	background: url("../images/body_bg.gif") repeat-x scroll 0 120% #0881CE;
}

.contact h2 {
  color: #FFFFFF;
  margin: 0;
}

.form-list {
  list-style-type: none;
  margin: 9px 0 0;
  padding: 0;
}

.form-list li {
	margin-bottom: 11px; 
}

.form-list .text {
  border: 1px solid #55A4CE;
  border-radius: 3px 3px 3px 3px;
  display: block;
  font-size: 11px;
  padding: 3px;
  width: 97%;
  font-family: Arial, Helvetica, sans-serif;
}

.form-list .submit {
	border: 0;
  /*background-color: #01649C;*/
  background: url('../images/contact-form-button.png') no-repeat;
  color: white;
  padding: 3px;
  border-radius: 3px;
  padding: 3px 20px; 
  cursor: pointer;
  width:82px;
  height:28px;
  font-size:15px;
  vertical-align:middle;
}

.form-list textarea {
	height: 45px; 
}

.float-left {
	float: left; 
}

.float-right {
	float: right; 
}

.right-margin {
	margin-right: 10px; 
}

.left-margin {
	margin-left: 10px; 
}

.gallery {
	padding: 0;
	list-style-type: none; 
}

#sms-logo {
	margin: 20px 10px 20px 0; 
}

.slider .item {
  position: absolute; 
}

.slider .first {
	z-index: 1000; 
}
.topoffertext {
	color:#0085D1;
	font-size:15px;
	text-align:center;
}

.footer-content {
    clear: both;
    font-size: 11px;
    margin: 0 auto;
    text-align: center;
    width: 875px;	
}
