/* Play nice with the WWW, validate me! */

/* clear floats */

* {

	margin: 0;

	padding: 0;

}/* sets all elements margin and padding to 0 */



div.clear:after {

    content: ".";

    display: block;

    clear: both;

    visibility: hidden;

    line-height: 0;

    height: 0;

}



div.clear {

    display: inline-block;

}



html[xmlns] .clear {

    display: block;

}



* html .clear {/* For IE =< 6 */

    height: 1%;

}



#homequote {

width:280px;

text-align:right;

float:left;

padding-right:20px; 

position:relative;

top:-60px;

}



.bio-text { width:390px; float:right }

.team-bio-photo { width:170px; height:215px; float:left; }
.border { border: #FFFFFF solid 4px;}
img.clear	{}

img.left {

float:left;

margin:0 10px 10px 0;}

img.right {

float:right;

margin:0 0 10px 10px;}

img.image-float-left {

	float: left;

	clear: left;

	display: block;

}

img.image-float-right {

	float: right;

	clear: right;

	display: block;

	margin-bottom: 10px;

}

img{ 

 behavior: url(iepngfix.htc); }





/* Image Replacement -- add class="replace" to root element, i.e. <p> and add a bg image*/



h1.replace { letter-spacing : -1000em; }

/* Just for Opera, but hide from MacIE */

/*\*/html>body h1.replace { letter-spacing : normal; text-indent : -999em; overflow : hidden;}

/* End of hack */



h1.replace ul, h1.replace ul li {letter-spacing: 0; text-indent: 0; overflow: auto;}





html {

     /*overflow: -moz-scrollbars-vertical;*/

}



body {

	margin: 0 0 10px;

	text-align: center;

	background: #f7d97f url(images/back.jpg) no-repeat 50% 0;

}

h1.template	{margin: 0 0 7px; padding: 11px 0 20px 56px; text-transform: none; font-weight: normal; font-size: 24px; line-height: 29px; background: url(images/title_template.png) no-repeat 0 0;}

body, td,

.NormalText	{color: #f6d882; font-size: 12px; line-height: 19px; font-family: Verdana, Georgia;}

span.welcome{font-size: 17px; line-height: 19px; color:#fff;}

span.welcomesmall{font-size: 17px; line-height: 19px; color:#fff;}

span.different {color: #a4c858; font-style:italic; font-weight:bold;}

span.homebold {font-weight:bold;}

p{

	margin-top: 2px;

	margin-bottom:15px;

}

li.text,.text li{

	color: #f6d882;

	margin-left: 32px;

	list-style: disc outside;

	

}

ul.text,.text ul{



	margin-bottom:15px;

	margin-left:6px;

	margin-top: 2px;

}



a			{font-weight: bold;}

a:link,

a:visited	{color: #a4c858;}

a:hover		{color: #a4c858;}



div#footer{

	float:left;

	margin-top: 25px;

	margin-bottom: 20px;

	width: 834px;

	height:134px;

	background: url(images/footer_bkd.png) no-repeat 0 0;

	behavior: url(iepngfix.htc); 

}



div#footernav {

	text-align:left;

	float: left;

	width: 834px;

}

div#footernav div.inner {

	margin-top: 17px;

	margin-left: 25px;

}





p.homeborder{

border: thin solid #a4c858; 

text-align:right; 

padding:10px;

font-style:italic; 



font-size: 12px; 

color: #fff;

}





p.footerguide {

	color: #fff;

	font-size: 10px;

	font-weight: bold;

	text-align:left;

	line-height: 15px;

}

p.footerguide a:link,

p.footerguide a:visited,

p.footerguide a:hover	{

	color: #fff;

	text-decoration: none;

}

p.footertext {color: #d9b247;

	font-weight: bold;

	font-size: 11px;

	text-align:left;

}

div#design{

	color: #a4c858;

	font-size: 11px;

	font-weight: bold;

	text-align:left;

}

div#design a:link,

div#design a:visited,

div#design a:hover	{color: #a4c858;}

h1		{

	color: #f6d882;

	font-weight: bold;

	font-size: 18px;

	overflow: hidden;

	position: relative;

	text-transform: uppercase;

	behavior: url(iepngfix.htc);

}

h1 span	{width: 100%;height: 100%; position: absolute; background-repeat: no-repeat;}

/* headings */

h1#h-tech, h1#h-office, h1#h-doc, h1#h-team, h1#h-tour, h1#h-policies, h1#h-news, h1#h-ortho, h1#h-why, h1#h-adults, h1#h-child, h1#h-phase, h1#h-dic, h1#h-ask, h1#h-resources, h1#h-braces, h1#h-life, h1#h-types, h1#h-apps, h1#h-diagram, h1#h-painter, h1#h-retainers, h1#h-invis, h1#h-damon, h1#h-surg, h1#h-treatments, h1#h-care, h1#h-game, h1#h-contact, h1#h-location, h1#h-refer, h1#h-comment, h1#h-site, h1#h-appointment, h1#h-education{

	line-height: 0px;

	height: 60px;

	width: 564px;

}

h1#h-tech {background: url(images/title_tech.png);}

h1#h-office{background: url(images/title_office.png);}

h1#h-doc{background: url(images/title_doc.png);}

h1#h-team{background: url(images/title_team.png);}

h1#h-tour{background: url(images/title_tour.png);}

h1#h-policies{background: url(images/title_policies.png);}

h1#h-news{background: url(images/title_news.png);}

h1#h-ortho{background: url(images/title_ortho.png);}

h1#h-why{background: url(images/title_why.png);}

h1#h-adults{background: url(images/title_adults.png);}

h1#h-child{background: url(images/title_child.png);}

h1#h-phase{background: url(images/title_phase.png);}

h1#h-dic{background: url(images/title_dic.png);}

h1#h-ask{background: url(images/title_ask.png);}

h1#h-resources{background: url(images/title_resources.png);}

h1#h-braces{background: url(images/title_braces.png);}

h1#h-life{background: url(images/title_life.png);}

h1#h-types{background: url(images/title_types.png);}

h1#h-apps{background: url(images/title_apps.png);}

h1#h-diagram{background: url(images/title_diagram.png);}

h1#h-painter{background: url(images/title_painter.png);}

h1#h-retainers{background: url(images/title_retainers.png);}

h1#h-invis{background: url(images/title_invis.png);}

h1#h-damon{background: url(images/title_damon.png);}

h1#h-surg{background: url(images/title_surg.png);}

h1#h-treatments{background: url(images/title_treat.png);}

h1#h-care{background: url(images/title_care.png);}

h1#h-game{background: url(images/title_game.png);}

h1#h-contact{background: url(images/title_contact.png);}

h1#h-location{background: url(images/title_location.png);}

h1#h-refer{background: url(images/title_refer.png);}

h1#h-comment{background: url(images/title_comment.png);}

h1#h-site{background: url(images/title_site.png);}

h1#h-appointment{background: url(images/title_appointment.gif);}

h1#h-education{background: url(images/title_education.gif);}



h2{

	font-size: 14px;

	color: #fff;

	font-weight: bold;

}

h3{

	font-size: 12px;

	color: #a4c858;

	font-weight: bold;

}

blockquote{margin-left:35px;}



div.module{

	margin-bottom: 13px;

}



div#nav-column {

	width: 219px;

	float: left;

}

div#nav-column div.inner {

	margin: 0;

}



