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

html, body, div, span, object,
h1, h2, h3, h4, h5, h6, blockquote, pre, p,
a, address, code, img,
small, strong, dl, dt, dd, ol, ul, li,
fieldset, form, label {
	margin: 0;
	padding: 0;
	boarder: 0;
	outline: 0;
	/*font-size: 100%;*/
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
	margin: 0;
	background-color:#e0f0e5;
	font-family:Arial, Helvetica, sans-serif;
	
}
ul, ol {
	list-style: none;	
}	
p {font-family:Arial, Helvetica, sans-serif; color: #666; font-size: 90%;}
h1 { 
	font-size: large;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-transform: uppercase;
	color: #00758e;
	margin: 0 0 1em 0;
	}
h2 { 
	font-size: medium;
	/*font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;*/
	color: #00758e;
	margin-top:.5em;
	}	
h3 	{ 
	font-size: medium;
	color: #00758e;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin-bottom: 1.5em;
	font-weight: normal;
	letter-spacing: 0.15em;
	text-align:center;
	}
.new-title 	{ 
	font-size: 1.4em;
	line-height:1.2em;
	color: #00758e;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin-bottom: 1.5em;
	font-weight: normal;
	letter-spacing: 0.15em;
	text-align:center;
	}
.title h2 {margin-bottom: .5em;}
.title h1 {line-height: 1.3em; margin-bottom: 1.5em;}
.title-big-picture {margin-top: 100px;} 
.title-big-picture2 {margin-top: 70px;} 
.title-big-picture h1 {line-height: 1.3em; margin-bottom: 1.5em;}

h4	{ 
	font-size: 80%;
	text-transform:capitalize;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #00758e;
	margin: 0 0 .3em 0;
	}
#top { 
	width:100%;
	position:relative;
	z-index:50;
	background-color:#e0f0e5; /* fallback for older/unsupporting browsers  
	/*background: -moz-linear-gradient(top, #e0f0e5, #00758e);  
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#e0f0e5), to(#00758e));*/
	}
	
.top-corners{
	overflow:hidden;
	box-shadow: 0 0 10px #000;
	-webkit-box-shadow: 0 0 10px #000;
	-moz-box-shadow: 0 0 10px #000;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	behavior: url(pie/PIE.htc);
}		
#top-center { 
	width: 960px;
	position:relative;
	overflow:visible;
	margin:0 auto 0 auto;
	}
#logo  { 
	width: 180px;
	margin-top:5px;
	margin-bottom:5px;
	float:left; 
	position:relative;
	left:0;
	z-index:100;
	font-weight:bold;
	font-size:x-large;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}
#logo.big-picture  { 
	width: 180px;
	margin-top:5px;
	margin-left: 390px;
	position:relative;
	left:0;
	z-index:100;
	font-weight:bold;
	font-size:x-large;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}	
#logo p { text-align:left; color: #00758e;}
#logo.left-logo p{ text-align:left;}
.nee {font-size: 50px; line-height:1em;}
.dental { font-size:22px; line-height:22px; margin-top:-5px;}

#top-nav {height: 30px; width: 620px; float:right;}
#top-nav ul {height: 20px; margin-top:55px; list-style:none;} 
#top-nav ul li {
	width: auto;
	padding-left:25px;
	padding-right:3px;
	float: right; 
	display: inline;
	font-size: 95%;
	font-weight: bold;
	}
/******* second home page *****/	
#top-nav.big-picture	{width: auto; height:30px; float:right;}
#top-nav.big-picture ul {height: 25px; width: auto; margin-top: 10px; list-style:none;} 
#top-nav.big-picture ul li {
	 width: auto;
	padding-left:25px;
	padding-right:3px;
	float: right; 
	display: inline;
	font-size: 95%;
	font-weight: bold;
	}	
.welcome {
	height: 37px;
	padding-top: 13px;
	margin-top: -50px;
	font-size:24px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #00758e;
	font-weight:bold;
	text-align:center;
	}
