* {

	margin: 0;

	padding: 0;

}

body {

	margin: 0 0 12px;

	padding: 0;

	line-height: 1.5em;

	background: #b5d2cb url(images/background.jpg) repeat-x 0 0;

}

a {

	text-decoration: underline;

	color: #007dc3;

}

a:link {

	color: #7f6d5b;

}

a:visited {

	color: #7f6d5b;

}

a:active {

}

a:hover {

	color: #799d94;

}

a.sesame {

	color: #ffffff;

	text-decoration: none; 

}

a.sesame:hover {

	color: #dcd3c9;

}

a.footer {

	color: #9d8b79;

	line-height: 12px;

	text-decoration: none;

}

a.footer:hover {

	color: #799d94;

}

h1 {

	font-size: 24px;

	line-height: 34px;

	font-weight: bold;

	color: #7f5d2b;

	margin: 9px 0 9px 0;

}

h2.title {

	background-repeat: no-repeat;

	height: 35px; /* this height reflects the height of the  image */

	overflow: hidden;

	text-indent: -999em;

} /* hides rich text so only background image shows */

h2 {

	font-weight: normal;

	font-size: 14px;

	margin: 9px 0;

	color: #799d94;

}

h2 big {

	padding: 5px 0 9px;

	display: block;

	font-size: 18px;

	line-height: 21px;

}



h2.form {

	font-size: 14px;

	font-weight: bold;

	height: 34px;

	margin: 9px 0 9px;

	color: #799d94;

}

h3 {

	font-size: 1em;

	color: #799d94;

	margin-bottom: 18px;

}

h4 {

	font-size: 14px;

	color: #010101;

	margin-bottom: 18px;

}

ol, ul, dl {

	list-style: none;

	color: #010101;

	margin: 12px 0;

}

ul.bullet {

	list-style: outside;

	margin-left: 18px;

	list-style-type: disc;

}

ul.bullet ul {

	list-style: outside;

	margin-left: 18px;

}

ol.list {

	list-style: outside;

	margin-left: 18px;

}

ul#inline-list {

	width: 500px;

}

ul#inline-list li {

	float: left;

	width: 165px;

	margin: 9px 9px 0 0;

}

ul#inline-list a {

	display: block;

	border: 1px solid;

}

ul#navigation {

	height: 28px;

	list-style: none;

	margin: 0 auto;

	padding: 0;

	width: 802px;

	z-index: 134

}

ul#navigation li {

	float: left

}

blockquote {

	margin-left: 30px;

	margin-top: 19px;

	margin-bottom: 10px;

}

p {

	margin: 0 0 18px;

	color: #010101;

}

p.footer {

	line-height: 16px;

	margin: 0 0 18px;

	color: #9d8b79;

}

p.footerbold {

	font-weight: bold;

	color: #799d94;

	margin: 0 0 18px;

}

p.address {

	font-weight: normal;

	color: #799d94;

	margin: 0 0 0 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-family: monospace;

	font-size: 11px;

}

strong, b {

	font-weight: bold;

}



/* | Shortcuts	| */



/* clear floats */



.clear:after {

	content: ".";

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0;

	height: 0;

}

* .clear {

	display: inline-block;

}

html[xmlns] .clear {

	display: block;

}

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

	height: 1%;

}

* .clear {

	clear:both;

}

h2.media-center {

	background:#3f2f20;

	color:#FFF;

	margin:0;

	padding:5px;

}

div.media-center {

	background:#799c95;

	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;

}

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



div#login-patient a.replace, div#login-doc a.replace  {

	letter-spacing : -1000em;

	line-height: 0;

	overflow: hidden;

	text-indent: -999em;

}

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



/*\*/html>body .replace {

	letter-spacing : normal;

	text-indent : -999em;

	overflow : hidden;

}

/* End of hack */



/* |	Flash 	| */







