/* HTML-tag styles, unqualified */



html, body, object, iframe, pre, abbr, acronym, code, del, dfn, q, dl, dt, dd, fieldset, form, label, legend, caption {margin:0;padding:0;border-width:0;}

body	{line-height:1.5em; font-family: Helvetica, Arial; background: #571f55 url(../images/layout/bg.gif) repeat 0 0;}

caption	{background:#eee;}

dl		{margin:0 0 2em;}

dfn		{font-style:italic; font-weight:bold;}

h1		{margin: 0 0 0.5em; padding:0; color:#8f0059; font-weight:normal;font-size:2.5em;line-height:1em;}

h2		{margin-bottom: 0.75em; padding:0; color:#8f0059; font-weight:normal;font-size:1.5em;}

h3, dt	{margin-bottom: 1em; padding:0; color:#8f0059; font-weight:normal;font-size:1.2em;line-height:1em;}

h4		{margin-bottom: 1.25em; padding:0; color:#8f0059; font-weight:normal;font-size:1em; line-height:1.25em;}

h5		{margin-bottom: 1.5em; padding:0; color:#8f0059; font-size:1em;}

h6		{margin: 0; padding:0; color:#8f0059; font-size:1em;}

img		{border-color: #4f1c4e;}

p		{margin: 0 0 1.5em;}

strong {font-weight:bold;}

sup, sub {font-size: 0.75em;}

abbr, acronym {border-bottom:1px dotted #666;}

address {margin:0 0 1.5em;font-style:italic;}

del {color:#666;}

pre, code {margin:1.5em 0;white-space:pre;}

pre, code, tt {font:1em 'Andale Mono', 'Lucida Console';}



/* forms */

label {font-weight:bold;}

fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}

textarea {width:390px;height:120px;padding:5px;}



/* Edit.com font style-options (classes unattributed to a tag) */



body, td,

.NormalText {color: #222; font-size: 12px;}

.Subheader	{font-size:1.5em;}

.Mission	{font-size:1.2em;}

.SmallText	{font-size: 10px;}

.SansSerif	{font-family: Helvetica, Arial;}

.Serif		{font-family: Times, "Times New Roman";}

.PurpleText	{color: #8f0059;}



/* Edit.com image style-options (unqualified IMG classes)					*/



img.Clear				{}

img.ImageLeft			{margin-right: 10px; float: left;}

img.ImageRight			{margin-left: 10px; float: right;}



/* Edit.com table-cell style-options (unqualified TD classes) */



td.Clear		{}

td.BorderTop	{border: solid #acd5db; border-width: 1px 0 0; padding-top: 1.5em;}



/* classes attributed to tags and conditional styles */



a img {border:none;}

dl dt {font-weight:bold;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}



/* typography */

.home h2 {font-size: 2em; margin-bottom: 0;}

a:focus, a:hover {color:#936;}

a {color:#571f55;text-decoration:underline;}



p.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}

li.first {margin-left:0;padding-left:0;}

li.last {margin-right:0;padding-right:0;}

p.bottom {margin-bottom:0;padding-bottom:0;}



/* grid */

div.container {width:770px;margin:0 auto}

div.column {float:left;}

div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}

hr {background:#acd5db;color:#acd5db;clear:both;float:none;width:530px;height:.1em;margin:0 20px 1.45em;border:none;}

hr.space {background:#fff;color:#fff;}

div.container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

div.container {display:inline-block;}

* html div.container {height:1%;}

div.container {display:block;}

div.clear {clear:both;}



/* forms */

input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}

input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}

input.text, input.title {width:300px;padding:5px;}

input.title {font-size:1.5em;}



/* custom */





div#container {

	background:#fff; 

	border: solid #0c8395;

	border-width: 0 10px 10px;

	position: relative;}



div#hd {background: #571f55; height:117px;}

div#hd h1#logo {height:117px;}



div#hd h1#logo a {

	background: url(../images/layout/hd.jpg) top left no-repeat;

	border-left:10px solid #0c8395;

	display:block; 

	float:right; 

	height:117px;

	overflow: hidden;

	text-indent: -999em;

	width:570px;}



div#bd {

	background: #fff url(../images/layout/sidebar.gif) top left repeat-y;

	border-top: 10px solid #0c8395;

	border-bottom: 10px solid #0c8395;

	position:relative;}



div#sidebar {

	border-right:10px solid #0c8395;

	min-height: 910px;

	width:190px;
	z-index:0}

	

	/*because of a bug in IE7 we're using jquery to add 'resize' class when replacing flash content,

	  otherwise that page resizes and leaves the image image stranded at the bottom*/

	div#sidebar img, div#sidebar img.resize {position:absolute; bottom:0; left: 0;z-index:0}



div#content {

	padding: 0 20px 20px;

	width: 530px;}



	div#content h1 {padding-top:20px;}

	

	* .flash-replaced {text-align:center;}

	.flash-replaced .alt {display:none;}

	 

	dl.logos img {margin: 5px 0 20px 0;}

	dt a {font-weight: normal; margin-top:5px; display:block;}

	

	.the-game-room img.right {margin: 10px 25px 20px 0;}

	.oral-care-video img {float: none;}

	* img.auto {border:3px solid #4f1c4e;}



div#ft_txt {background:#085763; color:#a9c4c9; padding:15px 20px; text-align:center;}





/* navigation */

div#util, div#nav {position:absolute;}

div#util ul,

div#nav ul	{width: 190px; margin: 0; padding: 0; list-style: none;}

div#util {	top:0; left:0;}

div#util a {

	background: no-repeat 0 0;

	display: block;

	height: 39px;

	overflow: hidden;

	text-indent: -999em;

	width: 190px;}

	

div#util a#patient-login {background-image:url(../images/nav/patient-login.jpg);}

div#util a#doctor-login {background-image:url(../images/nav/doctor-login.jpg);}

div#util a#home {background-image:url(../images/nav/home.jpg);}

	

div#nav {top:135px; left:0;}



div#nav a {

	background: no-repeat 0 0;

	display: block;

	height: 35px;

	overflow: hidden;

	text-indent: -999em;

	width: 190px;

}



div#nav a:hover, div#nav li:hover a, div#nav li.sfhover a, div#util a:hover {background-position: -190px 0;}

div#nav li.active a {background-position: -380px 0;}

div#nav li.active a:hover, div#nav li.active:hover a, div#nav li.sfhover.active a {background-position: -570px 0;}



div#nav a#about-our-office {background-image:url(../images/nav/about-our-office.gif);}

div#nav a#about-orthodontics {background-image:url(../images/nav/about-orthodontics.gif);}

div#nav a#braces-101 {background-image:url(../images/nav/braces-101.gif);}

div#nav a#emergency-care {background-image:url(../images/nav/emergency-care.gif);}

div#nav a#the-game-room {background-image:url(../images/nav/the-game-room.gif);}

div#nav a#contact-us {background-image:url(../images/nav/contact-us.gif);}

div#nav a#locations {background-image:url(../images/nav/locations.gif);}

div#nav a#contests-and-events {background-image:url(../images/nav/contests-events.gif);}

div#nav a#patient-forms {background-image:url(../images/nav/patient-forms.gif);}

div#nav a#testimonials{background-image:url(../images/nav/testimonials.gif);}



/* subnav */

div#nav li ul {

	background: #ffe282;

	border: 1px solid #4f1c4e;

	left: -9999px;

	position: absolute;

	width: 150px;

	z-index: 10; }

div#nav li ul a {

	background:#ffe282; 

	color:#51526a;

	height: 20px;

	text-decoration: none;

	text-indent:0;

	padding: 5px 0 5px 5px;

	width: 145px;}

div#nav li ul a:hover {background:#ffeeb5; color:#51526a;}

div#nav li:hover ul,

div#nav li.sfhover ul {left: auto; margin: -35px 0 0 190px;}





div#ft, div#ft a {color: #fff; text-decoration:none;}

div#ft a:hover {color: #ccc;}

div#ft {text-align: center;}



/*games*/

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;

margin: 0 0 10px 10px}



ul#sesame-games a.button {

float:right;

height:85px;

width:200px}



ul#sesame-games p {

padding-bottom: 1em}



table.template	{margin: 20px 0 0;}