/* 
 * minimal base styles 
 */
@import "fonts/type.css"; html,body,div,span,a,img,h1,h2,h3,h4,h5,h6,hgroup,p,dl,dialog,dt,dd,ol,ul,li,abbr,acronym,address,b,big,blockquote,cite,code,del,dfn,em,i,ins,kbd,pre,q,samp,tt,var,small,strong,sub,sup,object,iframe,form,fieldset,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,footer,header,nav,section,figure,menu,time,mark,audio,video{font-family:inherit;font-size:100%;font-weight:inherit;font-style:inherit;vertical-align:baseline;white-space:normal;text-align:left;border:0;outline:0;background:transparent;margin:0;padding:0}

body,
select,
input,
textarea {
  /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */
  color: #444;
  /* set your base font here, to apply evenly */
  font-size: 13px;
  line-height: 18px;
}
/* Headers (h1,h2,etc) have no default font-size or margin,
   you'll want to define those yourself. */
h1, h2, h3, h4, dt {
  font-weight: bold;
  word-spacing: normal;
  letter-spacing: .125em;
}
h4, h5, h6 {
  font-weight: normal;
}
h1.headline { 
	font-weight: normal;
	font-size: 26px; 
	line-height: 36px; 
	margin: 0 0 18px -18px;
	padding-top: 27px;
	position: relative;
	font-family: 'SchneidlerBlkBTBlack', Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
	}
h1 {
  font-size: 20px;
  line-height: 36px;
}
h2 {
  font-size: 18px;
  line-height: 27px;
  margin-bottom: 9px;
}
h3, dt {
  font-size: 16px;
  margin: 18px 0;
}
h4 {
  font-size: 14px;
}
/* always force a scrollbar in non-IE */
html {
  overflow-y: scroll;
}
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {
  outline: none;
}
a, a:active, a:visited {
  color: #ac226a;
  text-decoration: none;
  border-bottom: 1px solid;
}
#content a, #ft a { -webkit-transition: all ease-in .2s; -moz-transition: all ease-in .2s; transition: all ease-in .2s;}
a:hover {
  color: #184c9f;
  border-color: #bbb;
}
p { margin: 18px 0}
p + p { text-indent: 18px;}
/* Remove margins for navigation lists */
nav ul, nav li, nav ul ul {
  margin: 0;
  list-style: none;
}
ul.nobullet { 
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	}
small {
  font-size: 85%;
}
strong, th {
  font-weight: bold;
}
td, td img {
  vertical-align: top;
}
hr {
  margin: 18px 0 0;
  border: 1px solid;
  border-width: 1px 0 0;
  background: none;
  clear: both;
}
sub {
  vertical-align: sub;
  font-size: smaller;
}
sup {
  vertical-align: super;
  font-size: smaller;
}
pre {
  padding: 15px;
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */

  white-space: pre;
  /* CSS2 */

  white-space: pre-wrap;
  /* CSS 2.1 */

  white-space: pre-line;
  /* CSS 3 (and 2.1 as well, actually) */

  word-wrap: break-word;
  /* IE */

}
blockquote { margin: 18px 0 17px; padding: 18px; border-bottom: 1px solid;}
	blockquote p { margin: 0 0 9px;}
	blockquote cite { font-size: 90%;}
