@charset "utf-8";

/* CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }


/* Default styles */
body {
  font-size: 75%; 
  font-family: Arial, Helvetica, sans-serif;  
  padding: 0;
  margin: 0;
  background: #2b312b url(../images/header-bg.png) repeat-x;
  color: #595959;
}

img {
  vertical-align: middle;
}

.clear{
 
	clear:both;
}

input, select, textarea {
  font-family: Arial, Helvetica, Geneva, sans-serif;
  font-size: inherit;
}

.niceField{
  font-size: 11px;
  display: block;
  padding: 2px;
  background: #fff;
  border: 1px solid;
  border-color: #ccc #ddd #eee #ddd;
  color: #595959;
  border-radius: 2px;
}


.contact-fieldset{
	border:1px solid #99B599;
	background-color:#e6eae7;
	padding:10px;
	width:526px;
	margin-left:72px;
}
.submit-contact-main {
background:url("../images/contact-button.png") no-repeat scroll 0 0 transparent;
border:medium none;
cursor:pointer;
height:20px;
margin:0;
padding:0;
position:relative;
width:75px;
}
.errorField{
  border-color: #c00 #d00 #e00 #d00;
  background-color: #ffede0;
  color: #c00;
}

p {
  margin: 0 0 1em 0;
  padding: 0;
}

.floatRight{
  float: right;
}

.floatLeft{
  float: left;
}

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

.mainImage
{
  margin-left: 10px;
}

.alignCenter{
  text-align: center;
}

.alignLeft{
  text-align: left;
}

.alignRight{
  text-align: right;
}

a {
  color: #4988d7;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

h1, h2, h3{
  font-weight: normal;
  font-family: Georgia, "Times New Roman", Times, serif;
  margin: 0 0 .6em;
}

h1{
  font-size: 24px;
}

h2{
  font-size: 20px;
}

h3{
  font-size: 16px;
}

#wrapper{
  width: 960px;
  margin: 0 auto;
  position: relative;
  padding: 427px 0 0 0;
}

#header{
  position: absolute;
  left: 0;
  top: 0;
  height: 427px;
  width: 100%;
}
.slogan{
	display: block;
  position: absolute;
  left: 3px;
  top: 110px;
  font-size:15px;
 color:#FFF;
 font-family:Georgia,"Times New Roman",Times,serif;
 }
#logo{
  display: block;
  position: absolute;
  left: 3px;
  top: 30px;
  width: 232px;
  height: 58px;
  background: url('../images/logo.png') no-repeat;
}

#callUs{
  position: absolute;
  right: 1px;
  top: 20px;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 24px;
  line-height: 1.2em;
  color: #fff;
  text-align: right;
}

#callUs small{
  font-size: 18px;
  display: block;
}

#menu{
  position: absolute;
  right: 0;
  top: 129px;
  list-style-type: none;
  padding: 0;
  margin: 0;
  z-index: 100;
}

#menu li{
  float: left;
  position: relative;
}


#menu li a{
  float: left;
  display: block;
  height: 39px;
  line-height: 39px;
  padding: 0 9px;
  font-size: 13px;
  cursor: pointer;
  color: #a3c8b1;
}


#menu li a:hover, #menu li:hover a{
  color: #fff;
  text-decoration: none;
  background-color: #17501B;
}

#menu li ul{
  display: none;
  position: absolute;
  z-index: 110;
  left: 0;
  top: 100%;
  list-style-type: none;
  padding: 0;
  margin: 0;
  background: #371b11;
}

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

#menu li ul li{
  float: none;
  width: auto;
  padding: 0;
  margin: 0;
  height: auto;
  line-height: 1.2em;
}

#menu li ul li a, #menu li:hover ul li a{
  float: none;
  display: block;
  padding: 2px 10px;
  height: auto;
  font-size: 12px;
  line-height: 1.4em;
  color: #a3c8b1;
  white-space: nowrap;
}

#menu li ul li a:hover, #menu li:hover ul li a:hover{
  color: #fff;
  background: #0a230b;
}

#billboard{
  position: absolute;
  top: 168px;
  left: 0;
  width: 705px;
  height: 259px;
  border-left: 1px solid #264926;
}

#contactForm{
  position: absolute;
  top: 168px;
  right: 0;
  border-right: 1px solid #3a393f;
  width: 253px;
  height: 259px;
  background: url('../images/contact-bg.png') no-repeat;
  text-align: right;
}

#contactForm div{
  padding: 10px 20px 0;
}

#contactForm h3{
  font-size: 20px;
  text-align: left;
  color: #7f988c;
}

#contactForm .niceField{
  display: block;
  width: 207px;
  margin: 0 0 11px 0;
}

#contactForm textarea.niceField{
  height: 72px;
}

#contactForm .submit{
  padding: 0;
  margin: 0;
  width: 75px;
  height: 20px;
  background: url('../images/contact-button.png') no-repeat;
  border: none;
  cursor: pointer;
  position: relative;
}

