@charset "utf-8";
/*-------------- Reseting ---------------- */

html, body, div, span, object, 
h1, h2, h3, h4, h5, h6, p, a, abbr, acronym, 
img,  s, small, strike, sup, sub, 
dl, dt, dd, ol, ul, li, form, fieldset, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td 
				{ margin: 0; padding: 0;
				  border: 0; outline: 0;
				  font-weight: inherit;
				  font-style: inherit;
				  font-size: 100%;
				  font-family: inherit;
				  vertical-align: baseline;
				  background: transparent }
				  
:focus, :active	{ outline: 0 }

html 			{ 	font-size: 100.01%; height: 100%;  }
body 			{ 	font: 62.5% Verdana, Arial, Helvetica, sans-serif; 
					color: #999999;
					height: 100%;  
					background: #fff url(../images/body_bg2.gif) repeat-x top left;
					text-align: center;  }

/*-------------- Effects ----------------*/

#whiteFader 	{visibility: hidden; }
#myGallery		{width: 196px !important; height: 84px !important;}
#myGallery2		{width: 750px !important; height: 500px !important; }
#slideShow      {width: 360px !important; height: 384px !important; }
#slideShow2     {width: 220px !important; height: 230px !important; }

/*-------------- Common ---------------- */

h1, h2, h3, h4, h5, h6, th
 				{ font-weight: normal; color: #007aaf /*dark blue*/;  }
				
h1 				{ font-size: 1.6em; line-height: 1.125em; margin-bottom: 1em; } 
h2 				{ font-size: 1.4em; line-height: 1.4em; margin-bottom: 0.5em; margin-top: 20px;}
h3, th				{ font-size: 1.2em; line-height: 1.2857em; margin-bottom: .5em }
h4, h5, h6		{ font-size: 1em; line-height: 1.5em; margin-bottom: 0.5em }

th	{padding-top: 10px}

p, pre, code, label, th, td, dd, dt, select, li
				{ font-size: 1.2em; line-height: 1.5em; margin-bottom: 1.0em;  }	
				
ul, ol			{ margin-bottom: 1.8em }
ul 				{ list-style: disc }
ol 				{ list-style: decimal }
li	 			{ margin-left: 2.6em; color: #999; }
li p 			{ color: #000 }
ul.tick li 		{ list-style-image:url(../images/tick.png); margin-bottom: 0.2em; }

legend			{ display: none }
 
small 			{ font-size: 0.85em;  }
 
sup 			{ position:relative; bottom:0.3em; vertical-align: baseline }
sub 			{ position:relative; bottom:-0.2em; vertical-align: baseline }
 
acronym, abbr 	{ cursor: help; letter-spacing: 1px; border-bottom: #999 1px dashed }
label 			{ cursor: pointer }

blockquote		{background: url(../images/quote_open.gif) no-repeat top left; margin: 0px;}
blockquote p 	{background: url(../images/quote_close.gif) no-repeat bottom right;  padding: 20px;}

/*---------------- Fonts -----------------*/

h1, h2, h3, h4, h5, h6, th
 				{
	font-family:  Arial, Helvetica, sans-serif
}

p, a, pre, label, th, td, li
				{
	font-family:  Arial, Helvetica, sans-serif;
	text-align: justify;
} 			
				
/*---------------- Links -----------------*/

a:link, a:visited, a:hover, a:active
				{ font-weight: normal; text-decoration: none; color: #007aaf /*dark blue*/ }
a:hover			{ text-decoration: underline }
a img			{ border: 0 }

#nav2 a:link, #nav2 a:visited, #nav2 a:hover, #nav2 a:active 
				{ font-weight: normal; text-decoration: none; }
#nav2 a:hover	{ text-decoration: underline }


/*----------- Global Classes -------------*/

.clear			{ clear: both }
.floatLeft		{ float: left }
.floatRight		{ float: right }

.textLeft		{ text-align: left }
.textRight		{ text-align: right }
.textCenter		{ text-align: center }
.textJustify	{ text-align: justify }

.bold			{ font-weight: bold !important }
.italic			{ font-style: italic }
.underline		{ border-bottom: 1px solid }
.highlight p	{ color: #99CD53;}

.noPadding		{ padding: 0 }
.noMargin		{ margin: 0 !important }
.noIndent		{ margin-left: 0; padding-left: 0 }
.noBullet		{ list-style: none; list-style-image: none }
.noBorder		{ border: none !important }
.noBackground	{ background: none !important }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }

.clearfix 		{ display: inline-block }

.signature		{
	margin: 0 0px 0 286px;
}

table.signature td p {font-size:90%}
/* Hides from IE-mac \*/
* html .clearfix 
				{ height: 1% }
.clearfix 		{display: block }
/* End hide from IE-mac */
.style1 		{color: #99cd53; margin: 0 5px 0 5px;}




.before			{margin-right: 50px;}
.before, .after {margin-top: 40px;}
.before p, 
.after p		{clear: both; padding-left: 10px; }

#orthodontics .before {margin-right: 20px;}


/*--------- Headings --------*/

/*#h1Index { background:url(../images/h1/h1Index.gif) no-repeat top left; height: 28px;}
#h1About {background:url(../images/h1/h1About.gif) no-repeat top left;}
#h1Philosophy {background:url(../images/h1/h1Philosophy.gif) no-repeat top left;}
#h1Team { background:url(../images/h1/h1Team.gif) no-repeat top left;}
#h1Excellence { background:url(../images/h1/h1Excellence.gif) no-repeat top left;}
#h1Tour { background:url(../images/h1/h1Tour.gif) no-repeat top left;}
#h1Care { background:url(../images/h1/h1Care.gif) no-repeat top left;}
#h1Hygiene { background:url(../images/h1/h1Hygiene.gif) no-repeat top left;}
#h1Cosmetic { background:url(../images/h1/h1Cosmetic.gif) no-repeat top left;}
#h1Fillings { background:url(../images/h1/h1Fillings.gif) no-repeat top left;}
#h1Whitening { background:url(../images/h1/h1Whitening.gif) no-repeat top left;}
#h1Veneers { background:url(../images/h1/h1Veneers.gif) no-repeat top left;}
#h1Crowns { background:url(../images/h1/h1Crowns.gif) no-repeat top left;}
#h1Inlays{ background:url(../images/h1/h1Inlays.gif) no-repeat top left;}
#h1Orthodontics { background:url(../images/h1/h1Orthodontics.png) no-repeat top left;}
#h1Orthodonticsteen { background:url(../images/h1/h1Orthodonticsteen.png) no-repeat top left;}
#h1Implants { background:url(../images/h1/h1Implants.gif) no-repeat top left;}
#h1Aesthetics{ background:url(../images/h1/h1Aesthetics.gif) no-repeat top left;}
#h1Wrinkles { background:url(../images/h1/h1Wrinkles.gif) no-repeat top left;}
#h1WrinklesBotox { background:url(../images/h1/h1Wrinkles-(Botox).gif) no-repeat top left;}
#h1Fillers { background:url(../images/h1/h1Fillers.gif) no-repeat top left;}
#h1Media { background:url(../images/h1/h1Media.gif) no-repeat top left;}
#h1Contact { background:url(../images/h1/h1Contact.gif) no-repeat top left;}
#h1Fees { background:url(../images/h1/h1Fees.gif) no-repeat top left;}*/
/*--------- Layout ----------*/
#body_bg {background:url(../images/body_bg.jpg) no-repeat top left; margin: 0; padding:0;}

#header {position: relative;}

#header p, 
#header li a {text-indent:-99999px;}




#container 
 {
	width: 872px;  
	margin: 0 auto 0 auto; 
	border: 0;
	text-align: left; 
}
#header {
	background: url(../images/top.png) no-repeat top left;
	height: 235px;
	_behavior: url(iepngfix.htc);
}
.logo {
	position: absolute; 
	top: 69px;
	left: 42px;
	}
	
.address {
	position: absolute;
	top: 189px;
	right: 54px;
	_left: 500px;
	font-size: 1.2em;
}
#index .address {	
	_top: 78px;
}
	
.tel {
	position: absolute; 
	top: 149px; 
	
	right: 54px;
	_left: 640px; 
	}
#index .tel {
	_top: 68px;
	}
.badge {
	position: absolute;
	top: 50px; 
	right: 15px; 
	_left: 735px;
	display: none; 
	}
#index .badge {display: block;}
	
	
/*------- top mini nav---------*/
#header ul {
	float: right; 
	display: inline;
	margin: 15px 40px 0 0;
	padding: 0; 
	}
#header ul li {
	float: left;
	display: inline; 
	list-style:none;
	margin: 0 0 0 3px;
	padding: 0;
	}
#header ul li a {
	display: block; 
	width: 29px; 
	height: 29px; 
	}