textarea {
  overflow: auto;
}
/* thnx ivannikolic! www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
.ie6 legend, .ie7 legend {
  margin-left: -7px;
}
/* thnx ivannikolic! */
/* align checkboxes, radios, text inputs with their label
   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] {
  vertical-align: text-bottom;
}
input[type="checkbox"] {
  vertical-align: bottom;
}
.ie7 input[type="checkbox"] {
  vertical-align: baseline;
}
.ie6 input {
  vertical-align: text-bottom;
}
/* hand cursor on clickable input elements */
label,
input[type=button],
input[type=submit],
button {
  cursor: pointer;
}
.placeholder label span {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */

  clip: rect(1px, 1px, 1px, 1px);
}
legend, label {
  font-family: 'SchneidlerBlkBTBlack', Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
  line-height: 26px;
  font-weight: normal;
}
legend {
  font-size: 20px;
}
input::-webkit-input-placeholder {
  color: #5a3e13;
  font-family: 'SchneidlerBlkBTBlack', Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
}
input:-moz-placeholder {
  color: #5a3e13;
  font-family: 'SchneidlerBlkBTBlack', Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
}
label.required input::-webkit-input-placeholder {
  font-weight: bold;
}
label.required input:moz-input-placeholder {
  font-weight: bold;
}
/* webkit browsers add a 2px margin outside the chrome of form elements */button,
input,
select,
textarea {
  margin: 0;
}
/* colors for form validity */
/*input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { 
	border-radius: 1px;
  -moz-box-shadow: 0px 0px 5px red; 
 	-webkit-box-shadow: 0px 0px 5px red; 
  box-shadow: 0px 0px 5px red;
	}*/
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid {
  background-color: #f0dddd;
}
/* These selection declarations have to be separate.
   No text-shadow: twitter.com/miketaylr/status/12228805301 
   Also: hot pink. */
::-moz-selection {
  background: rgba(48, 33, 10, 0.19999999999999996);
  color: #000000;
  text-shadow: none;
}
::selection {
  background: rgba(48, 33, 10, 0.19999999999999996);
  color: #000000;
  text-shadow: none;
}
/*  j.mp/webkit-tap-highlight-color */
a:link {
  -webkit-tap-highlight-color: #FF5E99;
}
/* make buttons play nice in IE:    
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button, a.button {
  position: relative;
  width: auto;
  overflow: visible;
  margin-right: 18px;
}
/* bicubic resizing for non-native sized IMG: 
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img {
  -ms-interpolation-mode: bicubic;
}
/* 
 * Non-semantic helper classes 
 */
.img_right { float: right; margin: 18px 0 27px 18px;}
img.border { 
	padding: 4px;
	background: #fff; 
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.6); -webkit-box-shadow: 0 0 5px rgba(0,0,0,.6); box-shadow: 0 0 5px rgba(0,0,0,.6)}
.border-left-right { border: 1px solid; border-width: 0 1px;}
/* for image replacement */
.ir {
  display: block;
  text-indent: -999em;
  overflow: hidden;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}
/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hide {
  display: none;
  visibility: hidden;
}
/* Hide only visually, but have it available for screenreaders 
   www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden  */
.visuallyhidden {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */

  clip: rect(1px, 1px, 1px, 1px);
}
/* Hide visually and from screenreaders, but maintain layout */
.invisible {
  visibility: hidden;
}
/* >> The Magnificent cf: Updated to prevent margin-collapsing on child elements << j.mp/bestcf */
.cf:before, .cf:after {
  content: "\0020";
  display: block;
  height: 0;
  visibility: hidden;
}
.cf:after {
  clear: both;
}
/* Fix cf: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.cf {
  zoom: 1;
}
.align_auto {
  margin-left: auto;
  margin-right: auto;
}
.clear { clear: both;}

/* --------------------------------------------------
 * Primary Styles
 ------------------------------------------------- */
body { 
	background: #575757;
	font: normal 14px/18px 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;
	}
	#content ul, #content ol { margin-left: 27px;}
		#content ul li, #content ol li { padding-bottom: 9px;}
	#content .nobullet { margin-left: 0;}
/*	--------------------------------------------------
Containers
-------------------------------------------------- */
div.wrapper { position: relative; width: 990px; margin: 0 auto; padding: 0; }
article,aside,header,hgroup,nav,section,footer{display:block} 
/*	--------------------------------------------------
Grid
-------------------------------------------------- */
.column-row, .row { margin: 0 0 18px -18px;}
.column, .columns { float: left; display: inline; margin: 0 0 0 18px; }
.first { margin-left: 0;} 
.one { width: 45px; }
.two { width: 108px; }
.three { width: 171px; }
.four { width: 234px; }
.five { width: 297px; }
.six { width: 360px; }
.seven { width: 423px; }
.eight { width: 486px; }
.nine { width: 549px; }
.ten { width: 612px; }
.eleven { width: 675px; }
.twelve { width: 738px; }
.thirteen { width: 801px; }
.fourteen { width: 864px; }
.fifteen { width: 927px; }
.sixteen { width: 990px; }
 
