/* CSS Document */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}
/* end css reset */

.clear{clear:both}
body{color:#45393d; font-family:Arial,Helvetica,sans-serif; background:#efedd6 url(../images/bg/body.jpg) repeat-x}

/*HEADINGS*/
h1#logo a{font-family:Soutane; display:block; text-transform:uppercase; margin-left:20px; color:#45393d; width:445px; height:30px; background:url(../images/title.png) no-repeat; font-size:0px; line-height:0px; text-indent:-999em;}
h1#logo {margin:0; width:445px; height:30px;}

h1{font-family:Soutane, Georgia, Serif; color:#5c8b96; font-size:24px; margin-bottom:20px; }

h2{font-weight:bold; font-style:italic; color:#e1b330; margin-bottom:10px; line-height:1.5em; font-size:1em}
h2.callout{margin-bottom:40px;}
h1 span{ font-variant:small-caps; font-size:.9em }
h3{font-weight:bold; font-style:italic; color:#e1b330; margin-bottom:.75em; line-height:1.5em; font-size:.75em}

/*OTHER TYPOGRAPHY*/
p{margin-bottom:1em; line-height:1.625em; font-size:.75em}
a:link, a:visited, a:active{color:#5c8b96; text-decoration:none}
a:hover{color:#5c8b96; text-decoration:underline}
strong{font-weight:bold}

/*CONTAINERS*/
.container{width:930px; background:#76b2ae url(../images/bg/container.jpg); padding:0 20px; margin:auto; position:relative;}
.header{background:#a7c9c4 url(../images/bg/header.jpg) repeat-x; padding:0 30px 0 0; width:900px; position:relative;}
.sidebar{width:200px; float:left; text-align:left; }
.content{ background:#a7c9c4 url(../images/bg/content_container.jpg) bottom left no-repeat; }
.main_content{width:635px; padding:105px 45px 17px 50px; float:left; background:#fff url(../images/bg/content.jpg) no-repeat; }
.tagline{width:840px; height:45px; background:#a7c9c4; padding:15px 45px 20px 45px; text-align:center}
.tagline p{margin:0;}
.footer{text-align:center; padding:15px 0}
.footer .links{color:#5c8b96}
.login_bar{padding:0 18px 0 0}
.login_bar a{text-indent:-999em; overflow:hidden; display:block; height:26px; width:164px;}
#patient_login{background:url(../images/bg/patient_login.jpg) no-repeat; display:block; height:26px; width:162px; text-indent:-999em; overflow:hidden;}
#doctor_login {background:url(../images/bg/doctor_login.jpg) no-repeat; display:block; height:26px; width:162px; text-indent:-999em; overflow:hidden;}
a:hover#patient_login {background:url(../images/bg/patient_login_over.jpg) no-repeat;}
a:hover#doctor_login {background:url(../images/bg/doctor_login_over.jpg) no-repeat;}

/*NAV STYLES*/
.nav{background:transparent url(../images/bg/nav.jpg) no-repeat; text-align:left;  padding:35px 0 90px 0; font-family:Segoe UI,"Trebuchet MS",Arial,Helvetica,sans-serif;}
.nav li{display:block; height:32px; width:200px; border:0; margin:0; padding:0; line-height:0px; font-size:0px;}
.nav a{display:block; height:32px; width:200px; border:0; margin:0; padding:0; background:transparent url(../images/nav-sprite.jpg) bottom left no-repeat; text-indent:-9999em; overflow:hidden;}

ul.subnav{padding:35px 0 90px 0; font-family:Segoe UI,"Trebuchet MS",Arial,Helvetica,sans-serif; font-size:12px; color:#45393d;}
ul.subnav li{display:block; height:32px; width:200px;}
ul.subnav a{margin:7px 0 0 42px; color:#000; text-decoration:none;}
ul.subnav a:hover{text-decoration:underline;}
ul.subnav a.on{font-weight:bold; text-decoration:underline;}

.invisalign{text-align:center;width:200px;  position:absolute; bottom:120px; left:20px; color:#fff;}
.invisalign a{background:url(../images/invisalign.png) no-repeat; display:block; margin:auto; width:139px; height:30px; font-size:0px; line-height:0px; text-indent:-9999em; overflow:hidden;}

.incognito{text-align:center;width:200px;  position:absolute; bottom:85px; left:20px; color:#fff;}
.incognito a{background:url(../images/incognito.png) no-repeat; display:block; margin:auto; width:180px; height:34px; font-size:0px; line-height:0px; text-indent:-9999em; overflow:hidden;}

.main_content img{border:1px solid #444;}

#meet-the-team a{ background-position: 0 0;}
#about-office a{background-position: 0 -32px}
#about-orthodontics a{background-position: 0 -64px;}
#faqs a{background-position:0 -96px;}
#about-braces a{background-position: 0 -128px;}
#treatment-options a{background-position: 0 -160px;}
#emergency-care a{background-position: 0 -192px;}
#contact-us a{background-position: 0 -224px;}
#home a{background-position:0 -258px;}

#meet-the-team a:hover{ background-position: -200px 0px;}
#about-office a:hover{background-position: -200px -32px}
#about-orthodontics a:hover{background-position: -200px -64px;}
#faqs a:hover{background-position:-200px -96px;}
#about-braces a:hover{background-position: -200px -128px;}
#treatment-options a:hover{background-position: -200px -160px;}
#emergency-care a:hover{background-position: -200px -192px;}
#contact-us a:hover{background-position: -200px -224px;}
#home a:hover{background-position:-200px -258px;}

#meet-the-team.on a{ background-position: -200px 0;}
#about-office.on a{background-position: -200px -32px}
#about-orthodontics.on a{background-position: -200px -64px;}
#faqs.on a{background-position:-200px -96px;}
#about-braces.on a{background-position: -200px -128px;}
#treatment-options.on a{background-position: -200px -160px;}
#emergency-care.on a{background-position: -200px -192px;}
#contact-us.on a{background-position: -200px -224px;}
#home.on a{background-position:-200px -258px;}

.staff img{float:left; border:0; margin-right:20px; clear:left;}
.staff div{float:left; width:400px; }

#social-icons {text-align:center;}

/*OTHER STYLES*/
.login_bar p{height:30px; width:170px; text-align:center;  float:right; margin-bottom:5px}
.header ul{float:right; margin:5px 10px 0px 10px; font-family:Segoe UI,"Trebuchet MS",Arial,Helvetica,sans-serif; font-size:.75em}
.header li{margin:6px 0}
.header li:last-child{margin: 6px 0 0 0 ;}
.slideshow{
	list-style:none; 
	margin:-105px 0 30px -50px; 
	width:730px; 
	*width:700px;
	height:376px; 
	overflow:hidden; 
	background:url(../images/banner/photo1.jpg);
	}
.hidden{display:none;}

.main_content li{margin-left: 15px; line-height:1.875em; font-size:.75em; list-style:disc;}
.main_content ul{margin-bottom:1.5em;}

/*ibraces*/
.left{float:left; margin:0 10px 10px 0}
img.right{float:right; margin:0 0 10px 10px; border: 0 none;}
.main_content img.right{float:right; margin:0 0 10px 10px; border: 0 none;}
.clear{clear:both}
h2.media-center{background:#003; color:#FFF; margin:0; padding:5px}
div.media-center{background:#369; color:#FFF; display:inline-block; margin-bottom:10px; overflow:auto; padding:10px}
div.media-center a{color:#FFF}
div.media-center img{border:1px solid #FFF}
.flash{border:solid 1px #ccc}
#flash-ibraces-1{width:320px; height:266px}
#flash-ibraces-2, #flash-ibraces-3{width:352px; height:266px}

#flash-brushing-and-flossing-ortho{width:500px; height:300px; margin:10px auto}
.flash-replaced .alt{display:block; width:0px; height:0px; position:absolute; overflow:hidden}


/*invisalign css*/
#video-invisalign{width:320px; height:239px}
.flash-replaced .alt{display:block; width:0px; height:0px; position:absolute; overflow:hidden}


/* The Game Room */
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}

p.small{font-size:10px}
img.photo{border:solid 1px #000; float:right; margin:0 0 15px 15px}
div.learn-more{background-color:#fff; color:#036; width:50%; border:solid 1px #fff; padding:0; margin:15px 18px 15px 15px; float:right}
div.learn-more a{color:#036}
.learn-more h3{background-color:#97AFC2; color:#fff; margin:0 0 10px 0; padding:10px}
.learn-more p{padding:0; margin:0 0 10px 0}
.clear{clear:both}
#video-suresmile{width:320px; height:206px}
.left{float:left; margin:0 10px 10px 0}
.clear{clear:both}
h2.media-center{background:#5c8b96; color:#FFF; margin:0; padding:5px}
div.media-center{background:#a7c9c4; color:#FFF; margin-bottom:10px; padding:10px}
div.media-center a{color:#FFF}
div.media-center img{border:1px solid #FFF}
.flash{border:solid 1px #ccc}
#flash-in-ovation{width:320px; height:266px}

/*damon*/
#damon-bracket{display:block; margin:0 auto 10px auto}
#damon-wrap{width:400px; margin:0 auto}
#damon-left{float:left; width:175px; margin-right:20px}
#damon-right{float:left; width:170px}
#flash-damon-system-comparison{margin:0 auto; width:250px}
#video-the-damon-system{margin:0 15px 15px 0; width:240px; height:206px; float:left; clear:left}
#video-the-damon-system-2{margin:0 15px 15px 0; width:400px; height:330px; float:left; clear:left}

.flash-replaced .alt{display:block; width:0px; height:0px; position:absolute; overflow:hidden}