/*-----------------------------------------------
	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: 14px;
	line-height: 18px;
	/* Helvetica/Arial-based sans serif stack */
	font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", 
	"Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", 
	Georgia, serif;
	/* end font stack */
	color: #000;
	background: #403329;
	text-align: left;
	}
* .replaced {overflow: hidden; text-indent: -999em; background-repeat: no-repeat;}
div.light_rounded * {color: #000;}


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

/*LINKS*/
	a {cursor:pointer; outline: none;}
	a, a:link, a:visited {text-decoration: underline; color: #4386ca; font-weight: normal;}
	a:visited {color: #967662;}
	a:hover, a:active  {text-decoration: none; color: #3a75b0;}
	
	
	/* displays icons next to PDF and WORD docs */
	a.pdf, a.video-link, .pdf span, .video-link span {padding: 0 9px 0 0;}
	.pdf span { 
		display: inline-block;
		vertical-align: middle;
		width: 18px;
		height: 18px;
		background: url(../images/icon_pdf.gif) 100% 0 no-repeat;}
	.video-link span {
		display: inline-block;
		vertical-align: middle;
		width: 18px;
		height: 18px;
		padding: 9px 9px 9px 0;
		background: url(../images/icon_video.gif) 100% 0 no-repeat;}
	li a.external {
		padding-right: 18px;
		background: url(../images/external_link.jpg) 100% 50% no-repeat;
	}
	

/*HEADINGS*/
	h1, h2, h3, h4, h5, h6, dt {font-weight: bold; font-family: Constantia;}
	h1 {
		font-size: 20px;
		line-height: 36px; 
		text-align: left;
		font-weight: bold; 
		margin: 0 0 18px;
		color: #264c73;
		}
	h2 {
		color: #2165af;
		font-size: 18px;
		line-height: 27px;
		margin: 27px 0 18px;
		}
		h2 span {display: block; font-size: 90%; color: #735b49;}
	h3 {
		color: #372013;
		font-size: 16px;
		line-height: 27px;
		margin: 9px 0 9px;
		}
	h4 {
		color: #372013;
		font-size: 15px;
		line-height: 18px;
		margin: 18px 0 9px;
		}
	h5 {
		font-size: 14px;
		line-height: 18px;
		margin: 18px 0;
		}

/*LISTS*/
	ol, ul, dl {
		list-style: none;
		margin: 0px 0 18px;
		}
	dl {margin: 0 0 18px; text-align: left;}
		dl.indent {margin: 9px 18px 27px;}
		dt {
			font-size: 18px;
			line-height: 18px;
			margin: 27px 0 18px;
			text-decoration: none;
			color:#403329;
			}
			dt span {font-size: 17px; display: block; color: #735b49;}
			dt em {color: #735b49; font-weight: normal;}
			dt a {
				color: #fff;
				text-decoration: none;
				}
		dl dl dt {
			font-size: 20px;
			color: #482a19;
			font-weight: bold;
			margin: 18px 0 0;
			}
		dd {margin: 0 0 18px;}
			dd ul, dd ol, dd li, dd li {margin: 9px 18px 9px 18px;}
	
	
	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;}
		li > p {margin-bottom: 18px;}
	ul {}
		ul ul {margin-left: 18px; margin-right: 18px; font-size: 85%;}
	ul.bullet, ul.sitemap-list {
		list-style: none;
		display: block;
		margin: 0px 18px 18px;
		}
	ul.bullet li {padding-left: 18px; background: url(../images/bullet.png) 0 0 no-repeat;  margin: 0 0 9px ;}
		ul.bullet ul {margin: 0 0 9px 0;}
			ul.bullet ul li {padding-left: 18px; background: url(../images/bullet.png) 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; 
		color: #403329; 
		}
	ol.js li span {
		font: normal normal 13px "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", 
		"Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", 
		"Century Schoolbook", "Century Schoolbook L", Georgia, 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: #2165af;/* customize color to match site */
			vertical-align: middle;
			}
	ul.q-and-a li div span {color: #403329;}/* 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: 9px 0 27px 0;
		}
	p.skipto {
		position: absolute;
		left: -999em;
		display: none;
		}
	* .top-link {text-align: right; clear: both;}
	p.playlist-note {padding: 9px 45px 18px 0; margin: 0 63px 27px 0; text-align: right; background: url(../images/playlist-note.gif) 100% 50% no-repeat;}
	
/*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;}
	sup {color:#747474;}
	sub {vertical-align: text-bottom;}
	q:before, q:after {/* remove quotes since IE doesn't understand :( */
	    content: ""; }
	q {font-style: normal;}
	q.js span {font: 125% Georgia; line-height: 18px; vertical-align: middle;}
	hr {display: none; clear: both;}
	div.hr {height: 1px; margin: 9px 0 8px; clear: both; border-top: 1px solid #154071;}
	li blockuote {margin: 0; padding: 0; display: inline;}
	blockquote {margin: 18px 54px; padding: 9px 18px 18px 45px; background: url(../images/quote.jpg) 0 0 no-repeat;}
	blockquote p {margin: 18px 0 0; font-style: oblique;}
	blockquote p.name {margin: 9px 0; font-style: normal; font-weight: bold; color: #7fac77;}
	* .map {
		width: 529px; 
		height: 340px; 
		border: 1px solid; 
		overflow: hidden; 
		display: block; 
		margin: 18px 0;
		padding: 9px;
		background: #fff;
		-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 */
	.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;
				 line-height: 0;height: 0;}
	* .clearfix {display: inline-block;}
	html[xmlns] .clearfix {display: block;}
	* html .clearfix {height: 1%;}
	* .hide {display: none;}
	* .replaced {overflow: hidden; text-indent: -999em; background-repeat: no-repeat; }
	
/*FLASH*/
	.flash-replaced .alt {/*JQUERY STYLE - sets size of container to 0 to hide alternative content*/
		display: block;
		width: 0px;
		height: 0px;
		position: absolute;
		overflow: hidden;
		}
	* .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;
		}
	* .img-right {
		position: relative;
		float: right;
		margin: 0 0 36px 18px;
		clear: right;
		}
	
	* .img-center {
		margin: 18px auto; 
		text-align: center; 
		border: 1px solid;
		}

/*LAYOUT*/	
	* #container {
		width: 100%;
		min-width: 999px;
		margin: 0 auto;
		background: #537197 url(../images/container-bg.png) 50% 0 no-repeat;
		}

	/*HEADER*/
	* #hd, * #bd, #ft .contents {width: 999px; margin: 0 auto; position: relative;}
	* #hd {
		height: 405px;
		background: url(../images/sprite.png) 0 -502px no-repeat;
		z-index: 1;
		}
		#hd h1#logo {
			margin: 0 0 0 9px;
			width: 234px;
			height: 243px;
			overflow: hidden;
			text-indent: -999em;
			position: absolute;
			top: 0;
			left: 9px;
			z-index: 1000;
			background: url(../images/sprite.png) 0 0 no-repeat;
			}
			#hd h1#logo a {
				display: block;
				width: 234px;
				height: 243px;
				}
		#hd #home-slideshow {
			width: 999px;
			height: 250px;
			margin: 0;
			position: absolute;
			bottom: 0;
			z-index: 0;
			overflow: hidden;
			display: none;
			}
			#home-slideshow a {width: 999px; height: 252px; overflow: hidden;}
			#home-slideshow a img {display: block;}
			#hd #pager {
				position: absolute;
				left: 0;
				width: 197px;
				padding: 6px 9px 6px 4px;
				margin: 0;
				}
				#pager a {
					display: block;
					float: left;
					text-align: center;
					font-size: 17px;
					color: #fffef3;
					line-height: 36px;
					text-decoration: none;
					width: 36px;
					height: 36px;
					margin-left: 9px;
					background: url(../images/sprite.png) -252px 0 no-repeat;
					}
				#pager a:hover, #pager a.activeSlide {opacity: 1; background-position: -288px 0;}
		#hd address {
			font-family: Constantia;
			font-size: 17px;
			color: #d0e3f3;
			display: block;
			width: 333px;
			text-align: right;
			float: right;
			padding: 54px 27px 0 0;
			}
	body.interior #hd {
		height: 342px;
		}

	/*MAIN CONTENT*/		
	* #bd {
		background: #fffef3 url(../images/sprite.png) 0 -990px no-repeat;
		position: relative;
		padding: 108px 0 36px;
		margin-bottom: -16px;
		z-index: 10;
		min-height: 495px;
		text-align: left;
		}
		#bd #tools {
			width: 305px;
			height: 48px;
			position: absolute;
			top: 0;
			right: 18px;
			margin: 0;	
			z-index: 400;
			background: url(../images/sprite.png) 100% -2px;		
			overflow: hidden;
			}
		body.interior #bd #tools {
			width: 106px;
			}
			#bd #tools #social-links {
				width: 106px;
				height: 36px;
				margin: 0 -9px 0 0;
				position: absolute;
				top: 0;
				right: 0;
				}
				#bd #tools li {
					margin: 0;
					display: inline;
					}
					#bd #tools #social-links li a {
						position: relative;
						margin: 4px 0 0;
						width: 36px;
						height: 36px;
						display: block;
						float: left;
						overflow: hidden;
						text-indent: -999em;
						background: url(../images/sprite.png) 0 0 no-repeat;
						opacity: 0.65;
						}
					#bd #tools #social-links li a.icon-facebook {background-position: -360px 0;}
					#bd #tools #social-links li a.icon-referrals {background-position: -396px 0;}
					#bd #tools #social-links li a:hover {opacity: 1;}
	* #sidebar {
		width: 297px;
		position: absolute; 
		margin-top:25px;
		right: 27px;
		}
		#sidebar a {margin: 0; text-align: center; text-decoration: none; line-height: 0;}
			#sidebar a img {margin: 0 auto; text-align: center; margin: 0; display: block;}
	
	* .social-links {
		width: 297px;
		position: absolute; 
		margin-top: -36px;
		right: -130px;
		}
		#social-links a {margin: 0; text-align: center; text-decoration: none; line-height: 0;}
			#social-links a img {margin: 0 auto; text-align: center; margin: 0; display: block;}
	* .youtube {
		margin-left:55px;
		margin-top:-50px;
	}
	* #content {
		margin: 0 378px 0 54px;
		}
		#content div.col {width: 33%; float: left;}
		h1.headline {
			color:#264c73;
			}
		h2.summary, p.sub_nav {
			color: #817d5c;
			font-size: 15px;
			margin: 0 0 18px;
			font-style: italic;
			line-height: 18px;
			font-weight: normal;
			padding: 8px 0;
			border: 1px solid #fff;
			border-width: 1px 0;
			}
		p.sub_nav a {
			color: #817d5c;
			}
		p.sub_nav a:hover, p.sub_nav a.active {
			color: #3a75b0;
			}
		p.back-to-top {clear: both; padding-left: 27px; background: url(../images/u-arrow.png) 0 50% no-repeat;}
			p.back-to-top a {text-align: left;}

	/*FOOTER*/
	* #ft {
		position: relative;
		margin-top: -14px;
		padding-top: 27px;
		background: url(../images/ft-bg.png) 50% 0 repeat-x;
		z-index: 0;
		}
		#ft div.contents {padding-top: 18px;}
		#ft dl {width: 490px; float: left;}
		#ft dl.right {width: auto; margin-left: 499px; float: none;}
		#ft dl dt, #ft dl dd {float: left; margin: 0;}
		#ft dl dt {width: 99px; height: 61px; color: #fffef3; text-align: right; font-weight: normal;}
			#ft dl dd {width: 369px; text-align: left; background: url(../images/footer-separator.png) 0 4px no-repeat; padding-bottom: 18px;}
			#ft dl.right dd {width: 199px;}
				#ft dl dd h3 {margin: 0; line-height: 18px; font-weight: normal;}
				#ft dl dd p, #ft dl dd h3 {padding-left: 18px; padding-right: 27px; color: #fffef3; font-size: 12px; margin: 0;}
				#ft dl dd p a {color: #fffef3; text-decoration: none; }
				#ft dl dd p a:hover,#ft dl dd p a.active {color: #4386ca; text-decoration: underline;}
				#ft dl dd p a:visited {color: #978e7b; text-decoration: underline;}
				#ft p.text_nav {text-transform: lowercase;}

