/* Layout */



.BlueSectionHeader { font: bold 16px Arial, Helvetica, sans-serif; color: #008ac7; }

.SmallText	{ font-size: 10px; }

.Blueq		{ color: #008ac7; }

.White		{ color: #FFFFFF; }

.WhiteText {font: 14px Arial, Helvetica, sans-serif; color: #fff}



body {margin: 30px 0; background: #000}

body, table {font: 14px Arial, Helvetica, sans-serif; color: #fff}

td {vertical-align: top}

* #container {margin: 0 auto; padding: 0; width: 872px}

* #wrap {background: url(images/content_bg.jpg) repeat; border: solid 1px #fff; width: 872px; margin-bottom: 10px}

* .wrap2 {margin: 0 auto; padding: 0; width: 832px; display: block; clear: both}

* #content_wrap {margin: 0; padding: 20px; width: 832px; background: url(images/content_bg-top.jpg) no-repeat;}

* #content_wrap:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}

* #subnav {float: right; font: 10px Arial, Helvetica, sans-serif; color: #fff; text-align: right}

* #anchors {font: 10px Arial, Helvetica, sans-serif; color: #fff}

* .center {width: 481px; display: block; margin: 0 auto}

* .break {clear: both}

.clear { clear:both}

/* Links */

a:link, a:visited {font-size: 14px; color: #fff}

a:hover {color: #008ac7}

p.footer-link {font-size:12px;
}
.footer-link a:link, .footer-link a:visited {font-size: 12px; color: #fff}
.footer-link a:hover {color: #008ac7}

#subnav a:link, #subnav a:visited, #anchors a:link, #anchors a:visited {font: 10px Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; text-transform: capitalize}

#subnav a:hover, #anchors a:hover {color: #008ac7}

#subnav a.active {color: #008ac7; cursor: default; text-decoration: underline}



/* Headings */

h1, h1 a:link, h1 a:visited {font: bold 16px Arial, Helvetica, sans-serif; color: #008ac7; margin: 15px 0 0 0}

h1 a:hover {color: #fff}

h2 {font: bold 14px Arial, Helvetica, sans-serif; color: #fff; margin: 0}

h3 {font: bold 18px Arial, Helvetica, sans-serif; color: #fff; text-align: center; margin: 15px 0 0 0}



/* Images */

* .img_border {border: solid 1px #343434}

* .img_center {margin: 0 auto; display: block}

* .img_center_border {border: solid 1px #343434; margin: 0 auto; display: block}

* .img_left_border {border: solid 1px #343434; margin: 0 13px 15px 0; float: left}

* .img_right_border {border: solid 1px #343434; margin: 0 0 15px 13px; float: right}



/* Lists */

ul {margin: 5px 0 5px 15px}



/* Top Nav */

* #nav, #nav ul {margin: 0; padding: 0; list-style: none; line-height: 1; width:975px; margin-left:55px;}

#nav li {float: left; padding: 0 20px 5px 0; display: inline}

#nav a {display: block; font: bold 10px arial; color: #fff; text-decoration: none; text-transform: uppercase}

#nav a:hover,

#home #nav_home, 

#about_us #nav_about_us, #nav li:hover #nav_about_us, #nav li.sfhover #nav_about_us,

#about_ortho #nav_about_ortho, #nav li:hover #nav_about_ortho, #nav li.sfhover #nav_about_ortho,

#braces #nav_braces, #nav li:hover #nav_braces, #nav li.sfhover #nav_braces,

#invisailgn #nav_invisalign, #nav li:hover #nav_invisalign, #nav li.sfhover #nav_invisalign,

#treatment #nav_treatment, #nav li:hover #nav_treatment, #nav li.sfhover #nav_treatment,

#fun_stuff #nav_fun_stuff, #nav li:hover #nav_fun_stuff, #nav li.sfhover #nav_fun_stuff,

#contact #nav_contact, #nav li:hover #nav_contact, #nav li.sfhover #nav_contact,

#site_map #nav_site_map {color: #008ac7; font-weight: bold}



#nav ul {background: #000; width: 150px; margin: 0; padding: 0; border: solid 1px #fff; font: bold 12px arial; color: #fff; left: -9999px; position: absolute; z-index:11}

#nav li:hover ul, #nav li.sfhover ul {left: auto}

#nav ul li a {color: #fff; width: 150px; padding: 3px 0 2px 8px; text-transform: capitalize}

#nav ul li a:hover {text-decoration: none}

#nav ul li:hover a, #nav ul li.sfhover a {color: #008ac7}

#nav ul a.expand {background: url(images/expand.gif) no-repeat 90% 6px}/* Only subnav with teriary nav */



#nav ul ul {margin: -18px 0 0 150px; width: 170px}

#nav li:hover ul ul, #nav li.sfhover ul ul {left: -9999px;}

#nav li li:hover ul, #nav li li.sfhover ul {left: auto}

#nav li:hover ul ul a, #nav li.sfhover ul ul a {color: #fff; width: 170px}

#nav li:hover ul ul a:hover, #nav li.sfhover ul ul a:hover {color: #008ac7}



/*Footer nav*/

* #navbottom, #navbottom ul {margin-left:-40px; padding: 0; list-style: none; line-height: 1; width:975px}

#navbottom li {padding: 0 20px 5px 0; display: inline;}

#navbottom a {display: inline; font: bold 10px arial; color: #fff; text-decoration: none; text-transform: uppercase}

#navbottom a:hover,

#home #nav_home, 

#about_us #nav_about_us, #navbottom li:hover #nav_about_us, #navbottom li.sfhover #nav_about_us,

#about_ortho #nav_about_ortho, #navbottom li:hover #nav_about_ortho, #navbottom li.sfhover #nav_about_ortho,

#braces #nav_braces, #navbottom li:hover #nav_braces, #navbottom li.sfhover #nav_braces,

#invisalign #nav_invisalign, #navbottom li:hover #nav_invisalign, #navbottom li.sfhover #nav_invisalign,

#treatment #nav_treatment, #navbottom li:hover #nav_treatment, #navbottom li.sfhover #nav_treatment,

#fun_stuff #nav_fun_stuff, #navbottom li:hover #nav_fun_stuff, #navbottom li.sfhover #nav_fun_stuff,

#contact #nav_contact, #navbottom li:hover #nav_contact, #navbottomli.sfhover #nav_contact,

#site_map #nav_site_map {color: #008ac7; font-weight: bold}



#navbottom ul {background: #000; width: 150px; margin: 0; padding: 0; border: solid 1px #fff; font: bold 12px arial; color: #fff; left: -9999px; position: absolute}

#navbottom li:hover ul, #navbottom li.sfhover ul {left: auto}

#navbottom ul li a {color: #fff; width: 150px; padding: 3px 0 2px 8px; text-transform: capitalize}

#navbottom ul li a:hover {text-decoration: none}

#navbottom ul li:hover a, #navbottom ul li.sfhover a {color: #008ac7}



/* Callouts */

b {display: none}

* #call_wrap {width: 832px; display: block; margin: 0 auto}

* #call_wrap2 {width: 525px; display: block; margin: 0 auto}

* .callout {width: 249px; padding: 30px 0; margin-top: 20px; background: #000; border: solid 1px #fff; line-height: 1}

* .callout a {width: 249px; display: block}

* #children {background: url(images/callouts/children.gif); height: 35px}

* #adults {background: url(images/callouts/adults.gif); height: 35px}

* #why_choose {background: url(images/callouts/why_choose.gif); height: 35px}



#children:hover, * .children, #adults:hover, * .adults, #why_choose:hover, * .why_choose {background-position: 0 -35px}



/* Addresses */

* .address {font: 10px Arial, Helvetica, sans-serif; color: #fff; text-align: center; text-transform: uppercase}



/* Pro Pack Callouts Klempner----- */
#pro-pack-callout-sm {
	width: 123px;
	height: 63px;
	background: #eee /* Customize this color!! */ url(http://media.sesamehost.com/images/invisalign-pro-package/callout-sm.png) no-repeat;
	border: solid 1px #000; /* Customize me!! */
	-moz-border-radius: 3px; /* Optional - you may customize or remove - Does not work in IE */
	-webkit-border-radius: 3px; /* Optional - you may customize or remove - Does not work in IE */
	margin: 0 0 18px; /* Customize me!! */
	padding: 0;
	display: block;
	text-indent: -999em;
	/* Uncomment the following lines if using absolute positioning */
	/* top: 390px; Customize me!! */
	/* left: 350px; Customize me!! */
	/* position: absolute; */
	/* z-index: 2; Adjust this number if needed */
	}
#pro-pack-callout-sm a {
	width: 123px;
	height: 63px;
	display: block;
	}
#pro-pack-callout-lg {
	width: 223px;
	height: 128px;
	background: #eee /* Customize this color!! */ url(http://media.sesamehost.com/images/invisalign-pro-package/callout-lg.png) no-repeat;
	border: solid 1px #000; /* Customize me!! */
	-moz-border-radius: 3px; /* Optional - you may customize or remove - Does not work in IE */
	-webkit-border-radius: 3px; /* Optional - you may customize or remove - Does not work in IE */
	margin: 0 0 18px;
	padding: 0;
	display: block;
	text-indent: -999em;
	
	/* Uncomment the following lines if using absolute positioning */
	/* top: 470px; Customize me!! */
	/* left: 350px; Customize me!! */
	/* position: absolute; */
	/* z-index: 2; Adjust this number if needed */
	}
#pro-pack-callout-lg a {
	width: 223px;
	height: 128px;
	display: block;
	}	




