/*
#######################################################
## PreOptions
#######################################################
*/
* { margin: 0; padding: 0; }

html, body {
  font-family: arial, verdana, helv, helvetica, sans-serif;
  font-size: 100%;
  background: url(../images/bg_body.jpg) repeat-x;
  }
  
img { border: 0; }

a, a:link, a:visited, a:active { color: #026262; text-decoration: underline; }

ul { list-style: none; }
li { font-size: 0.75em; line-height: 1.5em; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

h1 { font-size: 1.2em; }
h1, .page h1 a, h1 a:hover {  }
h1.nocss { position: absolute; width: 1px; height: 1px; }
.page .nocss a { text-decoration: none; }

h2 { padding: 0 15px 7px 0; line-height: 1.3em; font-size: 1.0em; }
h2, .page h2 a, h2 a:hover { color: #026262; }
h2.comment { padding-bottom: 19px; font-style: italic; }

h3 { padding: 0 15px 7px 0; font-size: 1.0em; line-height: 1.5em; }
h3, .page h3 a, h3 a:hover {  }

h4 { font-weight: bold; font-size: 0.8em; }
h4, .page h4 a, h4 a:hover {  }

h5 {  }
h5, .page h5 a, h5 a:hover {  }

h6 {  }
h6, .page h6 a, h6 a:hover {  }

div.clr { clear: both; }

blockquote { padding-left: 50px; }

hr { 
  height: 0;
  margin-bottom: 1em;
  border: 0;
  border-bottom: 1px dotted #CCC;
  }

/* link floating */
* .linkright { float: right; }

/* img floating */
* .greenborder {
  padding: 3px;
  border-top: 5px solid #025555;
  border-bottom: 5px solid #025555;
  }
* .picright { 
  float: right;
  margin-left: 20px; margin-bottom: 5px;
  }
* .picleft {
  float: left;
  margin-right: 5px; margin-bottom: 5px;
  }

/*
#######################################################
## Mainframe
#######################################################
*/

* .mainframe { z-index: 0;
  position: relative;
  width: 866px;
  margin: 0 auto;
  }
  
* .shadow_left,
* .shadow_right { z-index: 1;
  position: absolute; top: 0;
  height: 1050px; width: 33px;
  background: url(../images/shadow.png) no-repeat;
  }
* .shadow_left { left: 0px; background-position: 0px 0px; }
* .shadow_right { right: 0px; background-position: -33px 0px; }
  
/*
#######################################################
## Misc
#######################################################
*/

.editorial a span,
* .hide { display: none; }
* .hidden { visibility: hidden; }
.sfhover div { display: none; }

/* Submenu:hover effect, if JS is disabled - Ignores IE6 */
html>body .top li div { visibility: hidden; }
html>body .top li:hover div { visibility: visible; }
html>body .nav li div { visibility: hidden; }
html>body .nav li:hover div { visibility: visible; }
* html .iehide div { display: none; }

/* Hidden Objects */
* .gallery,
.logo span,
.top li a span,
.page h1.nocss span,
.nav li a span,
.topnav li a span { visibility: hidden; }

.gallery a {
	display: block;
	position: absolute;
	top: 0;
	}
/*
#######################################################
## TOP
#######################################################
*/

* .top {
  position: relative;
  height: 156px;
  background: url(../images/bg_top.jpg) repeat-x;
  }

.top #complimentary-consultation {
	position:absolute;
	width:172px;
	height:32px;
	right:50px;
	top:113px;
}
/* MAIN Level */ 
.top ul { vertical-align: top;
  position: absolute;
  right: 33px; top: 0;
  width: 201px; height: 156px;
  background: url(../images/bg_top_right.jpg) repeat-y;
  }
 /* vertical-align: top; and WIDTH are necessary for IE6 */
.top li {  }
* html .top li { height: 18px; }

.top li a { vertical-align: top;
  display: block;
  width: 181px; margin-top: 6px;
  line-height: 18px; text-decoration: none;
  background: url(../images/topnav.gif) no-repeat;
  }
.top li a#home { margin-top: 35px; background-position: 0 0; }
.top li a#home:hover,
.top li.active a#home { background-position: -181px 0; }

.top li a#patientlogin { background-position: 0 -24px; }
.top li a#patientlogin:hover,
.top li.active a#patientlogin { background-position: -181px -24px; }

.top li a#doctorlogin { background-position: 0 -48px; }
.top li a#doctorlogin:hover,
.top li.active a#doctorlogin { background-position: -181px -48px; }


.page .logo {
  display: block;
  position: absolute;
  top: 35px; left: 55px;
  width: 210px; height: 105px;
  text-decoration: none;
  background: url(../images/logo.gif) no-repeat;
  }
  
* .addresses {
  position: absolute;
  top: 35px; left: 265px;
  width: 338px; height: 80px;
  background: url(../images/address_bar.gif) no-repeat;
  }
  
#phone1 {
  position: absolute;
  top: 71px; left: 42px;
  width: 100px; 
  font-size: 0.8em;
  font-weight: bold;
  color:#000
  }
#phone2 {
  position: absolute;
  top: 71px; left: 193px;
  width: 100px; 
  font-size: 0.8em;
  font-weight: bold;
  color:#000
  }  