#header li a.home { background: url(../images/home.gif) no-repeat bottom left; }
#header li a.email { background:url(../images/email.gif) no-repeat bottom left;}

#header li a:hover, 
#header li a:active {background-position: 0 0px;}


#mainContent {
	padding: 0 22px; 
	background: #FFFFFF url(../images/bg_shadow.gif) repeat-y top left;
}
#leaf1 {background: url(../images/leaf1.gif) no-repeat 713px 263px;}
#leaf2 {background: url(../images/leif2.png) no-repeat left bottom;}
 
#footer {
	clear: both;
	padding: 0 10px; 
	background: url(../images/bottom.png) no-repeat top left;
	height: 99px;
}
#footer p {
	margin: 0; 
	padding: 34px 60px 10px; 
	font-size: 0.9em;
	text-align:center;
	
}

/*---------- Nav ------------*/
#nav {
	height: 32px;
	float:left;
	background:url(../images/nav/nav_shadow.jpg) no-repeat 2px bottom; 
	}

#nav ul {left: 0; margin:0; padding: 0;}

#nav ul li{
	float:left;
	list-style:none outside none;
	margin:0;
	padding:0;
	}
#nav ul li a:link,#nav ul li a:visited {
	display: block;
	height: 20px;
	font-size: 1px; 
	float: left;
	text-indent: -99999px;
	}


