@import url("fonts.css");
/* 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;
}

object {
	outline: none;
}
body {
	line-height:1.5em;
	background-image: url(../images/page-bg.png);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #b9e5f6;
	padding-top: 32px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}
table {
	border-collapse:separate;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
table, td, th {
	vertical-align:middle;
}
a img {
	border:none;
}
.hide {
	display:none;
}
.flash-replaced .alt {
	display:none;
}
a {
	color: #5b2b7b;
	text-decoration: none;
}
a:hover {
	color: #0872ba;
}
/*LAYOUT*/
#container {
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#hd {
	background-image: url(../images/hd-bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 292px;
}
#logo a {
	display: block;
	position: absolute;
	height: 80px;
	width: 400px;
	left: 29px;
	top: 188px;
	text-indent: -9999px;
	font-size: 12px;
}
#sidebar {
	position: absolute;
	top: 50px;
	right: 60px;
	color: #FFF;
	font-size: 18px;
	text-align: right;
	text-shadow: 0px 1px 3px #006699;
	line-height: 24px;
}
#sidebar .telephone {
	font-size: 24px;
}
#bd {
	background-image: url(../images/bd-bg.png);
	background-repeat: repeat-y;
	background-position: center top;
}
#content {
	padding-left: 265px;
	padding-right: 70px;
	padding-bottom: 40px;
	min-height:800px;
	height:auto !important;
	height:600px;
}
.home #content {
	padding-top:260px;
}
#flash-homepage {
	display: block;
	height: 228px;
	width: 594px;
	position: absolute;
	left: 265px;
	top: 300px;
}
#ft {
	background-image: url(../images/ft-bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 113px;
	padding-top: 40px;
	font-size: 12px;
	text-align: center;
	color: #FFF;
}
#ft p {
	padding-top: 5px;
	padding-bottom: 0px;
}
#ft a {
	color: #FFF;
}
#ft a:hover {
	color: #BDE6F6;
}
#nav {
	width: 219px;
	position: absolute;
	left: 29px;
	top: 293px;
}
/*NAVIGATION*/
#nav ul li a#our-office, #nav ul li a#orthodontic-treatment, #nav ul li a#patient-info, #nav ul li a#fun-stuff, #nav ul li a#contact-us, #nav ul li a#home {
	background-image: url(../images/nav.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display:block;
	position: relative;
	height:36px;
	width:219px;
}
#nav ul li a#our-office {
	background-position: left top;
}
#nav ul #our-office:hover, #nav li:hover #our-office, #nav li.sfhover #our-office, #nav .active #our-office, #nav ul #our-office.active {
	background-position: -219px top;
}
#nav ul li a#orthodontic-treatment {
	background-position: left -36px;
}
#nav ul #orthodontic-treatment:hover, #nav li:hover #orthodontic-treatment, #nav li.sfhover #orthodontic-treatment, #nav .active #orthodontic-treatment, #nav ul #orthodontic-treatment.active {
	background-position: -219px -36px;
}
#nav ul li a#patient-info {
	background-position: left -72px;
}
#nav ul #patient-info:hover, #nav li:hover #patient-info, #nav li.sfhover #patient-info, #nav .active #patient-info, #nav ul #patient-info.active {
	background-position: -219px -72px;
}
#nav ul li a#fun-stuff {
	background-position: left -108px;
}
#nav ul #fun-stuff:hover, #nav li:hover #fun-stuff, #nav li.sfhover #fun-stuff, #nav .active #fun-stuff, #nav ul #fun-stuff.active {
	background-position: -219px -108px;
}
#nav ul li a#contact-us {
	background-position: left -144px;
}
#nav ul #contact-us:hover, #nav li:hover #contact-us, #nav li.sfhover #contact-us, #nav .active #contact-us, #nav ul #contact-us.active {
	background-position: -219px -144px;
}
#nav ul li a#home {
	background-position: left -180px;
}
#nav ul #home:hover, #nav li:hover #home, #nav li.sfhover #home, #nav .active #home, #nav ul #home.active {
	background-position: -219px -180px;
}
/*Top Links*/
#toplinks {
	position: absolute;
	height: 33px;
	width: 462px;
	top: -1px;
	right: 64px;
}
#toplinks li {
	list-style-type: none;
	display: inline-block;
	float: left;
}
#toplinks li a#download-forms, #toplinks li a#patient-login, #toplinks li a#doctor-login {
	background-image: url(../images/top-login.png);
	background-repeat: no-repeat;
	display:inline-block;
	height:33px;
	float: left;
	text-indent: -9999px;
}
#toplinks li a#download-forms {
	height: 33px;
	width: 207px;
	background-image: url(../images/top-login.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: inline-block;
	float: left;
	text-indent: -9999px;
}
#toplinks li a#download-forms:hover, #toplinks li:hover #download-forms, #toplinks .active #download-forms, #toplinks #download-forms.active {
	background-position: left bottom;
}
#toplinks li a#patient-login {
	background-position: -207px top;
	width: 129px;
	float: left;
}
#toplinks #patient-login:hover, #toplinks li:hover #patient-login, #toplinks .active #patient-login, #toplinks #patient-login.active {
	background-position: -207px bottom;
}
#toplinks li a#doctor-login {
	background-position: -336px top;
	float: left;
	width: 126px;
}
#toplinks #doctor-login:hover, #toplinks li:hover #doctor-login, #toplinks .active #doctor-login, #toplinks #doctor-login.active {
	background-position: -336px bottom;
}
/*CALLOUTS*/
#callouts {
	width: 196px;
	position: absolute;
	left: 40px;
	top: 540px;
}
#callouts p {
	padding: 0px;
}
#appointment a, #invisalign a, #invisalign-teen a {
	background-image: url(../images/callouts.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
}
#appointment a {
	height: 100px;
}
#invisalign a {
	background-position: left -100px;
	height: 65px;
}
#invisalign-teen a {
	background-position: left -165px;
	height: 60px;
}
#abo {
	display: block;
	float: left;
	height: 54px;
	width: 152px;
	background-image: url(../images/home-logos.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
}
#aao {
	background-image: url(../images/home-logos.png);
	background-repeat: no-repeat;
	background-position: -152px top;
	float: left;
	height: 54px;
	width: 152px;
	text-indent: -9999px;
	display: block;
}
#homelogos {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	width: 305px;
}