* .nav { z-index: 2;
  position: relative;
  left: 33px;
  width: 800px; height: 43px;
  background: url(../images/bg_nav.jpg) repeat-x;
  }

/* MAIN Level */
.nav ul {  }
.nav li { float: left; }
* html .nav li { height: 38px; position: relative; }

.nav li a {
  display: block;
  line-height: 38px;
  text-decoration: none;
  background: url(../images/nav.gif) no-repeat;
  }
.nav li a#aboutus { width: 73px; background-position: 0 0; }
.nav li a#aboutus:hover,
.nav li.active a#aboutus { background-position: 0px -38px; }

.nav li a#patients { width: 83px; background-position: -73px 0; }
.nav li a#patients:hover,
.nav li.active a#patients { background-position: -73px -38px; }

.nav li a#orthodontics { width: 135px; background-position: -156px 0; }
.nav li a#orthodontics:hover,
.nav li.active a#orthodontics { background-position: -156px -38px; }

.nav li a#library { width: 83px; background-position: -291px 0; }
.nav li a#library:hover,
.nav li.active a#library { background-position: -291px -38px; }

.nav li a#faq { width: 39px; background-position: -374px 0; }
.nav li a#faq:hover,
.nav li.active a#faq { background-position: -374px -38px; }

.nav li a#braces { width: 92px; background-position: -413px 0; }
.nav li a#braces:hover,
.nav li.active a#braces { background-position: -413px -38px; }

.nav li a#options { width: 124px; background-position: -505px 0; }
.nav li a#options:hover,
.nav li.active a#options { background-position: -505px -38px; }

.nav li a#emergency { width: 105px; background-position: -629px 0; }
.nav li a#emergency:hover,
.nav li.active a#emergency { background-position: -629px -38px; }

.nav li a#contact { width: 58px; background-position: -734px 0; }
.nav li a#contact:hover,
.nav li.active a#contact { background-position: -734px -38px; }

/* HOVER-SUB Level */
.nav li div {
  position: absolute;
  width: 160px;
  top: 38px;
  background: #025555;
  border: 1px solid #003a37;
  padding: 5px 0; 
  }
.nav li ul {  }
.nav li ul li { line-height: 24px; clear: left; } 
* html .nav li ul li { height: 24px; }

.nav li ul li a {
  display: block;
  width: 140px;
  padding: 0 10px;
  font-size: 1.3em; line-height: 24px; color: #FFF;
  background: none;
  } 