/*NAVIGATION*/
	/*Primary Nav*/
	* #nav {
		width: 720px;
		height: 51px;
		position: absolute;
		top: 103px;
		left: 50%;
		margin-left: -234px;
		z-index: 1000;
		}
		#nav ul {
			width: 720px;
			height: 52px;
			}
			#nav ul li {display: inline; float: left;}
				#nav ul li a {
					display: block;
					color: #403329;
					font-size: 13px;
					font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", 
								"DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, 
								"Verdana Ref", sans-serif;
					}

					/*NAV IMAGES*/
					* #about-us, * #patient-information, * #about-ortho, * #treatments, * #braces-101, * #news-and-events {
						height: 52px;
						overflow: hidden;
						text-indent: -999em;
						background-image: url(../images/sprite.png);
						}
					#nav ul li #about-us {width: 104px; background-position: -243px -126px;}
					#nav ul li:hover #about-us, #nav ul li.sfhover #about-us, #nav ul li.active #about-us {background-position: -243px -180px;}
					#nav ul li #patient-information {width: 167px; background-position: -347px -126px;}
					#nav ul li:hover #patient-information, #nav ul li.sfhover #patient-information, 
						#nav ul li.active #patient-information {background-position: -347px -180px;}
					#nav ul li #about-ortho {width: 120px; background-position: -514px -126px;}
					#nav ul li:hover #about-ortho, #nav ul li.sfhover #about-ortho, #nav ul li.active #about-ortho {background-position: -514px -180px;}
					#nav ul li #treatments {width: 106px; background-position: -634px -126px;}
					#nav ul li:hover #treatments, #nav ul li.sfhover #treatments, #nav ul li.active #treatments {background-position: -634px -180px;}
					#nav ul li #braces-101 {width: 93px; background-position: -740px -126px;}
					#nav ul li:hover #braces-101, #nav ul li.sfhover #braces-101, #nav ul li.active #braces-101 {background-position: -740px -180px;}
					#nav ul li #news-and-events {width: 130px; background-position: -833px -126px;}
					#nav ul li:hover #news-and-events, #nav ul li.sfhover #news-and-events, 
						#nav ul li.active #news-and-events {background-position: -833px -180px;}
				#nav ul li ul {
					width: 214px;
					height: auto;
					background: #cbc493 url(../images/nav-ul-bg.png) 0 0 no-repeat;
					border: 1px solid #403329;
					position: absolute;
					left: -999em;
					display: block;
					margin: 0 0 0 1px;
					}
				#nav ul li.about-us ul {margin-left: 14px;}
				#nav ul li:hover ul, #nav ul li.sfhover ul {
						left: auto;
					}
					#nav ul li ul li {float: none;}
						#nav ul li ul li a {
							float: none;
							text-decoration: none;
							color: #403329;
							line-height: 27px;
							padding: 0 18px;
							border-bottom: 1px solid #403329;
							}
						#nav ul li ul li.last a {border: none;}					
						#nav ul li ul li a:hover, #nav ul li ul li.active a {background: #9bc0e3;}
	
	/*Top-Right Nav*/
	* #utility-nav {
		width: 315px;
		height: 54px;
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: 171px;
		z-index: 1000;
		}
		#utility-nav ul {width: 315px; height: 54px; margin: 0;}
			#utility-nav ul li {display: inline; float: left;}
				#utility-nav ul li a {					
					display: block;
					color: #403329;
					font-size: 13px;
					font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", 
								"DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, 
								"Verdana Ref", sans-serif;
					}


					/*NAV IMAGES*/
					* #patient-login, * #contact-us, * #home {
						height: 54px;
						overflow: hidden;
						text-indent: -999em;
						background-image: url(../images/sprite.png);
						}
					#utility-nav ul li #patient-login {width: 128px; background-position: -243px -261px;}
					#utility-nav ul li:hover #patient-login, #utility-nav ul li.sfhover #patient-login,
						#utility-nav ul li.active #patient-login {background-position: -243px -315px;}
					#utility-nav ul li #contact-us {width: 105px; background-position: -371px -261px;}
					#utility-nav ul li:hover #contact-us, #utility-nav ul li.sfhover #contact-us, 
						#utility-nav ul li.active #contact-us {background-position: -371px -315px;}
					#utility-nav ul li #home {width: 82px; background-position: -476px -261px;}
					#utility-nav ul li:hover #home, #utility-nav ul li.sfhover #home, 
						#utility-nav ul li.active #home {background-position: -476px -315px;}
				#utility-nav ul li ul {
					width: 214px;
					height: auto;
					background: #cbc493 url(../images/nav-ul-bg.png) 0 0 no-repeat;
					border: 1px solid #403329;
					position: absolute;
					left: -999em;
					display: block;
					margin: -14px 0 0 1px;
					}
				#utility-nav ul li:hover ul, #utility-nav ul li.sfhover ul {
						left: auto;
					}
					#utility-nav ul li ul li {float: none;}
						#utility-nav ul li ul li a {
							float: none;
							text-decoration: none;
							color: #403329;
							line-height: 27px;
							padding: 0 18px;
							border-bottom: 1px solid #403329;
							}
						#utility-nav ul li ul li.last a {border: none;}					
						#utility-nav ul li ul li a:hover, #utility-nav ul li ul li.active a {background: #9bc0e3;}


