/* =======================================
 Background color and/or Background picture 
======================================= */
body{
 background-color: #202020;
 font-family: arial,tahoma;
}

/* =======================================
 Main Menu Line Color 
======================================= */
#main-nav-border { 
	background-color:#202020;
	background-image: url(/images/backgrounds/menu-border.gif);
	background-position: center center;
	background-repeat: no-repeat;
}

/* =======================================
 Main Menu Text Color 
======================================= */
div#main-nav li a:link, div#main-nav li a:visited { color:#ffffff; }

/* =======================================
 Main Sub Menu Text Color
======================================= */
div#main-nav li ul li a, div#main-nav li ul li a:link, div#main-nav li ul li a:visited { color: #ffffff; }

/* =======================================
 Main Menu Text Color On Mouse Hover
======================================= */
div#main-nav ul li a:hover{ color:#82BA52; }

/* =======================================
 Main Sub Menu Text Color On Mouse Hover
======================================= */
div#main-nav ul li ul li a:hover { color: #82BA52; }
/* =======================================
 Main Menu Text Color Selected
======================================= */
div#main-nav ul li.selected a{ color:#82BA52; }

/* =======================================
 Main Sub Menu Text Color Selected
======================================= */
div#main-nav ul li.selected ul li.selected a, div#main-nav ul li ul li.selected a{ color:#82BA52; }

/* =======================================
 Featured Menu Text Color
======================================= */
/* This is the first line. */
div#featured-nav ul li a{
	color: #61A23A;
}
/* This is the second line. */
div#featured-nav ul li a span{
	color: #666;
}

/* =======================================
 Featured Menu Text Color On Mouse Hover
======================================= */
div#featured-nav ul li a:hover{	color: #000; }
div#featured-nav ul li a:hover span{ color: #000; }

/* =======================================
 Featured Menu Text Color Selected
======================================= */
div#featured-nav ul li.selected a{	color: #000; }
div#featured-nav ul li.selected a span{	color: #000; }

/* =======================================
 Newsletter text color
======================================= */
div#newsletter-button a{ color: #fff; }
div#newsletter-button a:hover{ color: #82BA52; }

/* =======================================
 Footer text color & link color
======================================= */
div.footer { color: #82BA52; }
.footer a { color: #82BA52; }

/* =======================================
 General Dentistry Buttons Text color
======================================= */
ul.buttons li a { color: #666; }
ul.buttons li a span { font-size: 85%; color: #666; }
ul.buttons li a.active { color: #000; }
ul.buttons li a:hover {	color: #82BA52; }


/* *** ======================================= ***
	DON'T EDIT BELOW THIS LINE.
*** ======================================= *** */



.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}




input.cat_textbox{ width: 120px; }

.clearfloat {
	clear:both;
	height:0px; line-height:0px;
	font-size:0px;
}

a, img{
  outline: none;
}
.clear-more{
	margin-bottom: 10px;
}
#directions-pic{
  position: relative;
  top: -10px;
  text-align: center;
}

#hd{
  position: relative;
  z-index: 2;
}
#watermark{
  display:none;
  position: absolute;
}

.clear-more{
  margin-bottom: 26px;
}

h1.plain{
  position: relative;
  top: 8px;
  left: 5px;
  font-variant: small-caps;
}


.boxreports{
	width: 500px;
}



.title{
position: relative;
z-index: 20;
}

#page-content{
	position: absolute;
	top: 33px;
	left: -15px;
}
 #page-content table td.content p{
 	text-align: justify;
 }
#page-content div{
	display: none;
 }
 #page-content div div{
	display: block;
 }
 #page-content div h2{
	font-size: 18px;
    margin-bottom: 10px;
 }
#page-content div ul{
	display: block;
 }
