/*-----------------------------------------------
	Main Styles
	Created: 	12/02/2009
	Version: 	1.0
----*/

/* Import reset stylesheet */
@import url('reset.css');
/* Import font-face stylesheet */
@import url('fonts.css');

/*-----------------------
	Per Project Reset
----*/
body {
	font-size: 12px;
	line-height: 18px;
	/* Trebuchet-based sans serif stack */
	font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", 
	Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
	/* end font stack */
	color: #000;
	background: #f3a52b url(../images/body-bg.png) 50% 0 repeat-x;
	text-align: center;
	}
.replaced {overflow: hidden; text-indent: -999em; background-repeat: no-repeat;}
/*prettyPhoto text color reset*/
.pp_content * {color: #000;}


/*-----------------------
	Typography
----*/

.green { color:#009933; font-size:16px; margin-bottom:10px;}

/*LINKS*/
	a {cursor:pointer;!important outline: none;}
	a, a:link, a:visited {text-decoration: underline; font-weight: bold;}
	a:visited {text-decoration: none;}
	a:hover, a:active  {text-decoration: none;}
	
	
	/* displays icons next to PDF and WORD docs */
	.pdf span, .video-link span {padding: 0;}
	.pdf span { 
		display: inline-block;
		vertical-align: middle;
		width: 18px;
		height: 18px;
		background: url(../images/icon_pdf.gif) 100% 0 no-repeat;}
	.doc span { 
		display: inline-block;
		vertical-align: middle;
		width: 18px;
		height: 18px;
		background: url(../images/icon_doc.gif) 100% 0 no-repeat;}
	.video-link span {
		display: inline-block;
		vertical-align: middle;
		width: 18px;
		height: 18px;
		background: url(../images/icon_film.gif) 100% 0 no-repeat;}
	#bd a.external {
		padding-right: 18px;
		background: url(../images/icon_external.gif) 100% 50% no-repeat;
	}
	#bd a.mailto {
		padding-right: 18px;
		background: url(../images/icon_mailto.gif) 100% 50% no-repeat;
	}
	#bd a.noicon.external {background: none; padding: 0;}
	

/*HEADINGS*/
	h1 {font-family: 'KunstlerschreibschDBolRegular'; }
	h1 em {font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;}
	h1, h2, h3, h4, h5, h6, dt {font-weight: normal;}
	h1 {
		line-height: 36px; 
		margin: 0 0 18px;
		}
	h2 {
		font-size: 18px;
		line-height: 27px;
		margin: 18px 0 18px;
		}
		h2 span {display: block; font-size: 95%;}
	h3 {
		font-size: 16px;
		margin: 0 0 18px;
		}
	h4 {
		font-size: 16px;
		line-height: 18px;
		margin: 9px 0 9px;
		}
	h5 {
		font-size: 14px;
		line-height: 18px;
		margin: 18px 0 0;
		}

/*LISTS*/
	ol, ul, dl {
		list-style: none;
		margin: 0px 0 18px;
		}
	dl {margin: 0 0 18px; text-align: left;}
		dt {
			font-size: 16px;
			line-height: 18px;
			margin: 18px 0 18px;
			text-decoration: none;
			}
			dt span {font-size: 95%; display: block;}
		dd {margin: 0 0 18px;}
			dd ul, dd ol, dd li, dd li {margin: 9px 18px 9px 18px;}
			dd h2, dd h3 {font-size: 16px;}
	
	
	ol {list-style: decimal outside; margin-left: 18px;}
		ol ol {margin: 0 0 18px;}
		ol li {margin-left: 18px;}
		li {
			line-height: 18px;
			margin-bottom: 0;
			}
		li {line-height: 18px; margin: 0 0 9px;}
			li h3 {font-size: 14px; margin: 0;}
		li > p {margin-bottom: 18px;}
	ul {margin: 0 0 18px;}
		ul ul {margin-left: 18px; margin-right: 18px;}
	ul.bullet {list-style: disc outside; margin: 0 18px 18px;}
		ul.bullet li {margin-left: 18px;}