/*---- Set bg imgs on top level items ------*/

#navAbout a:link,#navAbout a:visited { background: url(../images/nav/navAbout.gif) no-repeat bottom left; width: 102px;	} 
#navCare a:link,#navCare a:visited { background: url(../images/nav/navCare.gif) no-repeat bottom left; width: 157px;	} 
#navCosmetic a:link,#navCosmetic a:visited { background: url(../images/nav/navCosmetic.gif) no-repeat bottom left; width: 157px;	}
#navAesthetics a:link,#navAesthetics a:visited { background: url(../images/nav/navAesthetic.gif) no-repeat bottom left; width: 137px;	}
#navMedia a:link,#navMedia a:visited { background: url(../images/nav/navMedia.gif) no-repeat bottom left; width: 152px;	}
#navContact a:link,#navContact a:visited { background: url(../images/nav/navContact.gif) no-repeat bottom left; width: 118px;	}

#navContact a:hover,#navMedia a:hover,#navAbout a:hover,#navCare a:hover,#navCosmetic a:hover,#navAesthetics a:hover{background-position:left top}

/*------- Indicate which page you're on for top level items ------*/
#nav ul li a:hover, 
#nav ul li a:active,
#about #navAbout a,
#philosophy #navAbout a,
#team #navAbout a,
#excellence #navAbout a,
#tour #navAbout a,
#fees #navAbout a,
#fees_aesthetics #navAesthetics a,
#health #navCare a,
#hygiene #navCare a,
#cosmetic #navCosmetic a,
#fillings #navCosmetic a,
#inlays #navCosmetic a,
#whitening #navCosmetic a,
#crowns #navCosmetic a,
#veneers #navCosmetic a,
#implants #navCosmetic a,
#fees_cosmetic #navCosmetic a,
#aesthetics #navAesthetics a,
#wrinkles #navAesthetics a,
#fillers #navAesthetics a,
#media #navMedia a,
#contact #navContact a,
#orthodontics #navCosmetic a,
#orthodonticsteen #navCosmetic a,