#page-content td.content .report{
	text-align: center;
    line-height: normal;
}
.tabs {
  color:#111;
  width: 100%;
  height: 320px;
  position: relative;
}
.tabs ul{
  display:none;
}
.tabs div {
  padding:10px 10px 8px 10px;
  *padding-top:3px;
  *margin-top:-15px;
  clear:left;
  font:10pt;
}
.tabs div a { color:#000; font-weight:bold; }

#featured-page-buttons{
	position: absolute;
	top: 340px;
	left: 0px;
	z-index: 90;
	width: 510px;
}
#home-consultation{
	
}
#home-report{
	position: relative;
	left: -182px;
	top: -30px;
}
#home-learn{
	position: absolute;
	right: 5px;
}

#book-consultation{
	position: absolute;
	top: 340px;
	left: 290px;
	z-index: 98;
}
#learn-more{
	position: absolute;
	top: 340px;
	right: 5px;
	text-align: right;
	z-index: 99;
}
#back{
	position: absolute;
	top: 340px;
	left: 290px;
    display:none;
	z-index: 98;
}


#mc-embedded-subscribe{
	visibility: hidden;
}


/*=========================================================
                OTHER
=========================================================*/
.container { width:830px; margin:0 auto; }
hr.clear { background: transparent; }

div.featured-page-content{
	position: relative;
    z-index: 10;
}
div.featured-page-content a{ color: #222; }
div.featured-page-content a:hover{ color: #444; }

div.featured-page-bg{
	position: absolute;
    z-index: 9;
    bottom: -4px;
    right: 0px;
}
div.homepage-bg { background: transparent url(/images/backgrounds/homepage-bg.jpg) top left no-repeat; }
div.content-bg{
 background: white url(/images/backgrounds/content-bg.jpg) top right no-repeat;
 height: 380px;
 position: relative;
}
div.title-bar h1{
  z-index: 5;
  position: relative;
}
div.footer{
  text-align: center;
}

/*=========================================================
                 Listing Child Pages As Buttons
=========================================================*/
div#list-of-children ul{
  width: 100%;
}
div#list-of-children ul li{
  float: left;
  list-style-type: none;
  margin: 0px 15px 0px 0px;
  padding: 0px 0px 0px 0px;
}

div#list-of-children ul li a{
  position: relative;
  z-index: 4;
  display: block;
  text-decoration: none;
  padding: 15px 40px 15px 15px;
  margin: 0px 0px 0px 0px;
  outline: none;
  background: url(/images/buttons/featured-nav-bg.gif) left center no-repeat;
  font-size: 131%;
  font-weight: normal;
  color: #333;
  line-height: normal;
  width: 210px;
}
div#list-of-children ul li a span{
	font-size: 85%;
	color: #666;
}
div#list-of-children ul li a.active{ color: #000; }
div#list-of-children ul li a:hover{	color: #000; }


#content{
width: inherit;
height: inherit;
}

/*=========================================================
                 featured content
=========================================================*/
div#featured-services{
  position: relative;
  height: 380px;
  width: 520px;
  overflow: hidden;
}
div#featured-services div.featured-page{
  display: none;
}
div#featured-services div.featured-page.active{
  display: block;
}
div#featured-services div.buttons{
  position: absolute;
  top: 290px;
  left: -10px;
  z-index: 30;
}
div#featured-services div.buttons a{
  padding-left: 10px;
}

/*=========================================================
                 featured nav
=========================================================*/
div#featured-nav{
	float: right;
    position: relative;
    left: -20px;
	width: 270px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div#featured-nav ul{
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div#featured-nav ul li{
	list-style-type: none;
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
div#featured-nav ul li a{
	width: 230px;
    height: 49px;
    display: block;
    position: relative;
    background: url(/images/buttons/featured-nav-bg.gif) center center no-repeat;
	text-decoration: none;
    padding: 12px 35px 0px 0px;
	margin: 0px 0px 10px 0px;
	text-align: right;
	outline: none;
    font-size: 131%;
	font-weight: normal;
	line-height: normal;
}
div#featured-nav ul li.selected a{
    background: url(/images/buttons/featured-nav-bg-selected.gif) center center no-repeat;
}
div#featured-nav ul li a span{
	font-size: 77%;
	text-align: right;
    position: absolute;
    width: 230px;
    top: 32px;
    padding-right: 35px;
    left: 0px;
	overflow: hidden;
}