#contactForm .submit:active{
  top: 1px;
}

#content{
  padding: 10px 15px 10px 15px;
  overflow: hidden;
  border: solid #3a393f;
  border-width: 0 1px;
  background-color: #fff;
}

#centerColumn{
	float:left;
	left:0;
	padding:5px 0 0;
	position:relative;
	width:708px;
}

#centerColumn h1, #centerColumn h2, #centerColumn h3{
  color: #110f23;
}

#centerColumn ul{
  margin: 0 0 1.25em 0;
  padding: 0 0 0 2em;
  list-style-type: disc;
}

#centerColumn ul li{
  padding: 1px 0;
  line-height: 1.4em;
}

#centerColumn p{
  text-align: justify;
  line-height: 1.4em;
  margin: 0 0 1.4em 0;
}

#centerColumn ul.boxes{
  list-style-type: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

#centerColumn ul.boxes li{
  width: 232px;
  float: left;
  margin: 0 4px 14px 0px;
}

#centerColumn ul.boxes li.right{
  float: right;
}

#centerColumn ul.boxes li .image{
  padding: 8px;
  background-color: #dbd6d1;
}

#centerColumn ul.boxes li .image img{
  display: block;
  border: 1px solid #fff;
}

#centerColumn ul.boxes li .bottom{
  padding: 0 8px;
  height: 35px;
  background: url('../images/content-box-bottom.png') repeat-x;
}

#centerColumn ul.boxes li .bottom h3{
  margin: 0;
  font-size: 17px;
  line-height: 34px;
  height: 35px;
  float: left;
  color: #fff;
  font-weight: lighter;
  font-family:  "Helvetica Neue", Arial, Helvetica, sans-serif;
}

#centerColumn ul.boxes li .bottom .more{
  margin: 7px 0 0 0;
  padding: 2px 25px 0 0;
  height: 18px;
  line-height: 18px;
  text-transform: uppercase;
  font-size: 10px;
  background: url('../images/content-box-arrow.png') no-repeat 100% 0;
  float: right;
  color: #fff;
}

#leftColumn{
  width: 200px;
  padding: 0 21px 0 0;
  position: relative;
  left: -475px;
  float: left;
}

#rightColumn{
  width: 200px;
  float: right;
}

#leftColumn .section, #rightColumn .section{
  margin-bottom: 8px;
  border: 1px solid #99b599;
  background-color: #d8e0da;
  padding: 10px 8px;
}

#leftColumn .section h3, #rightColumn .section h3{
  font-weight: bold;
  font-size: 16px;
  color: #1a2f1b;
}

#leftColumn .dottedList, #rightColumn .dottedList{
  border-top: 1px dotted #879987;
  line-height: 1.2em;
}

#leftColumn .dottedList li, #rightColumn .dottedList li{
  padding: 5px 0;
  border-bottom: 1px dotted #879987;
  overflow: hidden;
}

#leftColumn .dottedList li p, #rightColumn .dottedList li p{
  margin: 0;
  font-weight: bold;
}

#leftColumn .more, #rightColumn .more{
  line-height: 12px;
  color: #47251b;
  background: url('../images/side-arrow.png') no-repeat 0 0;
  float: right;
  font-size: 10px;
  text-transform: uppercase;
  padding: 0 0 0 14px;
}

#sideChoose{
  border: 1px dotted #695b56;
  margin-bottom: 8px;
  background-color: #d8e0da;
}

#sideChoose h3{
  margin-bottom: 6px;
  font-size: 1px;
  color: #23110f;
  width: 140px;
  height: 127px;
  background: url('../images/side-header-why-choose-us.png') no-repeat;
}

#sideChoose ul{
  padding: 5px 20px 5px;
  color: #23110f;
  font-family: Georgia, "Times New Roman", Times, serif;
}

#sideChoose ul li{
  padding: 6px 0 6px 34px;
  border-top: 1px dotted #695b56;
  background-position: 0px 6px;
  background-repeat: no-repeat;
  font-size: 14px;
}

#sideChoose ul li.n1{
  background-image: url(../images/side-number-1.png);
}

#sideChoose ul li.n2{
  background-image: url(../images/side-number-2.png);
}

#sideChoose ul li.n3{
  background-image: url(../images/side-number-3.png);
}

#sideChoose ul li.n4{
  background-image: url(../images/side-number-4.png);
}

#sideCavendish{
  display: block;
  margin-bottom: 8px;
  width: 200px;
  height: 117px;
  background: url('../images/side-cavendish.png') no-repeat;
}

#sideDentistRefferals{
  display: block;
  width: 181px;
  height: 101px;
  background: url('../images/side-referrals.png') no-repeat;
}

#sideLocationMap{
  display: block;
  width: 180px;
  height: 99px;
  background: url('../images/side-map.jpg') no-repeat;
}

#sideConsultation{
  padding: 60px 10px 10px;
  background: url(../images/side-header-consultation.png) no-repeat 100% 0;
  border: 1px dotted #695b56;
  line-height: 1.2em;
  background-color: #b5c8c1;
  color: #110f23;
}