{
	background-position: 0 0; 
	}
	


/*------- Indicate where you are for sub menues --------*/	
#about li#navAbout2, 
#fees li#navFees, 
#fees_aesthetics li#navFees,
#fees_cosmetic li#navFees,
#health li#navHealth2, 
#cosmetic li#navCosmetic2,
#aesthetics li#navAesthetics2,
#philosophy li#navPhilosophy,
#team li#navTeam2,
#excellence li#navExcellence, 
#tour li#navTour2,
#hygiene li#navHygiene, 
#fillings li#navFillings,
#inlays li#navInlays ,
#crowns li#navCrowns ,
#veneers li#navVeneers ,
#whitening li#navWhitening ,
#orthodontics li#navOrthodontics ,
#orthodonticsteen li#navOrthodonticsteen ,
#implants li#navImplants ,
#aesthetics li#navAesthetics, 
#wrinkles li#navWrinkles, 
#fillers li#navFillers

{ background: #71abc5 /*light blue*/; }

#about li#navAbout2 a,
#fees li#navFees a, 
#health li#navHealth2 a, 
#cosmetic li#navCosmetic2 a,
#aesthetics li#navAesthetics2 a,
#philosophy li#navPhilosophy a,
#team li#navTeam2 a,
#excellence li#navExcellence a, 
#tour li#navTour2 a,
#hygiene li#navHygiene a, 
#hygiene li#navHygiene a, 
#fillings li#navFillings a,
#inlays li#navInlays a,
#crowns li#navCrowns a,
#veneers li#navVeneers a ,
#whitening li#navWhitening a,
#orthodontics li#navOrthodontics a,
#orthodonticsteen li#navOrthodonticsteen a,
#implants li#navImplants a,
#wrinkles li#navWrinkles a, 
#fillers li#navFillers a, 
#fees_aesthetics li#navFees a, 
#fees_cosmetic li#navFees a

{color: #FFFFFF;}

/*------- Nav2 ----------*/
#nav2 { 
	float: left;
	width: 188px;
	margin: 0 0 0 10px; 
	padding: 45px 0 0 0;
	background: url(../images/nav/nav2_top.jpg) no-repeat left top;
	}
#nav2 img {margin-bottom: 10px;}
	
#nav2 ul {
	float: left; 
	background: #daecf6/*v.light blue*/ url(../images/nav/nav2_bottom.gif) no-repeat left bottom;   
	width: 188px;
	padding: 0 0 12px 0;
	}
	
#nav2 ul li {
	list-style: none;
	margin: 0;
	padding: 0px;
	border-top: 1px solid #FFFFFF;
	}



#nav2 ul li a{
	height: 20px; 
	padding: 5px 7px 5px 7px;
	display: block;
	}
#nav2 ul li:hover, 
#nav2 ul li a:hover{
	 background: #71abc5 /*light blue*/; 
	 }
#nav2 ul li:hover a, 
#nav2 ul a:hover {
	color: #FFFFFF;
	}
	
#nav2 ul li a:active, 
#nav2 ul li a:hover  {
	 color: #ffffff;
	 text-decoration:none; 
	 }

#nav2 .nav2cosmetic li#navImplants { border-right: none;}
#nav2 .nav2cosmetic li#navImplants a { padding-left: 8px; }