/*=========================================================
                 general dentistry home
=========================================================*/
ul.buttons { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
ul.buttons li { float: left; list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
ul.buttons li a { width: 190px; height: 38px; display: block; text-decoration: none; padding: 8px 0 15px 10px; margin: 0px 5px 5px 0px; outline: none; background: url(/images/buttons/button-bg.gif) left center no-repeat; text-align:left; font-size: 131%; font-weight: normal;  line-height: normal; }

.featured-page-content { width:400px; }
.featured-pic { background-color:red; width:338p; height:304px; }

#container_top { width:100%; }
#subcontainer_top { position:relative; width:830px; height:100px; margin:0 auto; }


#toplogo { position:absolute; top:10px; left:0; width:234px; height:56px; z-index: 20; }
#toplogo a { display: block; }
#toplinks { position:absolute; bottom:40px; right:0; width:800px; }

div#newsletter-button { height:42px; margin:10px auto; text-align: center; }


a {
	color:#82BA52;
}
#container{
  position: relative;
}
#watermark{
  display: block;
  position: absolute;
  top: -18px;
  left: 60px;
  z-index: 0;
}

#main-nav-border { position: relative; top:-1px; width:800px; height:1px; line-height:1px; font-size:0px; z-index: 1; }

div.content-bg { background: white url(/images/content-bg.jpg) top right no-repeat; }

/* ===================================
	listings of child pages
=======================================*/
div#list-of-children ul li a{
  color: #82BA52;
}
div#list-of-children ul li a span{
	color: #666;
}
div#list-of-children ul li a.active{ color: #202020; }
div#list-of-children ul li a:hover{ color: #202020; }


div#featured-nav ul li a.active{ color: #202020; }
div#featured-nav ul li a:hover{	color: #202020; }

/* ===================================
	main navigation
=======================================*/
div#main-nav { text-align:right; position:relative; z-index:3; top: 25px; }
div#main-nav ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
div#main-nav ul li { list-style: none; display:inline; }
div#main-nav li a:link, div#main-nav li a:visited { text-decoration: none; padding:10px 0 5px 13px; font-size: 116%; }
div#main-nav ul li ul { display:none; }
div#main-nav ul li.current ul,
div#main-nav ul li.parent_of_current ul,
div#main-nav ul li.active ul,
div#main-nav ul li.selected ul { display: block; position: absolute; top: 25px; right: 0px; }
div#main-nav li ul li a:link, div#main-nav li ul li a:visited { font-size:12px; }
div#main-nav ul li a:hover, div#main-nav ul li.active a { background-image: url(/images/main-nav.gif); background-position: bottom center; background-repeat: no-repeat; }


a.button {
    background: transparent url('../images/buttons/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('../images/buttons/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 
a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 

a.featured-button{
	position: absolute;
	right: -15px;
	top: 0px;
	z-index: 10;
}

a.button:hover span{
	color: #4B6525;
}
a.button img{
	vertical-align: middle;
	padding: 0;
	margin: 0;
	display: inline;
	border: none;
	height: 13px;
	width: 13px;
}
#report p.madlib{ color: #444; line-height: 2; }
#report p.madlib span{ color: black; }
#report p.madlib input{
background-color:transparent;
border-color:-moz-use-text-color -moz-use-text-color #444;
border-style:none none dashed;
border-width:medium medium 0.0714em;
font-family:"Courier New",monospace;
font-style:normal;
font-weight:bold;
margin:0 0.5em;}

#sleep-test-1 h2{ position: absolute; top: 15pt; }
#sleep-titles{ position: absolute; right: 10px; top: 13px; }
#sleep-test-table{ position: relative; z-index: 100; }