@charset "utf-8";

* {margin: 0;padding: 0;}

body {padding: 0;text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */color: #FFF;background-color: #0b072e;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 13px;width: 900px;margin-top: 0;margin-right: auto;margin-bottom: 0;margin-left: auto;}
.clear { clear: both; height:0; font-size: 1px; line-height: 0px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Style Tool Box*/

a:link, a:visited{COLOR:#7FDFFF;font-style:normal;text-decoration: underline;}
a:hover{COLOR:#AA9FFF;text-decoration: underline;font-style: normal;}
a img {border:none;}
p {font-size: 14px;font-family: Verdana, Geneva, sans-serif;padding-top: 5px;padding-bottom: 15px;}
h1#header {background-image: url(../images/sprite.jpg); background-position: 0px 0px; width: 900px; height:247px; text-indent: -9999px; background-repeat: no-repeat; background-position: 0px 0px; margin: 0px; clear: both;}
h2 {font-size:18px;font-weight: bold;color:#FFF; margin: 5px 0 3px 7px;}
h3 {font-size:16px;font-weight: bold;color:#FFF;margin-left: 7px;}
h4 {font-size:14px;font-weight: bold;color:#FFF;margin-left: 8px;}
#newsletter h3 {margin-left: 0px;font-size: 15px;margin-top: 15px;}
#newsletter p {font-size: 13px;font-weight: bold;margin: 0 0 0 0;}

#survey-questions h4 {margin: 5px 0 8px 5px; font-size:13px;}
#survey-questions fieldset { padding: 10px 10px 0px 10px; width: 560px; }
#survey-questions legend { color:#FFF; font-size:16px; padding: 0 4px 0 4px;}
#survey-questions label { display:block; margin: -5px 0 -11px 20px;}
.radioQ { margin:0 10px 0 0;}
.radioR{ margin:0 10px 0 20px;}

#survey-form label { margin: 5px 0 5px 15px;}
#survey-form input { margin-left:15px;}
.surveyC { margin-left:15px;}
#survey-form fieldset { margin: 0 0 0 0;}
#survey-form h4 { margin: 0 0 0 0;font-size: 15px;color:#CF0;}

.title-headings {font-size:14px;font-weight:bold;text-decoration: underline; color:#FC6}
.title-heading-started {font-size:19px;font-weight:bold; color:#FC6;}
.title-heading-started:hover {font-size: 19px;color:#F93;text-decoration: underline;}
code 	 {padding: 0px;overflow: scroll;font-family: Verdana, sans-serif;font-size: 11px; color:#000; background-color: #E9E9E2;width: 500px; margin:5px 0 0 30px;border: 1px solid #808080;display: block;}		
.linkform {margin: 0 20px 0 65px;background-color:#BDD1F6;color:#000;border: 1px solid #000;padding-left: 20px;}
.page-right { float:right;}
.page-left { float:left;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ SlideShow CSS*/

ul.slideshow {list-style:none;width:300px;height:209px;overflow:hidden;position:relative;margin:0;padding:0; float:right;}       
ul.slideshow li {position:absolute;left:0;right:0;}   
ul.slideshow li.show {z-index:500;}   
ul img { border:none;}   
#slideshow-caption { width:300px; height:50px;position:absolute;bottom:0;left:0;color:#fff;background:#000;z-index:500;}   
#slideshow-caption .slideshow-caption-container {padding:5px 10px;z-index:1000;}     
#slideshow-caption h3 {margin:0;padding:0;font-size:12px;}   
#slideshow-caption p {margin:5px 0 0 0;padding:0;}  

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Accordion CSS*/
			#accordion h3 { font-size:12px; margin-top: 5px; }
			#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
			#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
			ul#icons {margin: 0; padding: 0;}
			ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
			ul#icons span.ui-icon {float: left; margin: 0 4px;}
			.section-content ol {font-size: 11px; font-weight:normal;}
			
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Accordion CSS END*/

#page-wrap {background-color: #0b072e;margin-top: 30px;}
.picture {border: 1px solid #999;padding: 3px;font: 11px Arial, sans-serif;}
.picure img {border: 1px solid #ccc; vertical-align:middle; margin-bottom: 3px; }
.imgRight {float: right;margin: 0.5em 0.5em 0.5em 0.8em; }
.imgLeft {float: left;margin: 0.5em 0.5em 0.5em 0.8em;}
.imgcenter {float: left; margin:10px 0 20px 100px;}
.required {font-size: small;color: #F00;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Navigation css */
#navigation {width: 900px;height:41px;float: left;margin: 0px;background-image: url(../images/sprite.jpg);background-position: 0px -247px;}
ul#nav {list-style-type: none; padding: 0 0 0 0; margin:0 0 0 0;}
ul#nav li {display: inline;}
ul#nav li a {display: block;height: 41px;text-indent: -9999px;float: left;}

	ul#nav li a.home {width: 78px;}
	ul#nav li a.ourteam {width: 102px;}
	ul#nav li a.ouroffice {width: 103px;}
	ul#nav li a.testimonial {width: 130px;}
	ul#nav li a.newpatient {width: 130px;}
	ul#nav li a.smilegallery {width: 200px;}
	ul#nav li a.askthedoctor {width: 157px;}	

	ul#nav li a.home:hover {background-image: url(../images/sprite.jpg);background-position: 0px -288px;}
	ul#nav li a.ourteam:hover {background-image: url(../images/sprite.jpg);background-position: -78px -288px;}
	ul#nav li a.ouroffice:hover {background-image: url(../images/sprite.jpg);background-position: -180px -288px;} 
	ul#nav li a.testimonial:hover {background-image: url(../images/sprite.jpg);background-position: -283px -288px;}
	ul#nav li a.newpatient:hover {background-image: url(../images/sprite.jpg);background-position: -413px -288px;} 
	ul#nav li a.smilegallery:hover {background-image: url(../images/sprite.jpg);background-position: -543px -288px;}	
	ul#nav li a.askthedoctor:hover {background-image: url(../images/sprite.jpg);background-position: -743px -288px;}	
		
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Services css */
#services, #services2 {width: 900px;height:48px;float: left;margin: 0;background-image: url(../images/sprite.jpg);}
#services {	background-position: 0 -329px;}
#services2 {background-position: 0 -425px;}	

ul#services, ul#services2 {list-style-type: none; padding: 0 0 0 0; margin:0 0 0 0;}
ul#services, ul#services2  li {display: inline;}
ul#services li a, ul#services2 li a  {display: block;height: 48px;text-indent: -9999px;float: left;}
	ul#services li a.left, li a.more {width: 60px;}
	ul#services li a.bridges, li a.crowns, li a.invisalign, li a.teethwhitening, li a.veneers {width: 156px;}

	ul#services li a.left:hover {background-image: url(../images/sprite.jpg);background-position: 0px -377px;}
	ul#services li a.bridges:hover {background-image: url(../images/sprite.jpg);background-position: -60px -377px;}
	ul#services li a.crowns:hover {background-image: url(../images/sprite.jpg);background-position: -216px -377px;}
	ul#services li a.invisalign:hover {background-image: url(../images/sprite.jpg);background-position: -372px -377px;} 
	ul#services li a.teethwhitening:hover {background-image: url(../images/sprite.jpg);background-position: -528px -377px;}
	ul#services li a.veneers:hover {background-image: url(../images/sprite.jpg);background-position: -684px -377px;}	
	ul#services li a.more:hover {background-image: url(../images/sprite.jpg);background-position: -840px -377px;}	

	ul#services2 li a.left2, li a.close {width: 60px;}
	ul#services2 li a.dentures, li a.hygiene, li a.fillings, li a.rootcanals, li a.dentalterms {width: 156px;}

	ul#services2 li a.left2:hover {background-image: url(../images/sprite.jpg);background-position: 0px -473px;}
	ul#services2 li a.dentures:hover {background-image: url(../images/sprite.jpg);background-position: -60px -473px;}
	ul#services2 li a.hygiene:hover {background-image: url(../images/sprite.jpg);background-position: -216px -473px;}
	ul#services2 li a.fillings:hover {background-image: url(../images/sprite.jpg);background-position: -372px -473px;} 
	ul#services2 li a.rootcanals:hover {background-image: url(../images/sprite.jpg);background-position: -528px -473px;}
	ul#services2 li a.dentalterms:hover {background-image: url(../images/sprite.jpg);background-position: -684px -473px;}	
	ul#services2 li a.close:hover {background-image: url(../images/sprite.jpg);background-position: -840px -473px;}	

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Main Content css */
#mainContentWrap {width: 900px;float:left;margin: auto;}
.top-content {background-image: url(../images/sprite.jpg);background-position: 0px -521px;background-repeat: no-repeat;height: 10px;width: 900px;margin-top: 30px;}
.main-slice {width: 900px;float: left;background-repeat: repeat-y;position: relative;z-index: 0;background-image: url(../images/main-content.jpg);}
.main-slice p {color: #FFF;font-size: 13px;}
#sidebar {width: 230px;float:left;padding-right: 10px;padding-left: 10px;}
#sidebar-contact {background-image: url(../images/sprite.jpg);background-position: 0px -531px;height: 25px;width: 109px;text-indent: -9999px;}
#main-content {width:580px;float:right;padding-right: 30px;padding-left: 20px;margin-left: 20px;}
#content-title {text-indent: -9999px;background-image: url(../images/sprite.jpg);background-position: -109px -531px;height: 24px;width: 208px;margin-bottom: 4px;}
#content-title-team {text-indent: -9999px;background-image: url(../images/sprite.jpg);background-position: -317px -531px;height: 27px;width: 160px;margin-bottom: 4px;}
#content-title-office {text-indent: -9999px;background-image: url(../images/sprite.jpg);background-position: -477px -531px;height: 27px;width: 172px;margin-bottom: 4px;}
#content-title-testimonial {text-indent: -9999px;background-image: url(../images/sprite.jpg);background-position: -649px -531px;height: 24px;width: 115px;margin-bottom: 4px;}
#content-title-newpatient {text-indent: -9999px;background-image: url(../images/sprite.jpg);background-position: -764px -531px;height: 25px;width: 136px;margin-bottom: 4px;}
#content-title-newpatient-forms {text-indent: -9999px;background-image: url(../images/sprite.jpg);background-position: 0px -933px;height: 25px;width: 189px;margin-bottom: 4px;}
#content-title-smile {text-indent: -9999px;background-image: url(../images/sprite.jpg);background-position: -189px -933px;height: 32px;width: 174px;margin-bottom: 4px;}
#content-title-askDr {text-indent: -9999px;background-image: url(../images/sprite.jpg);background-position: -395px -933px;height: 27px;width: 148px;margin-bottom: 4px;}
#content-title-pop-quest {text-indent: -9999px;background-image: url(../images/sprite.jpg);background-position: -632px -933px;height: 32px;width: 172px;margin-bottom: 4px;}
#content-title-services {text-indent: -9999px;background-image: url(../images/sprite.jpg);background-position: -543px -933px;height: 27px;width: 89px;margin-bottom: 4px;}
#main-content ul {padding-left: 30px;}
#main-content ol {padding-left: 18px;}
#crown-movie { float:right; padding: 0 0 5px 7px;}
.section-content p {color: #000;font-size: 12px;}


#newsletter {background-image: url(../images/sprite.jpg);background-position: 0px -631px;height: 157px;width: 230px;}
#newsletter h3 {text-indent: -9999px;}
#newsletter p {padding-left: 10px;color: #000;font-weight: bold;padding-top: 0px;margin: 0px;padding-right: 0px;padding-bottom: 3px}
#bottombox {width: 586px;height:112px;float: left;margin-top: 50px;background-image: url(../images/sprite.jpg);background-position: -230px -631px;}
ul#specials {list-style-type: none; padding: 0 0 0 0; margin:0 0 0 0;}
ul#specials li {display: inline;}
ul#specials li a {display: block;height: 110px;text-indent: -9999px;float: left;}
	ul#specials li a.specialoffers {width: 193px;}
	ul#specials li a.blog-link {width: 193px;}
	ul#specials li a.survey {width: 194px;}
		ul#specials li a.specialoffers:hover {background-image: url(../images/sprite.jpg);background-position: -230px -743px;}
		ul#specials li a.blog-link:hover {background-image: url(../images/sprite.jpg);background-position: -423px -743px;}
		ul#specials li a.survey:hover {background-image: url(../images/sprite.jpg);background-position: -616px -743px;}

.bubble-top {background-image: url(../images/sprite.jpg);background-position: -230px -855px;background-repeat: no-repeat;height: 18px;width: 545px;margin-left: 30px;float: left;}
.bubble-content {background-image: url(../images/bubble.middle.jpg); width: 545px;background-repeat: repeat-y;margin-left: 30px;float:left;}
.bubble-bottom {background-image: url(../images/sprite.jpg); background-position: -230px -872px; background-repeat: no-repeat; height: 60px; width: 545px ;margin-left: 30px;float:left; margin-bottom:10px;}
.bubble-content p {color: #000;font-size: 12px;padding:0 15px 0 20px; font-weight:bold; }
.bubble-content h3 {color: #C30;font-size: 18px;padding:0 15px 0 0;}

/* END of Main Content~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Content css */

/* Ohr Team Tab CSS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#tabs {font-size: 90%;margin: 20px 0;}
#tabs ul {float: left;background: #2f3083;width: 500px;padding-top: 4px;}
#tabs li {margin-left: 8px;list-style: none;}
* html #tabs li {display: inline;}
#tabs li, #tabs li a {float: left;}
#tabs ul li.active {border-top:2px #FFF solid;background: #FFF;}
#tabs ul li.active a {color: #333333;}
#tabs div {background: #FFF;clear: both;padding: 15px;min-height: 200px;}
#tabs div h3 {margin-bottom: 12px; color: #000;}
#tabs div h4 { font-size:13px; color: #000;}
#tabs div p {line-height: 150%; color:#000;}
#tabs ul li a {text-decoration: none;padding: 8px;color: #FFF;font-weight: bold;}
.thumbs {float:left;border:#000 solid 1px;margin-bottom:20px;margin-right:20px;}



#footer {background-image: url(../images/sprite.jpg);width: 900px;background-position: 0px -573px;float: left;height: 47px;}
#foot-content {float: left;width: 900px;background-image: url(../images/foot-slice.jpg);background-repeat: repeat-y;position: relative;height: 150px;}
#foot-content h4 {font-size: 18px;text-decoration: underline;	padding-bottom: 4px;	margin-left: 0px;}
#foot-content p {font-size: 12px;padding-top: 0px;padding-right: 0px;padding-bottom: 4px;padding-left: 0px;}
#Office-Hours {
	position: absolute;
	width: 250px;
	left: 10px;
	top: -3px;
}
#Location {position: absolute;width: 370px;left: 275px;top: -3px;}
.map {background-image: url(../images/sprite.jpg);float: right;height: 145px;width: 150px;position: absolute;left: 181px;top: 0px;background-position: 0px -788px;}
#Contact-Info {position: absolute;width: 220px;left: 674px;top: -3px;}
#facebook {position: absolute;width: 220px;left: 674px;top: 85px;}
.foot-bottom {background-image: url(../images/sprite.jpg);background-position: 0px -620px;float: left;width: 900px;margin-bottom: 30px;height: 11px;}
.foot1 {font-family: Tahoma, Geneva, sans-serif;font-size: 12px;font-variant: small-caps;}
.foot2 {color:#FFF;}
.foot1 a:link {color: #999;}
.foot1 a:visited {color:#999;}
.foot1 a:hover {color:#FFF;}
.foot3 {font-size:10px;color: #808080;}