#sideConsultation strong{
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 14px;
}

#sideConsultation a{
  color: #23110f;
  font-size: 11px;
}

#sideVideo{
  position: relative;
  left: 3px;
  color: #7d151e;
  text-align: center;
  display: block;
  margin: 0 auto 8px;
  padding: 98px 10px 0 0;
  width: 163px;
  background: url('../images/side-launch.jpg') no-repeat;
}

#sideHSDS{
  display: block;
  width: 181px;
  height: 101px;
  background: url('../images/side-location-hsds.png') no-repeat;
  margin-bottom: 8px;
}

#sideDSDS{
  display: block;
  width: 181px;
  height: 101px;
  background: url('../images/side-location-devonshire.png') no-repeat;
  margin-bottom: 8px;
}

#sideStAnnes{
  display: block;
  width: 180px;
  height: 98px;
  background: url('../images/side-location-stanes.png') no-repeat;
}

#footer{
  height: 129px;
  background: url('../images/footer-bg.png') repeat-x;
}

#footer .wrapper{
  position: relative;
  background: url(../images/footer-logos.png) no-repeat 1px 20px;
  padding: 85px 0 0 0;
  width: 938px;
  margin: 0 auto;
  overflow: hidden;
  color: #d8e0da;
  line-height: 1.2em;
  font-size: 11px;
}

#footer .group{
  display: block;
  position: absolute;
  left: 1px;
  top: 20px;
  width: 90px;
  height: 51px;
}

#footer .wrapper a{
  color: #d8e0da;
}

#footer .floatLeft{
  padding-top: 1.2em;
}

#footer .floatLeft a{
  display: inline-block;
  margin: 0 4px;
}
.floatLeft {
float:left;
margin:0 10px 10px 0;
}
 
.niceBorder {
border:1px solid #CCCCCC;
padding:2px;
}
.team-1 img{
	margin-bottom:5px;
}
.team-1{
	margin:5px;
	padding:5px;
	border:1px solid #CCC;
	float:left;
}
.niceBorder{
	border:1px solid #CCC;
	padding:4px;
}
.floatleft{
	float:left;
	margin:0px 10px 10px 0px;
}
.floatright{
	float:right;
	margin:0px 0px 10px 10px;
}
.testi-div{
	float:left;
 
	margin:10px;
}


.cos-link{
	text-decoration:none !important;
	cursor:default !important;
	
}


referral {
overflow:auto;
padding:20px;
}
.referral p {
padding:0;
}
.referral fieldset {
border:1px dashed #0f3914;
margin:0 0 10px;
padding:10px;
width:505px;
}
.referral legend {
 
color:#0f3914;
font-size:11px;
margin-bottom:10px;
padding:0 10px;
text-transform:uppercase;
}
.referral .label_width {
float:left;
width:74px;
}
.referral .ref_label {
float:right;
width:94px;
}
.referral table tr {
border:0 none;
}
.referral table td {
padding:1px 0;
}
.referral input {
float:left;
margin-right:5px;
}
.referral .ref_field {
border:1px solid #0f3914;
color:#0a260d;
display:block;
font:12px "Trebuchet MS",Trebuchet,Verdana,sans-serif;
height:13px;
margin:0 0 5px;
padding:2px;
text-align:left;
width:200px;
}
.referral textarea {
border:1px solid #0f3914;
color:#0a260d;
display:block;
 
overflow:auto;
}
.referral .hea {
color:#0f3914;
font-weight:bold;
}
.referral .required {
color:#0f3914;
float:left;
padding:2px;
width:8px;
}
.referral label {
float:none;
}
.glow-errorMsg {
color:#FF3300;
margin:2px;
overflow:auto;
padding:2px;
}
.glow-errorSummary {
background-color:#FFFFCC;
color:#FF3300;
}
.glow-errorSummary ul {
list-style-type:circle;
}
.referral .submit {
float:left;
margin-top:10px;
background:url("../images/contact-button.png") no-repeat scroll 0 0 transparent;
border:medium none;
cursor:pointer;
height:20px;
 
position:relative;
width:75px;
}
.portfolioButtons {
float:right;
margin:0 0 0 10px;
}
.portfolioButtons img {
display:block;
margin-bottom:5px;
}
table.prices td{
	padding:6px;
}
table.prices tr.odd {
    background-color: #d8e0da;
}
table.prices {
    border: 1px solid #d8e0da;
}

.aligner {
	color: #595959;
  text-decoration: none; 
  cursor: text;
}

.aligner:hover {
  color: #595959;
  text-decoration: none; 
  cursor: text;
}
.nodec {
	text-decoration:none !important;
}
.clear-left {
	clear:left;
}
.clear-left a {
	color:#595959;
}
.float-left {
	float:left;
}
.float-right {
	float:right;
}

.month img {
	display: block;
	padding: 3px;
	border: 1px solid #99B599;
}

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

.italic {
	font-style:italic;
}