ul#nav, #nav ul  {

width: 219px;

list-style: none;



font-size:10px;

}



ul#nav a {

	display: block;

}

ul#nav li {

	position: relative;

	float: left;

	z-index:10;

}

ul#nav li ul {

	position: absolute;

	left: -999em;

	top:0px;

	margin-left: 219px;

	z-index:10;

}



ul#nav ul li a {

font-size:10px;

	background: #f6d882;

	padding: 4px 4px 5px;

	color: #590b09;

	font-weight: bold;

	text-decoration: none;

	width:150px;

}

ul#nav ul li a:hover {

background:#590b09;

	color: #f6d882;

}

ul#nav li:hover ul, ul#nav li.sfhover ul {

	left: auto;

}

* a#office,

* a#braces,

* a#care,

* a#ortho,

* a#contact,

* a#game,

* a#tech {

	overflow: hidden; 

	text-indent: -999em; /* Indents the rich-text so it does not show */

	width: 219px;

	cursor: pointer;

}

/* Set the image for each nav item */

* a#office {background: url(images/office.png); height:36px;}

* a#braces {background: url(images/braces.png); height:36px;}

* a#tech {background: url(images/tech.png); height:34px;}

* a#care {background: url(images/care.png); height:37px;}

* a#ortho {background: url(images/ortho.png); height:37px;}

* a#contact {background: url(images/contact.png); height:45px;}

* a#game {background: url(images/game.png); height:35px;}



/* Shift the image position up to show the active state */

ul#nav a:hover, ul#nav .active{

	background-position:-219px 0px

}



/* Set the cursor to default arrow so link does not appear clickable */

ul#nav a.active {cursor: default}





/* Image Replacement */





div#container{

	width: 835px;

	text-align:left;

	margin-top: 5px;

	margin-right: auto;

	margin-left: auto;

}

div#content {

	width: 835px;

	background-image: url(images/main_bkd.png);

	background-repeat: repeat-x;

	background-color: #420303;

}



div#main {

	float: right;

	width: 590px;

}

div#main div.inner {

	margin: 0px 26px 0px 0px;

}

div#header{

	width: 835px;

	height:177px;

}

div.flash2{

	float:right;

	width:364px;

	height:124px;

	background-image: url(images/header_bkd.png);

	text-align: center;

	 behavior: url(iepngfix.htc); }

	 

div#header_movie{

/*margin-top: 6px;*/