/*
	ul.bullet, ul.sitemap-list {
		list-style: none;
		display: block;
		margin: 0px 18px 18px;
		}
	ul.bullet li {padding-left: 18px; background: url(../images/bullet.jpg) 0 2px no-repeat; }
		ul.bullet ul {margin: 0 0 9px 0;}
			ul.bullet ul li {padding-left: 18px; background: url(../images/bullet.jpg) 0 0 no-repeat; margin-left: 9px;}
*/

	
	
	
	
	/*--Used with jQuery to style bullet and text separately*/
	ol.js {
		list-style: decimal outside; 
		margin-left: 18px; 
		margin-right: 18px; 
		font: bold italic 14px Georgia; 
		}
	ol.js li span {
		font: normal normal 12px Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", 
		"Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; 
		}
		
	ul.q-and-a li {
		padding: 0 0 0 36px;
		}
		ul.q-and-a li h2, ul.q-and-a li h3, ul.q-and-a li h4 {
			margin: 18px 0 0;
			font-size: 18px;
			}
		ul.q-and-a li span {
			display: inline-block;
			float: left;
			position: relative;
			margin-left: -36px;
			font-size: 16px;
			line-height: 18px;
			font: bold normal 18px Georgia;
			color: #000;/* customize color to match site */
			vertical-align: middle;
			}
	ul.q-and-a li div span {color: #000;}/* customize color to match site */
		ul.q-and-a li div ul {margin-top: 0; padding: 0;}
		ul.q-and-a li div ul li {padding-left: 18px;}
	
	/*--end */
	ol.alpha {list-style: upper-alpha outside;}
	ol.numeric {list-style: decimal outside;}
	ol.alpha li, ol.numeric li {margin-bottom: 9px;}
	
/*PARAGRAPHS*/
	p {
		line-height: 18px;
		margin: 0 0 18px 0;
		}
	p.skipto {
		position: absolute;
		left: -999em;
		display: none;
		}
	p.callout {font-weight: bold; color: #004990; }
	p.flash_notice {
		margin: 18px;
		padding: 9px;
		color: #ff0000;
		border: 1px dotted #ff0000;
		background: #ffffff;
		text-align: center;
		}
	.top-link {text-align: right; clear: both;}
	
/*TEXT*/
	.hide {display: none;}
	.center {text-align: center;}
	.right {text-align: right;}
	strong, b {	font-weight: bold;}
	em {font-style:italic;}
	sup, sub {font-size: 90%; line-height: 18px; vertical-align: middle;}
	sub {vertical-align: text-bottom;}
	q:before, q:after {/* remove quotes since IE doesn't understand :( */
	    content: ""; }
	q {font-style: italic; font-weight: bold;}
	q.js span {font: 125% Georgia; line-height: 18px; vertical-align: middle;}
	li blockuote {margin: 0; padding: 0; display: inline;}
	blockquote {margin: 9px 27px; padding: 9px 18px 18px 45px; position: relative; color: #298007; text-shadow: 0 1px rgba(40,111,12,0.35);}
		blockquote span {font: bold normal 72px/45px Georgia; width: 45px; height: 45px; display: block; position: absolute;}
		blockquote span.l-quo {top: 18px; left: 0;}
		blockquote span.r-quo {bottom: 0; right: 0; margin-bottom: -18px;}
		blockquote p {margin: 0; font-style: oblique; font-size: 125%; line-height: 27px;}
	.map {
		width: 504px; 
		height: 358px; 
		border: 1px solid; 
		overflow: hidden; 
		display: block; 
		margin: 0 0 18px 0;
		padding: 9px;
		background: #ae78be;
		-moz-border-radius: 9px;
		-webkit-border-radius: 9px;
		}
	
/*SHORTCUTS*/
	
	/* Image Replacement -- add class="replace" to root element, i.e. <p> and add a bg image*/
	.replace {letter-spacing : -1000em;line-height: 0;overflow: hidden;line-height: 0;text-indent: -999em;}
	/* Just for Opera, but hide from MacIE */
	/*\*/html>body .replace {letter-spacing : normal;text-indent : -999em;overflow : hidden;}
	/* End of hack */
	/* Clear Fix */
	.clear {clear: both;}
	.cf:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;}
	.cf {display: inline-block;} /*this trips hasLayout for ie7*/
	.cf {display: block;} /*this returns it back to normal*/
	* html .cf {height: 1px;}
	.hide {display: none;}
	.replaced {overflow: hidden; text-indent: -999em; background-repeat: no-repeat; }
	p.adobe-rdr a {margin: 36px 18px;}
	
/*FLASH*/
	#flash-homepage {width: 540px; height: 227px; position: absolute; top: 252px; left: 18px;background: url(../images/homepage-bg.jpg) 0 0 no-repeat;}
	.module {margin: 18px 0;}/* global margins for all flash mods */
	
/*IMAGES*/
	img {display: inline; border: 0; outline: 0;}
	.img-left {
		position: relative;
		float: left;
		margin: 0 18px 18px 0;
		border: 2px solid;
		-moz-border-radius: 6px; /* Optional - you may customize or remove */
		-webkit-border-radius: 6px;
		padding: 7px;		
		}
	.img-right {
		position: relative;
		float: right;
		margin: 0 0px 18px 9px;
		clear: right;
		/*border: 2px solid; */
		-moz-border-radius: 6px; /* Optional - you may customize or remove */
		-webkit-border-radius: 6px;
		padding: 7px;	
		background: #fff;	
		}
	.img-staff {position: relative; float: right; display: block; margin: 0 -335px 36px 0; text-align: center;}
	.img-center {
		margin: 9px auto; 
		text-align: center; 
		border: 1px solid;
		vertical-align: middle;
		}
	.noborder {border: none;}

/*LAYOUT*/	
	#container {
		width: 100%;
		min-width: 900px;
		background: url(../images/container-bg.png) 50% 0 no-repeat;
		}
		#container-tile {background: url(../images/content-bg.png) 50% 100% no-repeat; padding-bottom: 144px;}
		#container-top {
			background: url(../images/sprite.png) 50% -288px no-repeat;
			}
		#bd, #hd, #ft {width: 900px; position: relative; margin: 0 auto;}
		.col {width: 50%; float: left;}
	/*HEADER*/
	#hd {
		height: 171px;
		text-align: left;
		}
		#hd h1#logo {
			width: 477px;
			height: 144px;
			margin: 0;
			position: absolute;
			top: 0;
			left: 189px;
			}
			#hd h1#logo a {
				width: 477px;
				height: 144px;
				display: block;
				text-indent: -999em;
				overflow: hidden;			
				}
		#hd #phone-number {
			width: 171px;
			height: 54px;
			overflow: hidden;
			position: absolute;
			bottom: 0;
			margin-bottom: -18px;
			right: 27px;
			font-weight: bold;
			color: #902d8e;
			font-size: 20px;
			line-height: 27px;
			}
			#phone-number span {
				display: block; padding-left: 30px; color: #f3a52b; font-size: 12px; line-height: 18px; text-transform: uppercase;}		
					
	/*MAIN CONTENT*/		
	#bd {
		padding: 0;
		color: #902d8e;
		}
		#bd a {text-decoration: underline; color: #e88d00;}
		#bd a:hover, #bd a:active {color: #f3a52b; text-decoration: none;}
	/*sidebar*/
	#sidebar {
		width: 207px;
		position: absolute;
		padding-top: 315px;
		left: 27px;
		text-align: left;
		}
		#sidebar address {
			display: block;
			margin: 18px 27px;
			}
		#sidebar p#schedule-appointment {
			margin-top: 18px;
			padding-left: 9px;
			height: 171px;
			}
			#sidebar p#schedule-appointment a {
				display: block;
				text-indent: -999em;
				overflow: hidden;
				width: 198px;
				height: 171px;
				position: relative;
				background: url(../images/sprite.png) 0 0 no-repeat;
				}
			#sidebar p#schedule-appointment a:hover {top: 2px;}
	/*content body*/
	#content {
		margin: 0 81px 0 261px;
		padding: 36px 0 72px;
		text-align: left;
		min-height: 700px;
		}
	body.home #content {min-height: 360px; padding-top: 261px; margin-right: 106px;}
		#content h1.headline {
			font-family: 'FootlightMTLightRegular'; 
			font-size: 28px;
			line-height: 36px;
			margin-top: 0;
			text-align: left;
			position: relative;
			color: #e88e00;
			}
		body.home #content h1.headline {
			font-size: 32px;
			line-height: 36px;
			}
			#content h1.headline em {font-size: 22px; line-height: 36px; display: block; color: #e88e00; text-align: right;}
		#content h2 {font-size: 20px;}
			#content h2 em {font-size: 95%;}
		#content h2.intro {
			font-size: 14px; 
			line-height: 18px;
			font-weight: normal; 
			font-style: italic; 
			margin-bottom: 18px; 
			}
			#content h2.intro a {}
			#content h2.intro a:hover {text-decoration: underline;}
		#content h3 {font-weight: bold; color:#286f0c;}
			#content h3 span {}
		#content h4 {}
		#content dt {font-weight: bold;}
		#content dt span {}
		/* on-page sub nav */
		#content p.sub_nav {line-height: 27px; margin: 0 0 9px; font-size: 12px;}
			#content p.sub_nav a {font-weight: bold; text-decoration: none;}
			#content p.sub_nav a:hover, #content p.sub_nav a.active {
				text-decoration: underline;
				}
		ul.sitemap_list li {font-size: 14px; margin-bottom: 0; line-height: 27px;}
			ul.sitemap_list li li {font-size: 13px; line-height: 18px;}
				ul.sitemap_list li li a {font-weight: normal;}
		/* back to top */
		p.back-to-top {margin: 27px 0 18px; clear: both; padding-left: 18px; background: url(../images/u_arr.gif) 0 50% no-repeat;}
			p.back-to-top a {text-align: left; font-weight: bold; text-decoration: none;}

	/*FOOTER*/
	#ft {
		position: relative;
		margin-top: -144px;
		width: 774px;
		text-align: center;
		color: #fff;
		}
		#ft a {text-decoration: none; color: #fff; font-weight: normal;}
		#ft a:hover {text-decoration: underline; color: #f8c980;}
		#ft h4 {font-size: 13px; margin: 9px 0; font-weight: normal;}
		#ft p {margin: 9px 0;}
		/*footer text nav */
		#ft p.text_nav {margin: 18px 0 0;}
				