/*-----------------------------------------------
	Forms 
	*/
	/* Global form styles */
	div.referral-form, div.appointment-form, div.comments, div.login-form, div.contest {
		width: 80%;
		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: #d5e0eb;/* 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: #537197;/* 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 {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: 80%; 
								color: #537197;/*override to match site*/
								}
							fieldset li div input, fieldset li div textarea, fieldset li div select {
								display: block; 
								line-height: 18px; 
								width: 100%;
								border: 1px solid;
								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 {/*these styles control the look of the button, change as necessary*/
							clear:both;/*do not change, forces button to sit below floated elements*/
							display: block;
							width: 125px;
							height: 34px;
							text-align: center;
							margin: 0;
							background:#cfdae4;/* customize me! */
							border: 1px solid #537197;
							line-height: 34px;
							color:#537197;/* customize me! */
							font-size:12px;
							font-weight:bold;
							-moz-border-radius: 4px; /*for Moz, optional*/
							-webkit-border-radius: 4px; /*for Webkit Browsers, optional*/
							}
							
					
					
					
	
	/* 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%;}

	/* Mini-Contact Form */
	* .contact-form {
		margin: 0 auto;	
		width: 216px; 
		padding: 9px;
		border:solid 2px #06507e;/*optional, change color to match site*/
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	.contact-form fieldset {border: 0; padding: 9px 0;}
	.contact-form label {display: none;}
	.contact-form input, .contact-form textarea {
		font: normal 12px/18px Verdana, sans-serif;
		width:90%;
		margin:9px auto;
		background: #ffffff;}
	
	/* Contest Form */

	/* Errors */
	p.required-note {font-weight: bold;}
	p.required-note em {color: #a52003;}
	label.required em {color: #a52003; font-weight: bold; font-style: normal;}
	
	/* JQuery */
	input.error, select.error, textarea.error {border-color: #a52003; background: #fefda1;}
	div.error {
		background: url(../images/validate_error.png) 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.png) 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 {margin-left: 0;}



/*-----------------------------------------------
	Sesame Styles
	*/
	ul#sesame-games {
	list-style: none;
	margin: 0 0 27px;
	padding: 0
	}
	ul#sesame-games li {
	width: 187px;
	height: 79px;
	border: 1px solid #012845;/* add hex color to change border color; defaults to BODY Font Color*/
	float: left;
	margin: 18px 9px 0;
	overflow: hidden;
	position: relative;
	background: #17749f;
	}
	
	ul#sesame-games a {
	position: relative;
	display: block;
	overflow: hidden;
	width: 187px;
	height: 79px;
	}
	ul#sesame-games img {
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
	width: 187px;
	display: block;
	}
	ul#sesame-games li p {
	font-size: 11px;
	color: #fff;
	margin: 9px;
	position: relative;
	}
	
	* .left {
	float:left;
	margin:9px 18px 36px 0;}
	img.right {
	float:right;
	margin:9px 0 36px 18px;}
	* .clear {
	clear:both;}
	* #toggle-content {margin: 18px 0;}
	* #anatomy-of-a-tooth {background: url(../images/anatomy-of-a-tooth/anatomy-of-a-tooth-bg.gif); height: 525px; position: relative; width: 300px;}
	#anatomy-of-a-tooth a {cursor: help; display: block; position: absolute;}
	#anatomy-of-a-tooth a:hover {background: transparent;}
	a#bone {height: 20px; left: 30px; top: 380px; width: 40px;}
	a#cementum {height: 20px; left: 100px; top: 460px; width: 90px;}
	a#dentin {height: 20px; left: 80px; top: 165px; width: 60px;}
	a#enamel {height: 20px; left: 165px; top: 135px; width: 60px;}
	a#gingiva {height: 30px; left: 20px; top: 275px; width: 60px;}
	a#periodontal {height: 30px; left: 205px; top: 440px; width: 70px;}
	a#pulp {height: 30px; left: 125px; top: 220px; width: 50px;}
	a#print {cursor: pointer; height: 23px; left: 240px; top: 502px; width: 60px;}
	#anatomy-of-a-tooth a img {border: none; display: block; height: 0; position: absolute; width: 0;}
	#anatomy-of-a-tooth a:hover img {height: 98px; width: 300px;}
	a#bone:hover img {left: -30px; top: -380px;}
	a#cementum:hover img {left: -100px; top: -460px;}
	a#dentin:hover img {left: -80px; top: -165px;}
	a#enamel:hover img {left: -165px; top: -135px;}
	a#gingiva:hover img {left: -20px; top: -275px;}
	a#periodontal:hover img {left: -205px; top: -440px;}
	a#pulp:hover img {left: -125px; top: -220px;}
	.flash-replaced .alt {
	display: block;
	width: 0px;
	height: 0px;
	position: absolute;
	overflow: hidden;}
	* .hide {display: none;}
	img.right {
	border: solid 1px #000;
	margin: 0 0 15px 15px;
	float: right;
	clear: right;}
	* .img-left {
	border: solid 1px #000;
	margin: 0 15px 20px 0;
	float: left;}
	span.indent {
	padding-left: 40px;}
	* .sidebar {
	background: #fff;
	width: 275px;
	margin: 0 0 15px 15px;
	padding: 0;
	border: solid 1px #000;
	float: right;
	clear: right;}
	.sidebar a {
	color: #036;}
	.sidebar h3 {
	background: #97AFC2;
	margin: 0;
	padding: 15px;
	color: #fff;}
	* .thumb {
	border: solid 1px #000;
	margin: 0 10px 10px 0;
	float: left;
	clear: left;}
	.sidebar p {
	padding: 0 15px;
	margin: 15px 0;}
	* .clear {clear: both;}
	
/* edit.com visible styles */
.NormalText { text-decoration: none; font-weight: normal; font-style: normal; font-size: 14px;line-height: 18px; font-family: Garamond, Georgia, Times New Roman, Arial, serif; color: #000; }

.Title		{ color: #154071; font-size: 22px; font-weight: bold; font-family: Garamond, Georgia; line-height: 1.25em; }
.Header		{ color: #2165AF; font-size: 20px; font-weight: bold; font-family: Garamond, Georgia; line-height: 1.25em; }
.BrownHeader{ color: #403329; font-size: 20px; font-weight: bold; font-family: Garamond, Georgia; line-height: 1.25em; }
.Subheader	{ color: #372013; font-size: 18px; font-weight: bold; font-family: Garamond, Georgia; }

.Blue		{ color: #2165AF; }
.DarkBlue	{ color: #154071; }
.LightBrown	{ color: #735B49; }
.Brown		{ color: #403329; }
.DarkBrown	{ color: #372013; }
.Black		{ color: #000000; }
.White		{ color: #FFFFFF; }

.SmallText	{ font-size: 10px; }
.MediumText	{ font-size: 16px; line-height: 1em; }
.LargeText	{ font-size: 24px; line-height: 1em; }

IMG.FloatLeft 	{ float: left; margin: 0 10px 10px 0; }
IMG.FloatRight 	{ float: right; margin: 0 0 10px 10px; }

TABLE.teamTable TD { padding: 15px 0; border-bottom: 1px solid #154071; }
TABLE.teamTable TD.first { padding-top: 0; }

TABLE.qa TD { padding: 0 5px 10px 0; vertical-align: top; }

/*****/
#home-video { width:297px; height:135px; text-indent:-999em; display:block; overflow:hidden; background:url(../video/bg-video-home.jpg)}
#home-video:hover { background:url(../video/bg-video-home.jpg) 0 -135px}