.welcome2 {
	padding-top: 20px;
	font-size:24px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #00758e;
	font-weight:bold;
	text-align:center;
	}
.welcome3{
	padding-top: 20px;
	font-size:36px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #00758e;
	font-weight:bold;
	text-align:center;
	}
.welcome4{
	padding-top: 20px;
	font-size:48px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #00758e;
	font-weight:bold;
	text-align:center;
	}
.tel { margin-top: 0; margin-bottom:20px;}	
.tel p img {margin-bottom: -1px;}
.tel p {
	font-size: 30px;
	color:#00758e;
	font-weight:bold;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	letter-spacing: -0.09em;
	}
.email {
	font-size:medium;
	color:#00758e;
	font-weight:bold;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	letter-spacing: 0.05em;
	}
#email-link {
	width:160px;
	height:20px;
	margin-top: -22px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 35px;
}
#email-link a:link {color:#00758e; font-size: 75%; }
#email-link a:visited {margin-top: -15px; color:#00758e; font-size:75%;}
#email-link a:hover {margin-top: -15px; color:#00758e; font-size: 75%; }
#email-link a:active {margin-top: -15px; color:#00758e; font-size: 75%;}

.pale-bg { background-color:#e0f0e5;}
.dark-green { color:#00758e;}
/*#top-nav ul li a {
	text-shadow: 0 2px 0 #ccc;  
    -webkit-transition: all .3s;  
    -moz-transition: all .3s;  
    transition: all .3s;  }*/
.m-b { margin: 20px 0 20px 0;}
#top-nav ul li a:link, #top-nav ul li a:visited { color: #00758e; text-decoration:none;}
#top-nav ul li a:hover {
		color: #67b9ca;
		text-shadow: 0 2px 0 #00758e;  
        -webkit-transition: all .3s;  
        -moz-transition: all .3s;  
        transition: all .3s;  }	
#top-nav ul li a:active { color: #fff; text-decoration:none;}
.front-left {float: left;}
/*.front-right {float: right;}*/

/*********** new menu *********************/
#top-nav-new {height: 30px; width: auto; float:right; padding-bottom:50px; padding-right:20px;}
#top-nav-new ul {height: 20px; margin-top:55px; list-style:none;} 
#top-nav-new ul li {
	width: auto;
	padding-left:25px;
	padding-right:3px;
	float: right; 
	display: inline;
	font-size: 95%;
	}
	#top-nav-new ul li a:link, #top-nav-new ul li a:visited { color: #00758e; text-decoration:none;}
#top-nav-new ul li a:hover {color: #67b9ca;}
		
#top-nav-new ul li a:active { color: #fff; text-decoration:none;}
/*********** new menu end *********************/

#wrapper {
	position:relative;
	z-index:10;
	top:-10px;
	width: 940px; 
	padding: 0 10px 0 10px; 
	margin:3px auto 0 auto; 
	background:#FFF;
	/*background: -moz-linear-gradient(top, #e0f0e5, white);  
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#e0f0e5), to(white));*/
	}	
.border {	border-bottom: 2px solid #00758e;}
.some-corners {
	overflow: hidden;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	-moz-border-bottom-left-radius: 10px;
	-webkit-box-shadow:  -5px 5px 5px 0 rgba(0, 0, 0, 0.5);
	-moz-box-shadow:  -5px 5px 5px  0 rgba(0, 0, 0, 0.5);
	box-shadow: -5px 5px 5px 0 rgba(0, 0, 0, 0.5);
	behavior: url(pie/PIE.htc);
	}	
.blur {
	overflow: hidden;
	-webkit-box-shadow:  -5px 5px 5px 0 rgba(0, 0, 0, 0.5);
	-moz-box-shadow:  -5px 5px 5px  0 rgba(0, 0, 0, 0.5);
	box-shadow: -5px 5px 5px 0 rgba(0, 0, 0, 0.5);
	behavior: url(pie/PIE.htc);
	}	
#big-picture-960 {
	width: 960px;
	margin: 0 0 0 -10px;
	}