/*NAVIGATION*/
	/*Primary Nav*/
	#nav {
		width: 197px;
		height: 225px;
		position: absolute;
		top: 185px;
		left: 50%;
		margin-left: -414px;
		z-index: 500;
		text-align: left;
		}
		#nav ul {
			width: 197px;
			height: 225px;
			}
			#nav ul li {display: inline;}
				#nav ul li a {
					display: block;
					}
					/*NAV IMAGES*/
					#about-us, #for-new-patients, #dental-services, #behaviour-management, #dentistry-for-kids, #contact-us, #home {
						width: 198px;
						height: 30px;
						overflow: hidden;
						text-indent: -999em;
						background: url(../images/sprite.png) no-repeat;
						}
					#nav ul li #about-us {background-position: -207px 0;}
					#nav ul li:hover #about-us, #nav ul li.sfhover #about-us, #nav ul li.active #about-us {background-position: -405px 0;}
					
					#nav ul li #for-new-patients {background-position: -207px -30px;}
					#nav ul li:hover #for-new-patients, #nav ul li.sfhover #for-new-patients, #nav ul li.active #for-new-patients {background-position: -405px -30px}
					
					#nav ul li #dental-services {background-position: -207px -60px;}
					#nav ul li:hover #dental-services, #nav ul li.sfhover #dental-services, 
					  #nav ul li:hover #dental-services, #nav ul li.sfhover #dental-services, #nav ul li.active #dental-services {background-position: -405px -60px}

					#nav ul li #behaviour-management {background-position: -207px -90px;}
					#nav ul li:hover #behaviour-management, #nav ul li.sfhover #behaviour-management, #nav ul li.active #behaviour-management {background-position: -405px -90px}
					
					#nav ul li #dentistry-for-kids {background-position: -207px -120px;}
					#nav ul li:hover #dentistry-for-kids, #nav ul li.sfhover #dentistry-for-kids, #nav ul li.active #dentistry-for-kids {background-position: -405px -120px}
					
					#nav ul li #contact-us {background-position: -207px -150px;}
					#nav ul li:hover #contact-us, #nav ul li.sfhover #contact-us, #nav ul li.active #contact-us {background-position: -405px -150px}

					#nav ul li #home {background-position: -207px -180px;}
					#nav ul li:hover #home, #nav ul li.sfhover #home, #nav ul li.active #home {background-position: -405px -180px}
					

				/* dropdown styles */
				#nav ul li ul {
					width: 207px;
					height: auto;
					position: absolute;
					left: -999em;
					display: block;
					margin: -39px 0 0 180px;
					background: #dff0d7;
					border: 2px solid #71bf52;
					-moz-border-radius: 6px;
					-webkit-border-radius: 6px;
					-moz-box-shadow: 0px 5px 5px rgba(0,0,0,0.35);
					-webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.35);
					padding: 9px 0 9px;
					}
				#nav ul li:hover ul, #nav ul li.sfhover ul,
				  #utility-nav ul li:hover ul, #utility-nav ul li.sfhover ul {
						left: auto;
					}
					#nav ul li ul li, #utility-nav ul li ul li {float: none;}
						#nav ul li ul li a, #utility-nav ul li ul li a{
							font-size: 13px;
							float: none;
							font-weight: normal;
							text-decoration: none;
							line-height: 27px;
							padding: 0 18px;
							text-align: left;
							color: #337718;
							}
						#nav ul li ul li a:hover, #nav ul li ul li.active a, 
						  #utility-nav ul li ul li a:hover, #utility-nav ul li ul li.active a {color: #fff; font-weight: bold; background: #902d8e;}
	