.offset-by-one-half { margin-left: 31.5px; }
.offset-by-one { margin-left: 63px; }
.offset-by-two { margin-left: 126px; }
.offset-by-three { margin-left: 189px; }
.offset-by-four { margin-left: 252px; }
.offset-by-five { margin-left: 315px; }
.offset-by-six { margin-left: 378px; }
.offset-by-seven { margin-left: 441px; }
.offset-by-eight { margin-left: 504px; }
.offset-by-nine { margin-left: 567px; }
.offset-by-ten { margin-left: 630px; }
.offset-by-eleven { margin-left: 693px; }
.offset-by-twelve { margin-left: 756px; }
.offset-by-thirteen { margin-left: 819px; }
.offset-by-fourteen { margin-left: 882px; }
 
/* Clear the columns automagically, thanks @kneath */
.column-row:after, .row:after, .cf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .column-row, * html .row, * html .cf { height: 1%; }
.column-row, .row, .cf { display: inline-block; }
.column-row, .row, .cf { display: block; zoom: 1;}
 
/*	IE6 Problems ---------- */
body.ie .column-row { width: 1008px; }
body.ie .eight .column-row	 { width: 504px; }
body.ie .nine .column-row	 { width: 567px; }
body.ie .ten .column-row	 { width: 630px; }
body.ie .eleven .column-row { width: 693px; }
body.ie .twelve .column-row	 { width: 756px; }
body.ie .thirteen .column-row	{ width: 819px; }
body.ie .fourteen .column-row	{ width: 882px; }
body.ie .fifteen .column-row	{ width: 945px; }
body.ie .two-thirds .column-row { width: 522px; }

/*  --------------------------------------------------
Layout
--------------------------------------------------- */
body, html, #hd, #bd, #ft {
  width: 100%;
  float: none;
  clear: both;
  min-width: 990px;
}
section header, section footer, section {
  float: none;
}
#container { background: #d69a30; position: relative; min-width: 990px}
/* header */
#hd {
	border-bottom: 1px solid #300740;
	height: 464px;
	background: url(../images/hd_bg_tile.png) 50% -464px repeat-x;
	}
	.inner_color { background: url(../images/hd_ortho_bg.jpg) 50% 0 no-repeat; height: 464px;}
	#section_home #hd .inner_color { background-image: url(../images/hd_home_bg.jpg);}
	#hd aside { 
		position: absolute;
		left: 0;
		top: 0;
		padding-bottom: 72px;
		margin-bottom: -54px; 
		background: url(../images/hd_aside_bottom.png) 50% 100% no-repeat;}
		#hd aside .inner { background: url(../images/hd_aside_bg.png) 50% 100% repeat-y;}
		#section_orthodontic #hd aside .inner, #section_pediatric #hd aside .inner  { height: 477px;}
			#logo { width: 100%; margin: 0;}
				#logo a { border: none; width: 100%; height: 180px; background: url(../images/logo_home.png) 50% 50% no-repeat;}
#slideshow-home.slideshow, #slideshow-pedo.slideshow, #slideshow-ortho.slideshow { 
	position: absolute;
	overflow: hidden;
	}
#slideshow-home { 
	width: 374px;
	height: 342px;
	top: 122px;
	left: 495px;
	}
#slideshow-pedo, #slideshow-ortho { 
	background: url(../images/slideshow/pedo_ortho_slideshow_bg.png) 50% 50% no-repeat;
	width: 675px;
	height: 360px;
	top: 105px;
	left: 279px;
	}
	#slideshow-pedo img, #slideshow-ortho img {
		position: absolute;
		margin-top: 26px;
		margin-left: 15px;
		}