#big-picture-2 {
	width: 720px;
	margin: 0 0 0 -10px;
	padding: 0 120px 0 120px;
	}
.green-background { width: 940px; 
	padding:0 10px 0 10px;
	background-color: #e0f0e5;
}
.left-margin { margin-left:-10px;}
#panel {
	width:260px;
	padding: 0 20px 0 20px;
	background-color:#e0f0e5;
	float:left;
	margin-right:20px;
	/*background: -moz-linear-gradient(top, #e0f0e5,#00758e);  
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#e0f0e5), to(#00758e));*/
	}
#panel-white {
	width:260px;
	padding: 0 20px 0 20px;
	float:left;
	margin-right:20px;
	background-color:#fff;
}

#partner-logo {
	padding: 0px;
	margin-top: 2em;
}
#content {width: 610px; float:right;  line-height:1.3em; margin-right:10px; margin-bottom:20px;}



#picture-container {width: 610px; height:300px; position:relative; margin:20px 0 30px 0;}
#content-left {float: left;}
#content-right {float:right;}
#content-right img {margin-bottom: 20px;}
.centre { text-align:center; background-color:#e0f0e5; }
.centre-images { text-align:left; background-color:#e0f0e5; }
.centre-images-one { text-align:center;  background-color:#e0f0e5; }
.column {width: 295px; line-height:1.3em; }
.column p {margin-bottom: 1em; font-size:1.1em; } 
.panel-text p { 
		color: #00758e;
		font-size:small;
		line-height:1.3em;
		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		margin-bottom: 1em;
}
#panel-picture, .panel-picture  {margin:20px 0 20px 0;}

.large-margins {line-height:4.5em;}
.top-border {
		border-top:solid 2px #00758e;
		}
#map-image { float:left; margin-right:20px; }
/*#map-address { margin-bottom: 1em; }*/
#map-address {margin-bottom: 20px;}
#map-address ul li {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #00758e;
	font-size:90%;
	line-height: 1.2em;
	margin-bottom: .15em;
	}
#map-address.white-p {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin-top:75px;
	color: #00758e;
	font-size:90%;
	line-height: 1.2em;
	margin-bottom: .15em;
	}
#map-address.big-picture ul {margin-top: 20px;}
#map-address.big-picture ul li.top-line {font-size: 120%; font-weight:normal;}	
#map-address.white-p ul li.top-line {font-size: 120%; font-weight:normal;}	
#map-address ul li.top-line {font-size: 120%; font-weight:normal;}	
.top-line {font-size: 120%; font-weight:normal;}	
#map-address.big-picture ul li.medium-line {font-size: 100%; font-weight:normal;}
#map-address.white-p ul li.medium-line {font-size: 100%; font-weight:normal;}
#map-address ul li.medium-line {font-size: 100%; font-weight:normal;}
.medium-line {font-size: 100%; font-weight:normal;}	
	
#map-address ul li.top-line {font-size: 110%; }	
#map-address ul li.medium-line {font-size: 100%; }

#map-address ul li.emergency a:link, #map-address ul li.emergency a:visited  { text-decoration:none; color: #00758e;}
#map-address ul li.emergency a:hover, #map-address ul li.emergency a:active {text-decoration: none;color:#FF0; }
#map-address ul li.out a:link, #map-address ul li.out a:visited  { text-decoration:none; color: #00758e;}
#map-address ul li.out a:hover, #map-address ul li.out a:active {text-decoration: none;color:#FF0; }

.front-page {height: 780px;}


.telephone { margin-left:-10px; }
.clearfloat {
	clear:both;
    	height:0;
    	font-size: 1px;
    	line-height: 0px;
}
.rounded-corners { 
	overflow: hidden;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	behavior: url(pie/PIE.htc);
	}
	/******************************/
.ie-tel p{
	height:50px;
	background-image:url(images/telephone-stroke.png);
	background-repeat:no-repeat;
	text-indent:-1000px;
	}
	


#form {
	width:260px;
	height: 436px;
	margin-top:40px;
	font-size:x-small; 
	line-height: 1.3em;
	margin-bottom: 20px;
/**	color:#00758e; **/
/*background-color: #FF0;*/
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}
#bottom-nav {
	width: 900px;
	background-color:#fff;
	padding: 10px 20px 10px 20px;
	}