* #flash-home {

	width: 567px;

	height: 270px;

	text-align: left;

	margin: 1px 0 0 0;

	padding: 0;

	z-index: 12;

 background: images/photo1.jpg;

}

* #flash-palatal-expander {

	z-index:2;

}

p.upgrade-flash {

	margin: 18px 18px;

	background: #fbf1c0;

	padding: 9px;

	color: #8e2800;

}

/* End Flash */



/* 



|	Layout	|



*/



img {

	display: block;

}

* .static {

	border: 3px solid #3dbaec;

	margin: 18px 0;

}

* .noborder {

	border: 0;

}

div#container {

	width: 802px;

	position: absolute;

	top: 0;

	left: 50%;

	margin-left: -400px;

	margin-bottom: 0;

	padding: 0;

	background: #ffffff;

}

div#header {

	margins: 0;

	width: 802px;

	height: 110px;

	background: url(images/heading-bg.jpg) 0 0 no-repeat;

}

div#content {}

div.content-top {

	margin: 0;

	height: 28px;

	padding: 0;

	z-index: 30;

	background: #7f6d5b;

}

div.content-bottom {

	margin: 0;

	height: 28px;

	width: 802px;

	background: #9d8b79; padding-top:9px;

}

div.hide {display:none;}

div#nav {margin: 0 -13px 0 13px;}

* #social { text-align:center; }
* #social img, * #social a { padding:0; margin:0; border:none; display:inline; }

div#login-patient a#patient-login {

	overflow: hidden;

	display: block;

	text-indent: -999px;

	background: url(images/btn-patient-login.gif) no-repeat;

}

div#login-doc a#doc-login {

	overflow: hidden;

	display: block;

	text-indent: -999px; height:28px;

	background: url(images/btn-doc-login.gif) no-repeat;

}

div#main-column {

	background: url(images/main_bg.gif) 0 0 no-repeat;

}

div#main-column .inner {

	padding: 14px 0 0;

	margin: 0 30px 20px 220px;

	min-height: 620px; height:auto !important; height:620px;

}



div.sidebar {

	background: #cdbfb2;

	padding: 10px 20px 10px 10px;

	width: 184px;

}

div#address-box {

	text-align: center;

	position: absolute;

	width: 200px;

	top: 170px;

	left: 5px;

}



div.float-right,

* img.float-right	{float: right; margin: 4px -12px 9px 9px; clear: right;}

#appt-form a, #appt-form a:link {

	height:100px;

	width:192px;

	display:block;

	margin-bottom:39px;

	margin-top:25px;

	text-indent:-999em;

	background:url(images/callout-appointment2.gif) 0 0 no-repeat;

}



h3#refer-friend a, h3#refer-friend a:link {

	height:90px;

	width:192px;

	display:block;

	text-indent:-999em;

	background:url(images/callout-refer2.gif) 0 0 no-repeat;

}



div#invisalign {



	width: 200px;



}

* #photo {



	width: 567px;

	height: 270px;

	top: 154px;

	left: 220px;

	z-index: 11;

}

h1 {

	margin: 0;

	padding: 0;

	position: absolute;

	width: 244px;

	height: 110px;

	top: 0px;

	left: 0px;

	z-index: 120;

}

div#login-patient {

	position: absolute;

	width: 98px;

	height: 28px;

	top: 0px;

	left: 675px;

	z-index: 130;

	display: block;

}

div#login-doc {

	position: absolute;

	width: 98px;

	height: 28px;

	top: 28px;

	left: 675px;

	z-index: 130;

	display: block;

}

/*



|	Image Replacement	|



*/



h2#h-welcome {

	background: url(images/h-welcome.gif) no-repeat;

}

h2#h-smile {

	background: url(images/h-smile2.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-tour {

	background: url(images/h-office-tour.gif) no-repeat;

}

h2#h-before-and-after {

	background: url(images/h-before-and-after.gif) no-repeat;

}

h2#h-patient-testimonials {

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

}