/* content */
#bd { 
	border-top: 12px solid #595959;
	background: #8cbcf7;
	background: -moz-linear-gradient(top, #E7F2FF 0%, #8CBCF7 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E7F2FF), color-stop(100%,#8CBCF7)); 
	background: linear-gradient(top, #E7F2FF 0%, #8CBCF7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E7F2FF', endColorstr='#8CBCF7',GradientType=0 ); /* ie */	
	}
	#content { 
		position: relative;
		z-index: 1;
		margin-top: -347px;
		background: #fff;	
		-moz-box-shadow: 0 -5px 27px rgba(0,0,0,.3); -webkit-box-shadow: 0 -5px 27px rgba(0,0,0,.3); box-shadow: 0 -5px 27px rgba(0,0,0,.3);
		}
	.page_home #content, .sub_home #content { margin-top: -7px; min-height: 450px;}
	
/* sidebar */
#sidebar { min-height: 100px; padding-top: 63px;}
.ie7 #sidebar { padding-top: 81px;}
.page_home #sidebar, .page_contact-us #sidebar { padding-top: 0;}
	#sidebar .callout { margin: 18px 0;}
		#sidebar .callout a { border: none; margin: 0 9px;}
	#sidebar .address { 
		background: url(../images/addy_icon.png) 50% 27px no-repeat;
		}
		.address ul { 		
			border: 9px solid #020202;
			border-width: 9px 0;
			list-style: none; 
			margin: 0 9px; 
			padding: 9px 0;
			text-align: right;
			}
			.address li { 
				text-align: right;
				padding-bottom: 9px;
				font-size: 13px;
				}
			.address li.phone { font-size: 23px; line-height: 27px;}

#social-icons {text-align:center; margin:20px 9px;}
#social-icons a, a:active, a:hover, a:visited {text-decoration:none; border:none;}

/* footer */
#ft { 
	padding: 36px 0;
	background: url(../images/ft_bg_tile.jpg) 50% 0 repeat-x;
	}
	#ft dl { padding: 0 27px 0 45px; min-height: 144px;}
	#ft dl.border-left-right { padding-left: 63px; border-color: #bbb;}
		#section_home #ft dt, #section_pediatric #ft dt, #section_orthodontic #ft dt, #section_contact-us #ft dt, #section_our-blog #ft dt {
			position: relative;
			margin: 0 0 0 -18px;
			top: -9px;
			font-family: 'SchneidlerBlkBTBlack',Cambria, "Hoefler Text", Utopia, 
			"Liberation Serif", "Nimbus Roman No9 L Regular", Times, 
			"Times New Roman", serif;
			line-height: 27px;
			padding-bottom: 9px;
			color: #f4d45e;
			}
		#ft dd { }
			#ft dd ul { list-style: none;}	
			#ft dd li { font-size: 14px; line-height: 27px; font-weight: bold;}
				#ft li a { color: #fff; border: none;}
				#ft li a:hover { color: #f2e2b1;}
	#ft #sesame-link { border: none; color: #f2e2b1; padding: 18px 0 0 45px; font-size: 12px;}
	#ft #sesame-link:hover { color: #fff;}
/* Navigation */
#page_nav {
	background: #e5e5e5;
	padding: 18px;
	}
	#page_nav ul { text-align: center; margin: 0;}
		#page_nav ul li { 
			font-size: 15px; 
			display: inline-block; 
			padding: 0 6px 0 3px; 
			border-right: 1px solid;
			line-height: 15px;
			}
		.ie7 #page_nav ul li { display: inline; border: none; padding-right: 18px;}
			#page_nav ul li.last { border: none; padding-right: 0;}
			#page_nav li a { border: none;}
			#page_nav li a.active, #page_nav li a:hover { color: #666666;}