/* TYPE */
h1, h2, h3, h4, h5 {
	line-height: normal;
}
.headline {
	font-family: 'MarydaleBold';
	font-size: 24px;
	/*font-weight: bold;*/
	color: #5b2b7b;
}
h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	color: #0872ba; 
}
#content h2 {font-weight:lighter;}
	
#content ul {margin:15px 0;}

h3 {
	font-size: 16px;
	color: #26ace2;
}
.intro {
	font-style: italic;
	font-weight: bold;
	color: #0872ba;
}
p {
	padding-top: 10px;
	padding-bottom: 10px;
}
blockquote {
}
#content ul {
	padding-left: 20px;
}
#content ul li {
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url(../images/bullet.png);
	background-position: left 12px;
	background-repeat: no-repeat;
	list-style-type: none;
	padding-left: 10px;
}
#content ol {
	padding-left: 30px;
}
#content ol li {
	padding-top: 5px;
	padding-bottom: 5px;
}
.site-map #content ul {
	padding-left: 0px;
}
.site-map #content ul li, .office-tour #content ul li {
	text-transform: uppercase;
	list-style-type: none;
	background-image: none;
}
.site-map #content ul li ul li {
	text-transform: none;
}
/*MISC*/
.back-to-top {
	text-align: right;
	clear: both;
}
.back-to-top {
	border:0 none;
	margin:0;
}
.back-to-top a, .back-to-top a:visited {
	background: #1A83C6;
	display: inline-block;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	-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);
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
	position: relative;
	cursor: pointer;
	font-weight: bold;
	line-height: normal;
}
.back-to-top a:hover {
	background-color: #3CB4E5;
	color: #fff;
	top: 1px;
}
.back-to-top a:active {top: 1px;}
 .back-to-top a::-moz-focus-inner {
padding:0;
}
.main-photo {
	float: right;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 15px;
}
.map {
	background-color: #FFF;
	-moz-box-shadow: 0 1px 3px #006699;
	-webkit-box-shadow: 0 1px 3px #006699;
	border: 1px solid #26ace2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-bottom: 20px;
	clear: both;
}
.member, .video {
	background-color: #FFF;
	-moz-box-shadow: 0 1px 3px #006699;
	-webkit-box-shadow: 0 1px 3px #006699;
	border: 1px solid #26ace2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-bottom: 20px;
	text-align: center;
	margin-top: 10px;
}
.bi-column {
	padding: 10px;
	float: left;
	width: 270px;
}
/*SUB NAV ELEMENTS*/
.sub_nav {
	margin-bottom: 10px;
	color: #5b2b7b;
	margin-top: 10px;
}
.sub_nav a {
	color: #5b2b7b;
}
.sub_nav a:hover, .sub_nav a.active {
	color: #0872ba;
	text-decoration: none;
}
/* 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;
	-moz-box-shadow: 0 1px 3px #006699;
	-webkit-box-shadow: 0 1px 3px #006699;
	border: 1px solid #26ace2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
img.right-border {
	float: right;
	clear: right;
	margin: 5px 0 15px 15px;
	-moz-box-shadow: 0 1px 3px #006699;
	-webkit-box-shadow: 0 1px 3px #006699;
	border: 1px solid #26ace2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
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: #006699; /* Customize me! */
	border: solid 1px #006699; /* 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: #006699;
	border: solid 1px #006699;
	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;
}
/* invisalign teen */
img.left {
	-moz-box-shadow: 0 1px 3px #006699;
	-webkit-box-shadow: 0 1px 3px #006699;
	border: 1px solid #26ace2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 0 15px 20px 0;
	float: left;
}
span.indent {
	padding-left: 40px;
}
#invisalign-sidebar {
	background: #fff;
	width: 275px;
	margin: 0 0 15px 15px;
	padding: 0;
	-moz-box-shadow: 0 1px 3px #006699;
	-webkit-box-shadow: 0 1px 3px #006699;
	border: 1px solid #26ace2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float: right;
	clear: right;
}
#invisalign-sidebar a {
	color: #036;
}
#invisalign-sidebar h3 {
	background: #1A83C6;
	margin: 0;
	padding: 15px;
	color: #fff;
}
#invisalign-sidebar p {
	padding: 0 15px;
	margin: 15px 0;
}
.thumb {
	border: solid 1px #000;
	margin: 0 10px 10px 0;
	float: left;
	clear: left;
}
/* games */
ul#sesame-games {
	list-style: none;
	margin: 0 0 27px;
	padding: 0
}
ul#sesame-games li {
	width: 187px;
	height: 79px;
	border: 1px solid #1e3554;/* add hex color to change border color; defaults to BODY Font Color*/
	float: left;
	overflow: hidden;
	position: relative;
	background-color: #1e3554;
	background-image: none;
	margin-top: 18px;
	margin-right: 9px;
	margin-bottom: 0;
	margin-left: 9px;
	padding-left: 0px;
}
ul#sesame-games li p {
	font-size: 11px;
	color: #fff;
	margin: 9px;
	position: relative;
}
ul#sesame-games li a {
	position: relative;
	display: block;
	overflow: hidden;
	width: 187px;
	height: 79px;
}
ul#sesame-games a img {
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
	width: 187px;
	display: block;
}
/* office tour */
ul.slideshow {
	list-style: none;
	margin: 0;
	padding: 0;
}
#slideshow-container {
	background: #fff; /* Customize me */
	-moz-box-shadow: 0 1px 3px #006699;
	-webkit-box-shadow: 0 1px 3px #006699;
	border: 1px solid #26ace2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 480px;
	height: 350px;
	padding: 10px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