#bottom-nav ul li {
	/*width: 100px;*/
	width:auto;
	margin-right: 10px;
	float: left; 
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:small;
	}
#bottom-nav ul li.home {width:70px;}
#bottom-nav ul li a:link, #bottom-nav ul li a:visited { color: #00758e;}
#bottom-nav ul li a:hover, #bottom-nav ul li a:active { font-weight: bold; color: #e0f0e5; background-color:#00758e;}
	
/*********  <br class="clearfloat"/> put before closing tag *********/
/*********************   contact     *************/
.title-contact { margin:75px 0 30px 0; }
.no-form { padding: 100px 0 30px 0; }
	
.title-contact  p {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 25px;
	color: #00758e;
	text-transform:capitalize;
	line-height:1.1em;}
.title-contact  p.nee {font-size: 35px;} 	
#google { margin: 20px 0; }
#find-us { margin-bottom:20px;}
/*********************   who-we-are     *************/
.doctor {width: 610px; }
.doctor img { width:120px; height:120px; float: left; margin: 20px 20px 20px 0;}
.doctor .copy {width: 470px; float: left;margin-bottom:1em;}
.doctor .copy h2{margin-bottom:.75em;}
.emergency {line-height:1.5em; font-size:large; font-weight:bold; margin-top:1em; margin-bottom:5px;}
.out {font-size:large; font-weight:bold; margin-bottom: 1.5em;}
#panel-picture.who-we {margin-top: 370px;}
.who-we-are {height:1210px;}
.treatment {width: 610px; height:260px; margin-bottom:.75em; }
.extra-images {width: 610px; height:250px; margin-bottom:.75em; }
.extra-images img { float:left;}
.treatments {height: 1500px;}
.treatment-main {margin-top:90px;}
#treatment-menu {width: 260px; margin:60px 0 20px 0; padding-bottom: 20px;}
.treatment-picture {width: 260px; margin:20px 0 20px 0;}
.title-contact ul li a:link, .title-contact ul li a:visited  { text-decoration: underline; color: #00758e; font-size:small;}
.title-contact ul li a:hover, .title-contact ul li a:active {text-decoration: none;color:#00758e;}
.page-end {margin-bottom: 30px;}
.home-panel {height: 900px;}
#content.treatment-main img {float:left; margin:0 20px 20px 0;}

/*********************   treatments    *************/

#treatment-menu ul li a:link, #treatment-menu ul li a:visited  { width: 100%;  display:block; line-height: 2em; text-align:center; margin-bottom:5px; text-decoration: none; color: #e0f0e5; font-size:small; background-color:#00758e; border:thin solid #00758e;}
#treatment-menu ul li a:hover, #treatment-menu ul li a:active { width: 100%; display:block; text-align:center; margin-bottom:5px; text-decoration: none; color:#00758e;
	background-color:#e0f0e5; border:thin solid #00758e; }
#treatment-menu ul li a.current { width:250px; padding-right:10px; text-align:right; text-decoration: none; color:#00758e ; font-size:small; background-color:#e0f0e5;}
/*********** new classes 13th August ***********/
.margin-top {margin-top:40px; }

/*********** links July 2013 ***********/
.odd { background-color:#e0f0e5;}
.link-address { width: 304px; padding: 5px; font-size:small; color:#333;}
.link-address ul{padding: 5px;}
.name { font-weight:bold;}
tr.odd:hover {background-color: #CCF;}
tr.even:hover {background-color: #9CF;}
.testimonial { padding: 10px; font-size:small; color:#333;}
.signature { padding: 10px; font-size:small; font-weight:bold; text-align:right; }