#section_nav { 
	position: absolute;
	top: 162px;
	left: 50%;
	margin-left: -495px;
	z-index: 1000;
	}
	#section_nav ul { 
		position: relative;
		z-index: 1000;
		}
		#section_nav li { 
			text-align: center;
			}
			#section_nav li a { 
				text-decoration: none;
				}
			#section_nav .meet-the-team > a, #section_nav .for-new-patients > a,
			#section_nav .about-braces > a, #section_nav .about-orthodontics > a,
			#section_nav .preventive-dentistry > a, #section_nav .dentistry-for-kids > a,
			#section_nav .contact-us > a, #section_nav .home > a {
				text-align: center; 
				line-height: 53px;
				padding-bottom: 1px;
				display: block;
				font-size: 16px;
				font-family: 'SchneidlerBlkBTBlack', serif;
				background: url(../images/nav_border.png) 50% 100% no-repeat;
				border: none;
				color: #020202;
				}
			#section_nav .home > a { background: none;}	
				
	#section_orthodontic.sub_meet-the-team #section_nav .meet-the-team > a,
	#section_orthodontic #section_nav .meet-the-team:hover > a,
	#section_orthodontic.sub_for-new-patients #section_nav .for-new-patients > a,
	#section_orthodontic #section_nav .for-new-patients:hover > a,
	#section_orthodontic.sub_about-braces #section_nav .about-braces > a, 
	#section_orthodontic #section_nav .about-braces:hover > a, 
	#section_orthodontic.sub_about-orthodontics #section_nav .about-orthodontics > a,
	#section_orthodontic #section_nav .about-orthodontics:hover > a,
	#section_orthodontic #section_nav .contact-us:hover > a,
	#section_orthodontic.sub_home #section_nav .home a,
	#section_orthodontic #section_nav .home:hover a { color: #00467f;}

	
	#section_pediatric.sub_meet-the-team #section_nav .meet-the-team > a,
	#section_pediatric #section_nav .meet-the-team:hover > a,
	#section_pediatric.sub_for-new-patients #section_nav .for-new-patients > a,
	#section_pediatric #section_nav .for-new-patients:hover > a,
	#section_pediatric.sub_preventive-dentistry #section_nav .preventive-dentistry > a, 
	#section_pediatric #section_nav .preventive-dentistry:hover > a, 
	#section_pediatric.sub_dentistry-for-kids #section_nav .dentistry-for-kids > a,
	#section_pediatric #section_nav .dentistry-for-kids:hover > a,
	#section_pediatric #section_nav .contact-us:hover > a,
	#section_pediatric.sub_home #section_nav .home a,
	#section_pediatric #section_nav .home:hover a { color: #eab800;}	
	
	/* subnav */
	#section_nav ul ul {
		position: absolute; 
		top: -999em;
		border: 1px solid #616161;
		background: #fff url(../images/subnav_bg.png) 50% 100% repeat-x;
		padding: 9px 0;
		margin: -36px 0 0 200px;
		width: 214px;
		}
	#section_nav li:hover ul, #section_nav li.sfhover ul { top: auto;}
		#section_nav li, #section_nav > li a {
			font-size: 13px;
			text-align: left;
			}
			#section_nav li li a { 
				color: #020202;
				line-height: 27px;
				padding: 0 18px;
				display: block;
				border: none;
				}
			#section_nav li li a:hover {
					border: 1px solid #616161;
					border-width: 1px 0;
					line-height: 25px;	
					color: #fff;		
				}
			#section_orthodontic #section_nav li ul a:hover {
				background: #5A809E; /* old browsers */
				background: -moz-linear-gradient(top, #5A809E 0%, #00467F 100%); /* firefox */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5A809E), color-stop(100%,#00467F)); /* webkit */
				background: linear-gradient(top, #5A809E 0%, #00467F 100%); /* firefox */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5A809E', endColorstr='#00467F',GradientType=0 ); /* ie */
				}
			#section_pediatric #section_nav li ul a:hover {
				background: #D8BD5A; /* old browsers */
				background: -moz-linear-gradient(top, #D8BD5A 0%, #EAB800 100%); /* firefox */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D8BD5A), color-stop(100%,#EAB800)); /* webkit */
				background: linear-gradient(top, #D8BD5A 0%, #EAB800 100%); /* firefox */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D8BD5A', endColorstr='#EAB800',GradientType=0 ); /* ie */				
				}			
#main_nav { 
	position: absolute;
	right: 0;
	float: none;
	}	
	#main_nav ul { text-align: right; width: 100%;}
		#main_nav li { 
			text-align: right; 
			display: inline-block; 
			background: url(../images/nav_separator.png) 100% 50% no-repeat;
			}
		.ie7 #main_nav li, .ie7 #main_nav li a { display: inline;}
			#main_nav li a { 
				width: auto;
				display: inline-block; 
				font-size: 16px; 
				color: #02233e;
				text-transform: lowercase;
				padding: 0 26px; 
				height: 126px;
				overflow: hidden;
				line-height: 126px;
				border: none; 
				background: url(../images/nav_sprite.png) -115px 0 no-repeat;}
			#main_nav a:hover { color: #00467f;}
			#section_home #main_nav li.home a { background-position: 0 -248px;}
			#section_orthodontic #main_nav li.orthodontic a { background-position: 7px -3px;}
			#section_pediatric #main_nav li.pediatric a { background-position: 7px -126px;}
			#section_contact-us #main_nav li.contact-us a { background-position: 0 -382px;}
			#section_our-blog #main_nav li.our-blog a { background-position: 0 -382px;}
