/* reset */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}

body {line-height:1.5;}

table {border-collapse:separate;border-spacing:0;}

caption, th, td {text-align:left;font-weight:normal;}

table, td, th {vertical-align:middle;}

blockquote:before, blockquote:after, q:before, q:after {content:"";}

blockquote, q {quotes:"" "";}

a img {border:none;}



/* typography */

body {font-size:75%;color:#222;background:#fff;font-family:Arial, Helvetica, sans-serif;}

h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#002b54;}

h1 {font-size:2em;line-height:1;margin-bottom:0.5em; color:#c49446}

h2 {font-size:1.5em;margin-bottom:0.75em;}

h3, dt {font-size:1.2em;line-height:1;margin-bottom:1em;}

h4 {font-size:1em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}

h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}

h6 {font-size:1em;font-weight:bold;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

p {margin:0 0 1.5em;}

p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}

p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}

a:focus, a:hover {color:#000;}

a {color:#006595;text-decoration:underline;}

blockquote {margin:1.5em;color:#666;font-style:italic;}

strong {font-weight:bold;}

em, dfn {font-style:italic;}

dfn {font-weight:bold;}

sup, sub {line-height:0;}

abbr, acronym {border-bottom:1px dotted #666;}

address {margin:0 0 1.5em;font-style:italic;}

del {color:#666;}

pre, code {margin:1.5em 0;white-space:pre;}

pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}

li ul, li ol {margin:0 1.5em;}

ul, ol {margin:0 1.5em 1.5em 1.5em;}

ul {list-style-type:disc;}

ol {list-style-type:decimal; margin-left:2em;}

dl {margin:0 0 1.5em 0;}

dl dt {font-weight:bold;}

dd {margin-left:1.5em;}

table {margin-bottom:1.4em;width:100%;}

th {font-weight:bold;background:#C3D9FF;}

th, td {padding:4px 10px 4px 5px;}

tr.even td {background:#E5ECF9;}

tfoot {font-style:italic;}

caption {background:#eee;}

* .small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}

* .large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}

* .hide {display:none;}

* .quiet {color:#666;}

* .loud {color:#000;}

* .highlight {background:#ff0;}

* .added {background:#060;color:#fff;}

* .removed {background:#900;color:#fff;}

* .first {margin-left:0;padding-left:0;}

* .last {margin-right:0;padding-right:0;}

* .top {margin-top:0;padding-top:0;}

* .bottom {margin-bottom:0;padding-bottom:0;}


/* edit.com visible styles */
BODY, TD, .NormalText { text-decoration: none; font-weight: normal; font-style: normal; font-size: 12px; color: #222; font-family: Arial, Helvetica, sans-serif; }

.Title		{ color: #006595; font-size: 24px; font-weight: normal; font-family: Arial; font-style: italic; }
.Header		{ color: #006595; font-size: 18px; font-weight: normal; font-family: Arial; }
.Subheader	{ color: #006595; font-size: 14px; font-weight: normal; font-family: Arial; }

.Blue		{ color: #006595 }
.Black		{ color: #000000; }
.White		{ color: #FFFFFF; }
.Gray		{ color: #222222; }

.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; }
IMG.LightBlueBorder { border:5px solid #9ea374; }

.map {border: 5px solid #9EA374;}

/* grid */

* #container, * .container {width:800px;margin:0 auto;}

body {margin:0;}

div.column {float:left;margin-right:0;min-height:605px;}

div.last {margin-right:0;}

div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}

* .box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}

hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}

hr.space {background:#fff;color:#fff;}

.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

* .clearfix, * .container {display:inline-block;}

* html .clearfix, * html .container {height:1%;}

* .clearfix, * .container {display:block;}

* .clear {clear:both;}



/* custom */

body {background: #fff url(../images/layout/bg.png) repeat-x;}

* #container {position:relative;}

* #hd {background: url(../images/layout/hd.png) top left no-repeat; height:155px;}

* #hd img {float:right; margin-right:15px;}

* #bd {background: url(../images/layout/bd.png) top left repeat-y;}	



* #logo {height:100px; width:330px; position: absolute; top:0; left:15px;}

#phone-num { position:absolute; top:75px; left:135px;}
#phone-num p { color:#ba8e59; font-size:20px; }

#logo a

{

	display:block; 

	height:100px;

	overflow: hidden;

	text-indent: -999em;

	width:370px;

}



* #content

{

	background: url(../images/layout/watermark.png) right 400px no-repeat;

	min-height:680; -height:680px;

	padding: 50px 20px 0 0;

	position:relative;

	width:530px;

}

	

	#content h1 {position:absolute;	top:0;}



	dl.logos img {margin: 5px 0 20px 0;}

	dt a {display:block; font-weight:normal; margin-bottom:5px;}

	* .flash-replaced {margin-bottom:20px; text-align:center;}

	.flash-replaced .alt {display:none;}

	* .inset {background-color: #ccc; border:1px solid #999; float:right; margin: 0 0 0 10px; padding-top:10px; width:180px;}

	.inset p, .inset ul {font-size: .9em; }

	.inset p,

	.inset h3 {margin-left:10px; margin-right:10px;}

	* .notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}

	.notice a {color:#514721;}





	/* page-specific */

	* #flash-homepage {position:absolute; top:-155px; right:0; width:570px;}

	.home #content {padding-top: 310px; min-height:665px; -height:665px;}

	/* images */

	img.border, img.auto {border:5px solid #9ea374;}

	img.auto {float: right; margin: 0 0 15px 15px;}



* #sidebar {width:235px;}	



/* nav-container */

* #nav-container {position:absolute; top:150px; left:0; width:215px;}

#nav-container p {padding-left:35px; font-size:.85em; color:#fff;}

#nav-container #abo-logo {

	background:url(../images/layout/abo-logo.png) top left no-repeat;

	display:block; 

	height:47px;

	overflow: hidden;

	padding: 0;

	margin-left:25px;

	text-indent: -999em;

	width: 170px;}





* #nav, * #testimonials {background: url(../images/layout/sidebar-divider.png) 15px bottom no-repeat; margin-bottom:20px; padding-bottom:25px;}



* #nav {width:215px;}



#nav ul, #util ul {

	list-style: none;

	margin: 0;}



#nav a, #util a {

	background: url(../images/nav/home.png) top left no-repeat;

	display: block;

	height: 30px; /* h */

	outline: none;

	overflow: hidden;

	text-indent: -999em;

	width: 215px; /* w */

}



/* vertical nav */

#nav ul {width: 190px;}

#nav a:hover {background-position: -215px 0;} /* -w */

#nav li.active a {background-position: -430px 0;} /* -2w */

#nav li.active a:hover {background-position: -645px 0;} /* -w */

#nav a.external:after {content: "\2197";}



/* set bg image for each link */

a#about-our-office {background-image:url(../images/nav/about-our-office.png);}

a#about-orthodontics {background-image:url(../images/nav/about-orthodontics.png);}

a#faq {background-image:url(../images/nav/faq.png);}

a#braces-101 {background-image:url(../images/nav/braces-101.png);}

a#orthodontic-treatments {background-image:url(../images/nav/orthodontic-treatments.png);}

a#emergency-care {background-image:url(../images/nav/emergency-care.png);}

a#fun-and-games {background-image:url(../images/nav/fun-and-games.png);}

a#contact-us {background-image:url(../images/nav/contact-us.png);}

a#patient-login {background-image:url(../images/nav/patient-login.gif);}

a#doctor-login {background-image:url(../images/nav/doctor-login.gif);}



/* subnav */

#nav li ul li a {background:none; color:#fff; text-decoration:none; display:inline; padding-left:50px; text-indent:0;}

#nav li ul a:hover {text-decoration:underline;}

#nav li ul li.active {font-weight:bold;}



/** #util {position:absolute; top:30px; left:450px; width:120px;}
*/

* #util {position:absolute; top:40px; left:450px; width:120px;}

#util ul {width:120px;}

#util a {height:28px; width:120px;}

#util a:hover {background-position: -120px 0;}



/* homepage testimonials */

* #testimonials {padding:0 0 10px 35px;}

#testimonials ul {color:#c5bb83; list-style:none; margin:0;}

#testimonials li {height:60px;}



* #ft {background: url(../images/layout/ft.png) top left no-repeat; text-align: center; padding-top:5px;}

* #ft {color: #002b54;}

#ft p {padding:0 15px;}

#ft a {text-decoration:none;}

#ft .text_nav, #ft .text_nav a {color:#c49446;}

#ft a:hover {color: #666;}

#ft .sesame a {color:#fff;}

#ft .sesame a:hover {color:#ccc;}



/*games*/

div#sesame-game {background: #000; line-height: 0; margin: 10px auto 30px auto; text-align: center; width: 400px}

ul#sesame-games {list-style: none; margin: 0 18px 0 0; padding: 0}

ul#sesame-games li {clear: both; display: block}

ul#sesame-games img {border: 0; float: right; margin: 0 0 10px 10px}

ul#sesame-games a.button {float:right; height:85px; width:200px}

ul#sesame-games p { padding-bottom: 1em}



/* Global form styles */

fieldset {border: none; padding: 9px 0;}

fieldset div {clear: both;}

* .form-header {border-bottom: 1px solid #006595;/*optional, change color to match site*/}

.form-header h3 {margin: 0 0 9px;}

.form-header p {margin: 0 0; padding-bottom: 18px;}

* .form-footer {padding-top: 18px; text-align: center; border-top: 1px solid #006595;/*optional, change color to match site*/}

.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*/

	margin: 9px auto;/*do not change, controls positioning*/

	display: block;

	width:125px;

	height:31px;

	background:#006595;/* customize me! */

	border: 1px solid #004D6F;/* customize me! */

	text-align:center;

	line-height:31px;

	color:#ffffff;/* customize me! */

	font-size:12px;

	font-weight:bold;}

/* comment form */	

* .comments {

	margin: 0 0 18px;

	width: 500px; 

	padding: 10px;

	border: solid 2px #0a799e;/*optional, change color to match site*/

	}

.comments li {font-weight: bold;}

.comments label {/*floats labels left*/

	font-size: 12px;

	display:block;

	font-weight:bold;

	text-align:right;

	width:200px;

	float:left;

	padding-top: 4px;}

.comments label span {/*sits below labels; holds instructions*/

	color:#666666;

	display:block;

	font-size:11px;

	font-weight:normal;

	text-align:right;

	width:200px;}

.comments .label-block label {float: none; clear: both; width: 100%; text-align: left;}

.comments input, .comments textarea {

	float:left;

	font-size:12px;

	padding:4px 2px;

	border:solid 1px #618989;/* customize me! */

	width:200px;

	margin:9px 0 9px 10px;

	background: #ffffff;}

.comments p.verification {

	clear: both;

	margin: 9px 0 9px 210px;

	font-size: 12px;}

.comments p.radio-float {

	clear: none;

	float:left;

	width: 200px;

	padding:0;

	margin:9px 0 9px 0;}

.comments p.verification {margin-top: 0;}

.comments p.verification img {border: 1px solid #618989;}/* customize me! */

.comments p.radio input, .comments p.radio-float input {

	float: none;

	margin: 0 0 0 10px;

	padding: 4px 2px;

	width: auto;}

.comments .radio {text-align: left; font-weight: normal;}

.comments .comments-box label {float: none; font-weight: normal; display: block; text-align: left;}

.comments .comments-box textarea {float: none; margin-left: 0; width:95%;}

/* referral form */

* .referral-form {

	margin: 0 0 18px;

	width: 500px; 

	padding: 10px;

	border:solid 2px #3993b1;}/*optional, change color to match site*/

.referral-form fieldset {border: none; padding: 9px 0;}

.referral-form label {/*floats labels left*/

	font-size: 12px;

	display:block;

	font-weight:bold;

	text-align:right;

	width:200px;

	float:left;

	line-height: 18px;

	padding-top: 4px;}

.referral-form label span {/*sits below labels; holds instructions*/

	color:#666666;

	display:block;

	font-size:11px;

	font-weight:normal;

	text-align:right;

	width:200px;}

.referral-form input, .referral-form textarea {

	float:left;

	font-size:12px;

	padding:4px 2px;

	border:solid 1px #3993b1;/* customize me! */

	width:200px;

	margin:9px 0 9px 10px;

	background: #ffffff;}

.referral-form p.radio, .referral-form p.verification {

	clear: both;

	margin: 9px 0 9px 210px;

	font-size: 12px;}

.referral-form p.radio-float {

	clear: none;

	float:left;

	width: 200px;

	padding:0;

	margin:9px 0 9px 0;}

.referral-form p.verification {margin-top: 0;}

.referral-form p.verification img {border: 1px solid #3993b1;}/* customize me! */

.referral-form p.radio input, .referral-form p.radio-float input {

	float: none;

	width: auto;

	margin: 0 0 0 10px;

	padding: 4px 2px;}

/* appointment form */

* .appointment-form {

	margin: 0 0 18px;

	width: 500px; 

	padding: 10px;

	border:solid 2px #3993b1;/*optional, change color to match site*/

	background:#fafafa;/*optional, change color of background*/}

.appointment-form fieldset {border: none; padding: 9px 0;}

.appointment-form label {/*floats labels left*/

	font-size: 12px;

	display:block;

	font-weight:bold;

	text-align:right;

	width:200px;

	float:left;

	line-height: 18px;

	padding-top: 4px;}

.appointment-form label span {/*sits below labels; holds instructions*/

	color:#666666;

	display:block;

	font-size:11px;

	font-weight:normal;

	text-align:right;

	width:200px;}

.appointment-form input, .appointment-form select, .appointment-form textarea {

	float:left;

	font-size:12px;

	padding:4px 2px;

	border:solid 1px #3993b1;/* customize me! */

	width:200px;

	margin:9px 0 9px 10px;

	background: #ffffff;}

.appointment-form p.radio, .appointment-form p.verification {

	clear: both;

	margin: 9px 0 9px 210px;

	font-size: 12px;}

.appointment-form p.radio-float {

	clear: none;

	float:left;

	width: 200px;

	padding:0;

	margin:9px 0 9px 0;}

.appointment-form p.verification {margin-top: 0;}

.appointment-form p.verification img {border: 1px solid #3993b1;}/* customize me! */

.appointment-form p.radio input, .appointment-form p.radio-float input {

	float: none;

	width: auto;

	margin: 0 0 0 10px;

	padding: 4px 2px;}
	
#slideshow-container ul.slideshow {
	list-style: none; 
	width: 460px; 
	height: 350px;
	margin: 0; 
	padding: 0;
	}
#slideshow-container {
	background: #D6D9AE; /* Customize me */
	border: solid 1px #a0b606; /* 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 #a0b606; /* 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 #a0b606; /* 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;}
.office-tour-nav a.activeSlide, .office-tour-nav a:hover {color: #009EC7;}   

#social-icons {
	padding:15px 0 15px 35px;
}  
/*#blog-sidebar {
	height:600px;
	z-index:100;
}  */
/*body.our-blog#container#bd#column{
	min-height:2000px;
} */  

.our-blog #content, .location #content { min-height:950px; -height:950px; } 

#blog-sidebar #wp-sidebar h3 { color:#fff; } 

#blog-sidebar #wp-sidebar {
    padding: 0 0 15px 35px;
    width: 150px;
} 

#phone-container { position:relative; }  
#call-out-ph { position:absolute; top:-50px; left:23px; }

#call-out-ph p { color:#002b54; font-size:18px; }