/*-----------------------------------------------
	Before/After 
	*/

/*-----------------------------------------------
	Tours/Slideshows 
	*/
	/* Slideshow home */
	#slideshow-home {
		position: absolute;
		top: 4px;
		left: 179px;
		width: 682px;
		height: 265px;
		z-index: 0;
		}
		#slideshow-home .slideshow {
			width: 682px;
			list-style: none;
			margin: 0;
			padding: 0;
			}
			.slideshow li img {width: 682px; height: 265px;}


/*-----------------------------------------------
    SESAME CSS 
    */
img.left-border {
	float: left;
	clear: left;
	margin: 0 18px 18px 0;
	border: solid 1px #333; /* Customize me! */
	}
img.right-border {
	float: right;
	clear: right;
	margin: 0 0 18px 18px;
	border: solid 1px #333; /* Customize me! */
	}
p.flash_notice {
	margin: 18px;
	padding: 9px;
	color: #ff0000;
	border: 1px dotted #ff0000;
	background: #ffffff;
	text-align: center;
	}
.clear {clear: both;}
/* This styled div acts as the hr for most browsers */
div.hr {
	height: 0px;
	background-color: #99d183; /* Customize me! */
	border: dotted 1px #99d183; /* Customize me! */
	border-width: 1px 0 0 0; /* Customize me! */
	margin: 17px 0 18px;
	padding: 0;
	clear: both;
	}