.page .nav li ul li a:hover { background: #FFF; width: 140px; color: #025555; }
*+html .nav li ul li a:hover { width: 139px; border-right: 1px solid #FFF; }
/* IE7 Hack for Sublevel Hover Elements */
.nav li ul li a:visited { color: #FFF; text-decoration: none; }


/* SUB Level */
* .subnav { background: url(../images/bg_subnav.gif) no-repeat top right #025555; }
.page .subnav h1 {
  padding: 28px 0 35px 38px;
  font-size: 1.5em; font-weight: bold; letter-spacing: 0.05em; color: #FFF;
  }
.subnav p { 
  padding: 5px 39px 30px 39px;
  font-size: 0.7em; line-height: 1.6em; letter-spacing: 0.01em;
  }

.subnav p a,
.subnav p a:visited { color: #FFF; text-decoration: none; }

.subnav p,
.subnav p a:hover,
.subnav p a.active { color: #2dc2c2; }


/*
#######################################################
## CENTER
#######################################################
*/

* .container { z-index: 1;
  position: relative;
  }

* .flash { z-index: 2;
  position: absolute;
  left: 56px; top: 215px;
  width: 757px; height: 269px;
  overflow: hidden;
  }

* .left { 
  position: relative;
  float: left; left: 33px;
  width: 599px;
  background: #FFF;
  }
* .right { 
  position: relative;
  float: right;
  width: 201px; padding-right: 33px;
  background: url(../images/bg_right.jpg) no-repeat;
  }

* .misc {
  position: absolute;
  top: 47px;
  padding: 0 33px 0 24px;
  font-size: 1.15em; font-weight: bold; font-style: italic; letter-spacing: 0.05em; color: #FFF;
  }

* .dictum { height: 327px; }


.sidebuttons a {
  display: block; 
  }

.sidebuttons a {
  margin-bottom: 12px;
  height: 48px;
  }
  
* .callouts { padding-top: 7px; }
.callouts a {
  height: 70px;
  }

* .editorial { padding: 37px 40px 30px 35px; }
.editorial p,
.editorial span { font-size: 0.8em; line-height: 1.4em; }
.editorial p { padding-bottom: 17px; }

.editorial ul { padding-bottom: 15px; }
.editorial li { 
  padding-left: 30px;
  padding-bottom: 8px;
  background: url(../images/listen.gif) no-repeat 0px 7px;
  }

.editorial .sitemap { padding: 0 0 0 20px;; }
.editorial .sitemap li { padding: 0; background: none; font-size: 0.8em; list-style: disc; }
.editorial .sitemap li a,
.editorial .sitemap li a:visited { font-weight: bold; color: #000; }

.editorial .sitemap li ul { padding: 0 0 0 20px; }
.editorial .sitemap li ul li { padding: 0; background: none; font-size: 1.0em; list-style: circle; }

.editorial .sitemap li ul li a,
.editorial .sitemap li ul li a:visited { font-weight: normal; color: #000; }

.page .homepage { padding-top: 330px; color: #026262; }

/* content col format */   
* .aside { 
  float: right;
  width: 33%;
  }
* .smallcontent { 
  float: left;
  width: 65%;
  }

/*
#######################################################
## BOTTOM
#######################################################
*/

* .footer {
  position: relative;
  height: 225px;
  background: url(../images/bg_footer.jpg) repeat-x;
  } 

* .footertext { 
  padding: 50px 80px 0 80px;
  font-size: 0.75em; font-weight: bold; font-style: italic; line-height: 1.2em; text-align: center;
  }
* .footertext,
.footertext a,
.footertext a:visited { color: #FFF; }  

* .footernav { 
  padding: 17px 155px 0 155px;
  font-size: 0.65em; line-height: 1.6em; text-align: center;
  }
.footernav img { padding: 0 3px 4px 3px; }

* .footernav,
.footernav a,
.footernav a:visited { color: #FFF; text-decoration: none; }

* .trademark { padding-top: 8px; font-size: 0.65em; text-align: center; }
.trademark a { color: #FFF; text-decoration: none; }

/* edit.com visible styles */
TABLE.copy TD,
TABLE.copy TD SPAN,
TABLE.copy TD LI { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 1.4em; }

.NormalText { text-decoration: none; font-weight: normal; font-style: normal; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 1.4em; color: #000; }

TABLE.copy TD .Title,
.Title		{ color: #FFFFFF; font-size: 24px; font-weight: bold; font-family: Arial, Verdana, Helvetica, sans-serif; background: #026262; display: block; padding: 10px; }
TABLE.copy TD .Header,
.Header		{ color: #026262; font-size: 16px; font-weight: normal; font-family: Arial, Verdana, Helvetica, sans-serif; }
TABLE.copy TD .Subheader,
.Subheader	{ color: #000000; font-size: 16px; font-weight: normal; font-family: Arial, Verdana, Helvetica, sans-serif; }

.Blue		{ color: #026262; }
.Black		{ color: #000000; }
.White		{ color: #FFFFFF; }

.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; }

* .casestudies { 
  padding: 5px 0 0 5px;
  font-size: 0.75em; font-weight: normal; line-height: 1.2em;
  color: #ffffff;
  }