#caption {
	margin: 10px 12px;
	height: 30px; /* Adjust this if caption text runs over two lines long */
	display: block;
	font-weight: bold;
	font-size: 1.17em;
	text-align: center;
}
ul.slideshow img {
	width: 460px;
	height: 350px;
	margin-top: -20px;
}
.office-tour-nav {
	background: #1A83C6; /* Customize me */
	position: absolute;
	z-index: 50;
	bottom: 10px;
	padding-top: 0;
	padding-right: 3px;
	padding-bottom: 0;
	padding-left: 3px;
	left: 0px;
}
.office-tour-nav a {
	text-decoration: none;
	font-size: 12px;
	padding: 5px;
	margin: 0 3px;
	color: #fff;
}
.office-tour-nav a.activeSlide {
	color: #BDE6F6;
}

#social-icons {
	left: 55px;
    position: absolute;
    top: 790px;
}  

#container #wp-sidebar {  
    left: 40px;
    padding: 0;
    position: absolute;
    top: 890px;
    width: 196px;
	
} 
#container #wp-sidebar h3, #container #wp-sidebar legend {
	color:#fff;
}

/*social media --------------------*/				
#social-icons {
    left: 38px!important;
	width: 150px;
}
#social-icons a {
    display: block;
    float: left;
    height: 42px;
    margin: 4px;
    width: 42px;
}
#social-icons a img {width:42px;height:42px}