/*  --------------------------------------------------
Modernizer tests
--------------------------------------------------- */

/* Theme Overrides
 *
 */

#section_pediatric #hd { 
	background-position: 0 0;
	}
	#section_pediatric .inner_color { background-image: url(../images/hd_pedo_bg.jpg);}
	#section_pediatric #hd #logo a { background-image: url(../images/logo_pedo.png)}
#section_pediatric .headline, #section_pediatric h2, #section_pediatric h3, #section_pediatric dt { color: #dda600;}
#section_pediatric #content a { color: #4747ac;}
#section_pediatric #content a:hover { color: #5b5bde;}
#section_pediatric #page_nav ul li, #section_pediatric #page_nav li a { color: #4747ac;}

#section_orthodontic #hd {
	background-position: 0 -464px;
	}
	#section_orthodontic .inner_color { background-image: url(../images/hd_ortho_bg.jpg);}
	#section_orthodontic #hd #logo a { background-image: url(../images/logo_ortho.png)}
	
#section_orthodontic .headline, #section_orthodontic h2, #section_orthodontic h3, #section_orthodontic dt { color: #00467f;}
#section_orthodontic #content a { color: #dda600;}
#section_orthodontic #content a:hover { color: #00467f;}
#section_orthodontic #page_nav ul li, #section_orthodontic #page_nav li a { color: #dda600;}

#section_orthodontic #page_nav li.active a, #section_pediatric #page_nav li.active a,
#section_orthodontic #page_nav li a:hover, #section_pediatric #page_nav li a:hover { color: #666;}

#section_our-blog .inner_color { background-image: url(../images/hd_pedo_bg.jpg);}

/*  --------------------------------------------------
Sesame CSS
--------------------------------------------------- */

/* SESAME CSS */
img.right {
	margin: 0 0 15px 15px;
	float: right;
	clear: right;
	}
img.left {
	margin: 0 15px 15px 0;
	float: left;
	clear: left;
	}
img.left-border {
	float: left;
	clear: left;
	margin: 5px 15px 15px 0;
	border: solid 1px #333; /* Customize me! */
	}
img.right-border {
	float: right;
	clear: right;
	margin: 5px 0 15px 15px;
	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: #eee; /* Customize me! */
	border: solid 1px #eee; /* Customize me! */
	border-width: 1px 0 0 0; /* Customize me! */
	margin: 20px 0;
	padding: 0;
	clear: both;
	}
	h6 {
	height: 0px;
	background-color: #eee; /* Customize me! */
	border: solid 1px #eee; /* Customize me! */
	border-width: 1px 0 0 0; /* Customize me! */
	margin: 20px 0;
	padding: 0;
	clear: both;
	}
/* This is the backup for screen readers */
hr {
	display: none;
	height: 0px;
	background-color: #eee;
	border: solid 1px #eee;
	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: 334px;
	background-color: #33aadf; /* Customize me! */
	padding: 5px 0 5px 5px;
	margin: 0 0 20px 20px;
	border: solid 1px #333; /* Customize me! */
	-moz-border-radius: 5px; /* Optional - you may customize or remove */
	-webkit-border-radius: 5px;
}
div.box img {
	float: left;
	border: solid 1px #333; /* Customize me! */
	margin-right: 5px;
}
div.box p {
	float: left;
	width: 50%;
	margin: 0;
	padding: 0;
}
/* Emergency Care */
ul#toggle-emergency {
	list-style: none;
	margin: 0 0 1em 0;}
	ul#toggle-emergency li {
		border: solid 1px #fff;
		border-width: 0 0 1px 0;
		padding: 1em 0;
		margin: 0;}
	ul#toggle-emergency div p { margin-top: 0;}