#nav2 .nav2about li a {padding-right:28px ; padding-left: 27px;}

/*--------- Nav 2 index -------*/
#nav2index {
	float: left;
	width: 188px;
	margin: 0 0 0 10px; 
	padding: 17px 0 0;
	}
#nav2index ul {
	float: left; 
	width: 188px;
	padding: 0 0 12px 0;
	}
#nav2index li {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0px;
	
	}
#nav2index ul li a{
	height: 58px; 
	padding: 5px 7px 5px 7px;
	display: block;
	text-indent:-9999px;
	}
#scraper_ad {
	float: left; 
	display: inline; 
	width: 103px;
	height: 225px; 
	overflow: hidden;
	margin-top: 20px;

}
#scraper_ad a.newpatients a {
	
	
	
	margin: 5px 7px 5px 7px;
	display: block;
	text-indent:-9999px;
	}

#nav2index li a.whitening {background: url(../images/promo_Facial_Aesthetics_15promo.png) no-repeat bottom left; height: 83px;}
#nav2index li a.orthodontics {background: url(../images/promo_Dental_Implants_promo.png) no-repeat left bottom; height: 115px;}
#nav2index li a.aesthetics {background: url(../images/promo_Facial_Aesthetics_Open_Evening.png) no-repeat left bottom; height: 57px;}
#scraper_ad a.newpatients {background: url(../images/promo_bg_NHS.gif) no-repeat bottom left;}

#nav2index ul li a:hover, 
#nav2index ul li a:active, 
#scraper_ad .newpatients a:hover, 
#scraper_ad .newpatients a:active{
	 background-position: 0 0px; 
	 }
#nav2index ul li .implants a:hover, 
#nav2index ul li .implants a:active {
	background-position: 0 -68px;
	}	

/*--------- End #nav ------------*/
	
#mainImage {
	height: 245px;
	}
/*#tour #mainImage {
	height: 500px;
	}*/
#mainImage img {
	margin: 0px; 
	padding: 0px;
	}


body.oneColFixCtrHdr #col1 {
	padding: 20px 160px 0 160px;
	float: left; 
	display: inline;
	width: 500px;

	}
body.banda #col1  {
	width: 425px;
	padding: 20px 30px 0 30px; 
	float: left; 
	display: inline;
	}
body.threecol #col1  {
	width: 348px;
	padding: 20px 30px 0 20px;
	float: left; 
	display: inline; 
	}


/*--------- Col 2 ---------*/	
#col2 {
	padding: 38px 20px 0 0px;
	float: right; 
	width: 115px;
	}
#col2 p {font-size:1.1em; padding-top: 3px;}

div#col2 {
	width: 200px;
	padding-top: 54px;
	}
#index #col2 {
	width: 85px; 
	}

	
#col2 img {padding-top: 16px;}
	
/*-------- Footer ---------*/
#address {
	clear: both;
	padding: 45px 0 0 0px ;
	margin-left: 50px;
	}
#address p{
	font-size: small;
	padding: 0px; 
	margin: 0px; 
	
	}
/*--------- Contact page ---------*/

#contact table h2 {
	font-size:1.2em;
	margin-top: 0px;
	}
#contact table p {
	font-size: 1em; }
	
body#contact #col2 {float: left; display: inline; width: 335px}
body#contact #col2 #nav2 
 {;  padding-left: 0px; margin-left: 0px; display: inline; }

body#contact #col2 #nav2 {margin: 0px; padding: 0px;}

body#contact #col2 #nav2 p {background: #FFFFFF; color: #999999; font-size:1.2em; padding: 0;}
body#contact #col2 #nav2 div {margin: 36px 30px 0 0;}

/*---------- More --------------*/
#more {
	width: 70%;
	margin: 1000px auto 10px auto;
	text-align:left;
	}
#more h1 {text-indent: 0;}