h2#h-your-first-visit {

	background: url(images/h-your-first-visit.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-two-phase-treatment {

	background: url(images/h-two-phase-treatment.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-tmj-tmd {

	background: url(images/h-tmj-tmd.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-braces {

	background: url(images/h-types-of-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-brace-painter {

	background: url(images/h-brace-painter.gif) no-repeat;

}

h2#h-retainers {

	background: url(images/h-retainers.gif) no-repeat;

}

h2#h-color-your-retainer {

	background: url(images/h-color-your-retainer.gif) no-repeat;

}

h2#h-invisalign {

	background: url(images/h-invisalign.gif) no-repeat;

}

h2#h-ibraces {

	background: url(images/h-ibraces.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.gif) no-repeat;

}

h2#h-comment-form {

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

}

h2#h-refer-a-friend {

	background: url(images/h-refer-a-friend.gif) no-repeat;

}

h2#h-appointment-request {

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

}

h2#h-site-map {

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

}

h2#h-privacy-policy {

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

}



/* Nav */



ul#navigation a {

	display: block;

	height: 28px;

	text-indent: -999em

}

* a#n-about-our-office {

	background: url(images/about-our-office.gif);

	width: 131px

}

* a#n-about-orthodontics {

	background: url(images/about-orthodontics.gif);

	width: 138px

}

* a#n-braces-101 {

	background: url(images/braces-101.gif);

	width: 99px

}

* a#n-emergency-care {

	background: url(images/emergency-care.gif);

	width: 122px

}

* a#n-the-game-room {

	background: url(images/the-game-room.gif);

	width: 128px

}

* a#n-contact-us {

	background: url(images/contact-us.gif);

	width: 94px

}

* a#n-home {

	background: url(images/home.gif);

	width: 60px

}

ul#navigation a:hover, ul#navigation .active,  ul#navigation li:hover #about-our-office, ul#navigation li.sfhover #about-our-office,  ul#navigation li:hover #about-orthodontics, ul#navigation li.sfhover #about-orthodontics,  ul#navigation li:hover #braces-101, ul#navigation li.sfhover #braces-101,  ul#navigation li:hover #emergency-care, ul#navigation li.sfhover #emergency-care,  ul#navigation li:hover #the-game-room, ul#navigation li.sfhover #the-game-room,  ul#navigation li:hover #contact-us, ul#navigation li.sfhover #contact-us,  ul#navigation li:hover #home, ul#navigation li.sfhover #home {

	background-position: 0 -28px;

}

ul#navigation ul {

	list-style: none;

	margin: 0;

	padding: 0;

	border: 1px solid;

	border-color: #ffffff;

}

ul#navigation li {

	display: inline

}

ul#navigation li ul {

	background: #3f2f20;

	font-size: 11px;

	font-weight: normal;

	left: -999em;

	padding: 0 0;

	position: absolute;

	z-index: 35

}

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

	left: auto;

	margin: 0

}

ul#navigation ul li {

	float: none

}

ul#navigation ul li a {

	color: #ffffff;

	display: block;

	height: 25px;

	line-height: 25px;

	margin: 0;

	padding: 0 10px;

	text-align: left;

	text-indent: 0;

	text-decoration: none;

	width: 140px

}

ul#navigation ul li a:hover {

	background: #799d94;

	color: #ffffff

}

/* Other */



div#login-patient a#patient-login, div#login-doc a#patient-login {

	

	height: 23px;

}

a#patient-login:hover, a#doc-login:hover  {

	background-position: -98px 0;

}
div#login-patient:hover, div#login-doc:hover  {

	background-position: -98px 0;

}



/* Invisible to Edit.com menus (classes attributed to tags and conditional styles) */



body, td,

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

.BrownText	{color: color: #7f5d2b;}



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



img.clear	{}

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

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

img.rightFlushTop	{margin-top: -40px; float: right; position: relative; right: -12px;}



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



td.Clear			{}

td.GrayBG			{padding: 10px; background: #cdbfb2;}