.general-soreness {
	background: url(http://media.sesamehost.com/images/emergency-care/general-soreness.gif) no-repeat;
	width: 80px;
	height: 60px;}
.headgear {
	background: url(http://media.sesamehost.com/images/emergency-care/headgear.gif) no-repeat;
	width: 80px;
	height: 60px;}
.loose-appliance {
	background: url(http://media.sesamehost.com/images/emergency-care/loose-appliance.gif) no-repeat;
	width: 80px;
	height: 60px;}
.loose-bracket {
	background: url(http://media.sesamehost.com/images/emergency-care/loose-bracket.gif) no-repeat;
	width: 80px;
	height: 60px;}
.loose-wire {
	background: url(http://media.sesamehost.com/images/emergency-care/loose-wire.gif) no-repeat;
	width: 80px;
	height: 60px;}
.poking-wire {
	background: url(http://media.sesamehost.com/images/emergency-care/poking-wire.gif) no-repeat;
	width: 80px;
	height: 60px;}
.left-border {
	border: solid 1px #333;
	margin: 5px 15px 15px 0;
	float: left;
	clear: left;}
/* Anatomy of a tooth */
#anatomy-of-a-tooth {background: url(http://media.sesamehost.com/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; border: none;}
#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}
#slideshow-container ul.slideshow {
	list-style: none; 
	width: 460px; 
	height: 350px;
	margin: 0; 
	padding: 0;
	}
#slideshow-container {
	background: #33aadf; /* Customize me */
	border: solid 1px #00467f; /* Customize me */
	-moz-border-radius: 5px; /* Optional - you may customize or remove */
	-webkit-border-radius: 5px; /* Optional - you may customize or remove */
	width: 460px; 
	padding: 10px;
	line-height: 18px;
	}
#slideshow-container div#caption {
	min-height: 18px;
	clear: both;
	background-color: #fff; /* Customize me */
	color: #333; /* Customize me */
	padding: 10px;
	margin: 10px 0 0 0;
	border: solid 1px #00467f; /* Customize me */
	-moz-border-radius: 5px; /* Optional - you may customize or remove */
	-webkit-border-radius: 5px;
	}
#slideshow-container ul.slideshow img {
	width: 460px; 
	height: 350px;
	margin: 0;
	}
.office-tour-nav {
	background-color: #fff; /* Customize me */
	margin: 0 0 10px 0;
	padding: 5px 3px;
	border: solid 1px #00467f; /* Customize me */
	-moz-border-radius: 5px 5px 0 0; /* Optional - you may customize or remove */
	-webkit-border-top-left-radius: 5px; /* Optional - you may customize or remove */
	-webkit-border-top-right-radius: 5px; /* Optional - you may customize or remove */
	}
.office-tour-nav a {
	text-decoration: none; 
	font-size: 12px; 
	padding: 5px; 
	margin: 0 3px; 
	color: #333;
	border: none;}
.office-tour-nav a.activeSlide, .office-tour-nav a:hover {color: #DDA600;}


/*  --------------------------------------------------
Forms
--------------------------------------------------- */

/* Global form styles */
div.referral-form, div.appointment-form, div.comments {
  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 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%;
}
/* 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 {
  margin-left: 0;
}
/* 
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ 
 */
@media print {
  * {
    background: transparent !important;
    color: #444 !important;
    text-shadow: none !important;
  }
  a, a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  a:after {
    content: " (" attr(href) ")";
  }
  abbr:after {
    content: " (" attr(title) ")";
  }
  .ir a:after {
    content: "";
  }
  /* Don't show links for images */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  /* css-discuss.incutio.com/wiki/Printing_Tables */tr, img {
    page-break-inside: avoid;
  }
  @page  {
    margin: 0.5cm;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h2, h3 {
    page-break-after: avoid;
  }
}