margin-top: 12px;

}

h1#logo {

float:left;

clear:both;

	width: 471px;

	height: 177px;

	

}

h1#logo a {

	display: block;

	width: 471px;

	height: 177px;

	text-indent: -999em;

	background-image: url(images/logo.png);

	background-repeat: no-repeat;

	cursor:pointer;	

	behavior: url(iepngfix.htc);

}

div#sub  {

	width:364px;

	height:53px;

	overflow: hidden;

	float:right;

	clear:right;

}

ul#navsub {

	height: 36px;

	padding-top:17px;

	list-style: none;

}



/*  Makes the list items sit next to each other */

ul#navsub li {

	float: left;

	margin-left:4px;

}



/*  Sets styles for all links that are inside the ul id="nav" */

ul#navsub a {

display: block;

height: 36px;

overflow: hidden; 

text-indent: -999em; /* Indents the rich-text so it does not show */

}



/* Set the image for each nav item */

* a#login {background-image: url(images/patient.png);

width:122px;

height:36px;}

* a#doclogin {background-image: url(images/doc_login.png);width:122px;

height:36px;}

* a#home {background-image: url(images/home.png);width:84px;

height:36px;

}



/* Shift the image position up to show the active state */

ul#navsub a:hover, ul#navsub a.active {

	background-position:0px -36px;

}



/* Set the cursor to default arrow so link does not appear clickable */

ul#navsub a.active {cursor: default}



ul#banner {

width:219px;

	height:86px;

	float:left;

}

ul#banner {

width:219px;

	list-style: none;	

}



/*  Makes the list items sit next to each other */

ul#banner li {

	float: left;

}



/*  Sets styles for all links that are inside the ul id="nav" */

ul#banner a {

display: block;

overflow: hidden; 

text-indent: -999em; /* Indents the rich-text so it does not show */

}



/* Set the image for each nav item */

* a#invisbanner {background-image: url(images/invis_banner.png);

width:108px; height:86px;behavior: url(iepngfix.htc); }

* a#formsbanner {background-image: url(images/forms_banner.png);width:111px; height:86px;}





/* Shift the image position up to show the active state */

ul#banner a:hover, ul#banner .active {

	background-position:0px -86px;

}



/* Set the cursor to default arrow so link does not appear clickable */

ul#banner .active {cursor: default}

.social{background: url(images/address.png) no-repeat 0 100%; padding-left:20px;}

div#address{

	width:219px;

	height:157px;

	padding: 10px 0 0 13px;

	float: left;

	background: url(images/address2.png) no-repeat 0 100%;

	behavior: url(iepngfix.htc); 

}

div#address2{

	width:219px;

	height:157px;

	padding: 10px 0 0 13px;

	float: left;

	background: url(images/address.png) no-repeat 0 100%;

	behavior: url(iepngfix.htc); 

}



div#address td,

div#address2 td	{

	font-size: 10px;

	color: #671309;

	line-height: normal;

}

span.line{

	text-decoration: underline;

}

div.forms {

	float: right;

	clear: right;

	display: block;

	background-color: #68ac5c;

	width: 176px;

	margin-left: 3px;

	margin-right: 7px;

	border: 4px solid #f8da78;

}

span.formtext{

	color: #f6d882;

	font-size: 11px;

	line-height: 16px;

	margin-left: 11px;

	margin-right: 10px;

	display: block;

}

h4{

	font-size: 11px;

		color: #f6d882;

	font-weight: bold;

	margin-top:5px;

	margin-left:5px;}

li.formlist, ul.formlist li{

	color: #f6d882;

	margin-left: 28px;

	list-style: disc outside;

	line-height:16px;

}

ul.formlist,

ul.formlist ul{

	margin-bottom:9px;

	margin-left:6px;

	margin-top:4px;

}

ul.formlist a{

	font-size: 10px;

	font-weight: bold;

}

ul.formlist a:link,

ul.formlist a:visited	{color: #f6d882;}

ul.formlist a:hover		{color: #fff;}

p.top{

	color: #fff;

	font-size: 10px;

	text-align: right;

	font-weight: bold;

	text-decoration: underline;

}

p.top a:link,

p.top a:visited	{color: #fff;}

.top a:hover	{color: #a4c858;}

hr{

	color: #a4c858;

}

div#flash-common-treatments {margin-bottom:15px;}

div#sesame-game {

background: #000;

line-height: 0;

margin: 10px auto;

text-align: center;

width: 400px}



ul#sesame-games {

list-style: none;

margin: 0;

padding: 0}



ul#sesame-games li {

clear: both;

display: inline-block}



ul#sesame-games img {

border: 0;

float: right;

margin: 0 0 10px 10px}

.clear { clear:both}

ul#sesame-games p {

padding-bottom: 1em}

div.clear {

clear:both;}

h2.media-center {

background:#077747;

color:#FFF;

margin:0;

padding:5px;}

div.media-center {

background:#b4d56d;

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