/* HTML-tag styles, unqualified */



body		{margin: 0; padding: 0; line-height: 1.5em; background: #909195;}

address		{color: #002c55; font-style: normal;}

img			{display: block; behavior: url(iepngfix/iepngfix.htc);}

em			{color: #002c55;}

h1			{margin: 9px 0; color: #007dc3; font-size: 24px; line-height: 1.42em;}

h1			{height: 34px; overflow: hidden; text-indent: -999em; background-repeat: no-repeat;}

h2			{margin: 0 0 9px; color: #002c55; font-weight: normal; font-size: 18px; line-height: 1em;}

h3			{margin-bottom: 18px; color: #002c55; font-size: 12px;}

h4			{margin-bottom: 18px; font-size: 14px; color: #000; line-height: 1.29em;}

p			{margin: 0 0 18px;}



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



body, td,

.NormalText	{color: #000; font-size: 12px; font-family: Arial, Times;}

.AquaText	{color: #71cbd2;}

.BlueText	{color: #002c55;}

.smaller-text {
	font-size: 11px;
}



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



img.clear		{}

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

img.float-right	{float: right; margin-left: 9px; clear: right;}



a			{text-decoration: underline; color: #012c56;}

a:link		{color: #012c56;}

a:visited	{color: #603;}

a:hover				{color: #49b9c4;}

a.patientform		{color: #012c56;}

a.patientform:hover	{color: #fff;}

a.sesame			{color: #fff; text-decoration: none;}

a.sesame:hover		{color: #002c55;}

a.footer			{color: #fff; font-size: 12px; line-height: 1em; text-decoration: none;}

a.footer:hover		{color: #71cbd2;}



/* classes attributed to tags and conditional styles */

.clear-both {clear: both;}

body#home h2	{color: #002c55; font: bold; font-size: 14px; line-height: 1.29em;}

h2.replace		{font-size: 18px; font-weight: bold; height: 49px; line-height: 1.33em; color: #002c55;}

h2.form			{font-size: 14px; line-height: 1.29em; height: 34px; color: #002c55;}

ul#inline-list	{margin: 0; padding: 0; width: 500px; list-style: none;}

ul#inline-list li	{float: left; width: 165px; margin: 9px 9px 0 0;}

ul#inline-list a	{display: block; border: 1px solid;}

blockquote	{margin-top: 19px; margin-bottom: 10px;}

p.footer	{margin: 0 0 18px; color: #fff;}

p.footerbold	{font-weight: bold; color: #71cbd2; padding-top: 6px; margin: 0 0 9px 0;}

p.dots	{font-weight: bold; color: #0085de; font-size: 12px; line-height: 0.5em; margin: 0;}

pre	{/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/

	font-size: 11px;}

strong, b	{font-weight: bold;}

td	{margin: 0 0 18px;}



/* clear floats */



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

div.clear	{display: inline-block;}

html[xmlns] div.clear	{display: block;}

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

	height: 1%;}

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



h2.replace	{letter-spacing : -1000em; line-height: 0; overflow: hidden; text-indent: -999em;}

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



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

/* End of hack */



/* |	Flash 	| */



div#flash-home	{width: 605px; height: 223px; background:url(images/people-with-braces.jpg) no-repeat; text-align: left; position: absolute; top: 179px; left: 194px; z-index:100;}

div#photo	{width: 569px; height: 215px; text-align: left; background: url(images/main-bg.jpg) 0 0 no-repeat; z-index:99;}

/* End Flash */



/* |	Layout	| */



* .static	{border: 3px solid #3dbaec; margin: 18px 0;}

* img.noborder	{border: 0;}



div#container	{width: 799px; position: absolute; top: 0; left: 50%; margin-left: -400px; background: url(images/main_bg.jpg) 0 0 repeat-y;}

div#header	{width: 799px; height: 179px; background: url(images/richard-chan-orthodontics.jpg) 0 0 no-repeat;}

div#content	{background: url(images/content_bg.gif) 0 0 no-repeat; min-height: 870px;}

* html div#content	{height: 685px;}

div.content-bottom	{margin: 0; height: 79px; width: 799px; padding: 0; background: #002c55; text-align:center;}

* .content-bottom-home	{margin: 0; height: 334px; width: 799px; padding: 0; background: url(images/bottom_bg_home.jpg) 0 0 no-repeat; text-align:center;}



div#credits		{text-align:center;}

div#credits img	{margin:0 auto;}



div#nav-column	{position: absolute; top: 179px; left: 0px; width: 194px; height: 300px; z-index: 133;}

div#nav-column div.inner	{padding-top: 0px; margin: -9px 0 0 0;}

ul#nav		{margin: 9px 0 0; padding: 13px 0 0; list-style-type: none;}

ul#nav a	{display: block; width: 194px;}

ul#nav ul	{position: absolute; left: -999px; padding: 0; margin: -30px 0 0 164px; border-width: 0px; z-index: 34; list-style-type: none;}

ul#nav li	{display: inline;}

ul#nav ul li a	{width: 140px; height: 18px; display: block; color: #fff; font-weight: normal; background: #002c55; padding: 9px 9px; text-decoration: none;}

ul#nav ul li a:hover	{background: #71cbd2; color: #000;}

ul#nav li:hover ul, ul#nav li.sfhover ul	{left: 0; display: block;}

a#n-home, a#n-promotions, a#n-about-our-office, a#n-about-orthodontics, a#n-braces-101, a#n-emergency-care, a#n-the-game-room, a#n-patient-information, a#n-contact-us, a#n-patient-testimonials, a#n-before-and-afters	{overflow: hidden; text-indent: -999px; background: url(images/nav.gif) no-repeat;}

div#main-column	{min-height: 300px; margin: 0 0 0 194px;}

* html div#main-column	{height: 300px}

div#main-column div.inner	{width: 569px; padding: 18px;}

* .sidebar	{background: #71cbd2; font-size: .92em; padding: 10px 10px 0 10px; width: 165px; margin-right: 18px;}

div#address-box	{position: absolute; top: 530px; left: 31px; width: 243px; min-height: 260px; z-index: 33;}

* #sesame-link	{position: relative; top:-90px; left:533px; width:250px; text-align:right;}

/* |	Image Replacement	| */



/* Headings */



h2#h-welcome	{background: url(images/h-welcome.gif) no-repeat;}

h2#h-promotions	{background: url(images/h-promotions.gif) no-repeat;}

h2#h-about-our-office	{background: url(images/h-about-our-office.gif) no-repeat;}

h2#h-meet-the-orthodontist	{background: url(images/h-meet-the-orthodontist.gif) no-repeat;}

h2#h-meet-the-team	{background: url(images/h-meet-the-team.gif) no-repeat;}

h2#h-office-policies	{background: url(images/h-office-policies.gif) no-repeat;}

h2#h-about-orthodontics	{background: url(images/h-about-orthodontics.gif) no-repeat;}

h2#h-orthodontics-for-children	{background: url(images/h-orthodontics-for-children.gif) no-repeat;}

h2#h-orthodontics-for-adults	{background: url(images/h-orthodontics-for-adults.gif) no-repeat;}

h2#h-orthodontic-treatments	{background: url(images/h-orthodontic-treatments.gif) no-repeat;}

h2#h-dentofacial-orthopedics	{background: url(images/h-dentofacial-orthopedics.gif) no-repeat;}

h2#h-orthodontic-dictionary	{background: url(images/h-orthodontic-dictionary.gif) no-repeat;}

h2#h-faq	{background: url(images/h-faq.gif) no-repeat;}

h2#h-links	{background: url(images/h-links.gif) no-repeat;}

h2#h-braces-101	{background: url(images/h-braces-101.gif) no-repeat;}

h2#h-life-with-braces	{background: url(images/h-life-with-braces.gif) no-repeat;}

h2#h-types-of-appliances	{background: url(images/h-types-of-appliances.gif) no-repeat;}

h2#h-brushing-and-flossing	{background: url(images/h-brushing-and-flossing.gif) no-repeat;}

h2#h-palatal-expander	{background: url(images/h-palatal-expander.gif) no-repeat;}

h2#h-braces-diagram	{background: url(images/h-braces-diagram.gif) no-repeat;}

h2#h-retainer-instructions	{background: url(images/h-retainer-instructions.gif) no-repeat;}

h2#h-invisalign	{background: url(images/h-invisalign.gif) no-repeat;}

h2#h-surgical-orthodontics	{background: url(images/h-surgical-orthodontics.gif) no-repeat;}

h2#h-emergency-care	{background: url(images/h-emergency-care.gif) no-repeat;}

h2#h-the-game-room	{background: url(images/h-the-game-room.gif) no-repeat;}

h2#h-contact-us	{background: url(images/h-contact-us.gif) no-repeat;}

h2#h-location	{background: url(images/h-location-and-hours.gif) no-repeat;}

h2#h-comment-form	{background: url(images/h-comment-form.gif) no-repeat;}

h2#h-appointment-request	{background: url(images/h-appointment-request.gif) no-repeat;}

h2#h-privacy-policy	{background: url(images/h-privacy-policy.gif) no-repeat;}

h2#h-site-map	{background: url(images/h-site-map.gif) no-repeat;}

h2#h-patient-information	{background: url(images/h-patient-information.gif) no-repeat;}

h2#h-patient-forms	{background: url(images/h-patient-forms.gif) no-repeat;}

h2#h-patient-testimonials	{background: url(images/h-patient-testimonials.gif) no-repeat;}

h2#h-before-and-afters	{background: url(images/h-before-and-afters.gif) no-repeat;}

/* Nav */



a#n-home	{background-position: 0 0px; height: 30px;}

a#n-home:hover, a#n-home.active	{background-position:-194px 0px;}

a#n-promotions	{background-position: 0 -30px; height: 30px;}

a#n-promotions:hover, a#n-promotions.active	{background-position:-194px -30px;}

a#n-about-our-office	{background-position: 0 -60px; height: 30px;}

a#n-about-our-office:hover, a#n-about-our-office.active	{background-position:-194px -60px;}

a#n-about-orthodontics	{background-position: 0 -90px; height: 30px;}

a#n-about-orthodontics:hover, a#n-about-orthodontics.active	{background-position:-194px -90px;}

a#n-patient-testimonials	{background-position: 0 -120px; height: 30px;}

a#n-patient-testimonials:hover, a#n-patient-testimonials.active	{background-position:-194px -120px;}




a#n-before-and-afters	{background-position: 0 -150px; height: 30px;}

a#n-before-and-afters:hover, a#n-before-and-afters.active	{background-position:-194px -150px;}



a#n-braces-101	{background-position: 0 -180px; height: 30px;}

a#n-braces-101:hover, a#n-braces-101.active	{background-position:-194px -180px;}


a#n-emergency-care	{background-position: 0 -210px; height: 30px;}

a#n-emergency-care:hover, a#n-emergency-care.active	{background-position:-194px -210px;}


a#n-the-game-room	{background-position: 0 -240px; height: 30px;}

a#n-the-game-room:hover, a#n-the-game-room.active	{background-position:-194px -240px;}

a#n-patient-information	{background-position: 0 -270px; height: 30px;}

a#n-patient-information:hover, a#n-patient-information.active	{background-position:-194px -270px;}

a#n-contact-us	{background-position: 0 -300px; height: 30px;}

a#n-contact-us:hover, a#n-contact-us.active	{background-position:-194px -300px;}



/* The Game Room */
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; float: right; margin: 0 0 10px 10px}
ul#sesame-games a.button {float:right; height:85px; width:200px}
ul#sesame-games p { padding-bottom: 1em}

/* Social Networks */
.social-network {
	display: inline;
	border: 0;
}