/* This is the backup for screen readers */
hr {
	display: none;
	height: 0px;
	border-width: 1px 0 0 0;
	clear: both;
	}
/* Clear Fix */
.clear {clear: both;}
.cf:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
.cf {display: inline-block;} /*this trips hasLayout for ie7*/
.cf {display: block;} /*this returns it back to normal*/
* html .cf {height: 1px;}
div.box {
	float: right;
	clear: right;
	width: 342px;
	background-color: #9bd285; /* Customize me! */
	padding: 9px 0 9px 9px;
	margin: 0 0 20px 20px;
	border: solid 1px #333; /* Customize me! */
	-moz-border-radius: 6px; /* Optional - you may customize or remove */
	-webkit-border-radius: 6px;
}
div.box img {
	float: left;
	border: solid 1px #333; /* Customize me! */
	margin-right: 9px;
}
div.box p {
	float: left;
	width: 50%;
	margin: 0;
	padding: 0;
}
div.box.nofloat {float: none; }

/*-----------------------------------------------
	Forms
	*/
	/* Global form styles */
	div.referral-form, div.appointment-form, div.comments, div.contact-form {
		width: 100%;
		margin-top: 18px;
		letter-spacing: normal;
	}

	fieldset {border: 0; padding: 9px 0;margin: 0 18px;}
		fieldset h2 {margin: 0 0 9px;}
		fieldset p {margin: 0 0 18px;}
		fieldset p.disclaimer {font-size: 90%; font-style: italic; margin: 0;}
		fieldset dl {}
			fieldset dl dt {font-size: 16px; clear: both; margin: 9px 0 0;}
				fieldset dd ul {margin: 9px 0;}
					fieldset dd ul li, fieldset dd ol li {list-style: none;}
					fieldset dd li {
						clear: both;
						margin: 3px 0;
						padding: 5px 0 4px 10%;
						overflow: auto;
						height: auto;
						position: relative;
						}
					fieldset dd li:hover {background: #def0d7;/* customize me - this is the hover color change of li */}
					fieldset dd li input:hover, fieldset dd li input:focus,
					 fieldset dd li select:hover, fieldset dd li select:focus,
					 fieldset dd li textarea:hover, fieldset dd li textarea:focus {
					 	background: #f1f1f1;/* customize me - this is the hover color change of form fields*/
					 	outline-color: #004990;/* customize me */
					 	}
						fieldset li h3 {font-size: 12px; line-height: 18px; margin: 0;}
						fieldset li div {float: left; display: inline-block; width: 40%; position: relative; padding-right: 5%;}
						fieldset li div.input-street, fieldset li div.full-width {width: 85%;}
						fieldset li div.input-city {width: 60%;}
						fieldset li div.input-full-name {width: 85%;}
						fieldset li div.input-phone-full {width: 85%;}
						fieldset li div.input-email {width: 85%;}
						fieldset li div.input-zip {width: 20%;}
						fieldset li div.content-switch, fieldset li div.radio, fieldset li div.checkbox {width: 85%;}
							fieldset li div.radio input {border: none;}
							fieldset li div.radio label {padding-right: 9px; font-size: 90%;}
						/*fieldset li div.hidden-content, fieldset li.hidden-content {display: none;}*/
						fieldset li div.input-select-full {width: 85%;}
						fieldset li div.input-comments {width: 85%;}
							li div.input-comments textarea {height: 63px; overflow: auto;}
						fieldset li div.input-captcha {width: 50%;}
						fieldset li div.verification {width: 35%;}
							li div.verification img {
								border: 1px solid;
								margin-top: 9px;
								-moz-border-radius: 4px; /*for Moz, optional*/
								-webkit-border-radius: 4px; /*for Webkit Browsers, optional*/
								}
							fieldset li div label {
								line-height: 18px;
								font-weight: bold;
								margin-bottom: 9px;
								font-size: 90%;
								color: #963b6e;/*override to match site*/
								}
								fieldset li div label em {font-size: 120%; color: #a52003;}
							fieldset li div input, fieldset li div textarea, fieldset li div select {
								display: block;
								line-height: 18px;
								width: 100%;
								border: 1px solid #963b6e;
								padding: 4px 0 3px;
								text-indent: 4px;
								margin-top: 9px;
								-moz-border-radius: 4px; /*for Moz, optional*/
								-webkit-border-radius: 4px; /*for Webkit Browsers, optional*/
								}
							fieldset li div select {height: 25px;}
							fieldset li div.radio input {display: inline; width: auto; margin-right: 4px;}
							fieldset li div div {width: 100%;}
						fieldset dl dd.form-footer button {
							/* for more information, see: http://www.zurb.com/article/266/super-awesome-buttons-with-css3-and-rgba */
							clear:both;/*do not change, forces button to sit below floated elements*/
							background: #912f8f url(../images/button-overlay-swirls.png) 100% 100% no-repeat;/* customize color and optionally button-overlay.png */
							display: inline-block;
							padding: 9px 18px 9px;
							color: #fff;
							text-decoration: none;
							font-weight: bold;
							font-size: 110%;
							line-height: 1;
							/* OPTIONAL: only available only to Safari and Firefox */
							-moz-border-radius: 5px;
							-webkit-border-radius: 5px;
							-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
							-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
							/*end*/
							
							/* these styles not shown in IE */
							text-shadow: 0 1px 1px rgba(0,0,0,0.25);
							border-bottom: 1px solid rgba(0,0,0,0.25);
							/*end*/	
							position: relative;
							cursor: pointer;
							}	
						fieldset dl dd.form-footer button:hover {
							background-color: #963b6e;/* darker color than above */
							color: #fff;
							text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
							}
						fieldset dl dd.form-footer button:active {top: 1px;}					





	/* appointment form
	* Styles only for the appointment request form
	*/


	/* comment form
	* Styles only for the comments form
	*/
	/*numbering added by jQuery*/
	fieldset ol li span.comment-number {
		font-size: 150%;
		color: #537197;/* customize me*/
		position: absolute;
		left: 9px;
		top: 9px;
	}


	/* referral form
	* Styles only for the referral form
	*/
	.referral-form fieldset li div.radio {width: 40%;}

	/* contact form
	* Styles only for the contact form
	*/
	
				
	/* JQuery */
	input.error, select.error, textarea.error {border-color: #a52003; background: #fefda1;}
	div.error {
		background: url(../images/validate_error.gif) 0 0 no-repeat;
		color: #a52003;
		width: 18px;
		height: 18px;
		position: absolute;
		top: 0;
		right: 0;
		overflow: hidden;
		display: block;
		margin: 12px -2% 0 0;
		text-indent: -999em;}
	div.success {
		background: url(../images/validate_ok.gif) 0 0 no-repeat;
		width: 18px;
		height: 18px;
		position: absolute;
		top: 0;
		right: 0;
		overflow: hidden;
		display: block;
		margin: 12px -2% 0 0;
		text-indent: -999em;}

	.contact-form div.error, .contact-form div.success,
	.send-to-friend div.error, .send-to-friend div.success {margin-top: 4px;}

/* GALLERY LIST */
/* IMPORTANT - This prevents a flash of unstyled content */
#gallery { visibility: hidden; }

/* GALLERY CONTAINER */
.gallery { background: #c3e4b6; border: 1px solid; padding: 10px; margin: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

/* LOADING BOX */
.loader { background: url(../images/loader.gif) center center no-repeat #ddd; }

/* GALLERY PANELS */
.panel {}

/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
.panel .panel-overlay,
.panel .overlay-background { height: 25px; padding: 0 1em; }

/* PANEL OVERLAY BACKGROUND */
.panel .overlay-background { background: #222; }

/* PANEL OVERLAY CONTENT */
.panel .panel-overlay { color: white; font-size: 1em; }
.panel .panel-overlay a { color: white; text-decoration: underline; font-weight: bold; }

/* FILMSTRIP */
/* margin will define top/bottom margin in completed gallery */
.filmstrip { margin: 5px; }

/* FILMSTRIP FRAMES (contains both images and captions) */
.frame {}

/* WRAPPER FOR FILMSTRIP IMAGES */
.frame .img_wrap { border: 1px solid #aaa; }

/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.frame.current .img_wrap { border-color: #000; }

/* FRAME IMAGES */
.frame img { border: none; }

/* FRAME CAPTION */
.frame .caption { font-size: 11px; text-align: center; color: #888; }

/* CURRENT FRAME CAPTION */
.frame.current .caption { color: #000; }

/* POINTER FOR CURRENT FRAME */
.pointer {
	border-color: #000;
}

/* TRANSPARENT BORDER FIX FOR IE6 */
/* NOTE - DO NOT CHANGE THIS RULE */
*html .pointer {
	filter: chroma(color=pink);
}

/*social media --------------------*/				
#social-icons {
    left: 616px;
    position: absolute;
    top: -164px;
    width: 289px;
}
#social-icons a {
    display: block;
    float: left;
    margin: 2px;
	padding:0!important;
}
#social-icons a img {height: 38px;}

#social-icons a:hover {
filter: alpha(opacity=88); -moz-opacity:0.88;opacity: 0.88;
}

#topnav {position: absolute; top: 77px; right: 80px; z-index: 99;}

#topnav ul {list-style: none;}
#topnav li {float: left; position: relative; line-height: 1.2em; }
#topnav a {
	background: url("../images/login-btn.png") no-repeat scroll 50% 0 transparent;
    color: #286F0C;
    display: block;
    font-family: Frutiger,"Frutiger Linotype",Univers,Calibri,"Gill Sans","Gill Sans MT","Myriad Pro",Myriad,"DejaVu Sans Condensed","Liberation Sans","Nimbus Sans L",Tahoma,Geneva,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 17px;
    font-weight: bold;
    height: 27px;
    padding-top: 10px;
    position: absolute;
    right: -35px;
    text-align: center;
    text-decoration: none;
    top: -15px;
    width: 120px;
	letter-spacing: 0.04em;
}
#topnav a:hover {color: #902D8E; }

#topnav li { margin-top: 1px; }
#topnav li.first {border: none; }