/* HTML-tag styles, unqualified */

body	{background: url(images/container-bg.gif) repeat 0 0; margin: 0; padding: 0;}



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

body, td,

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

.DarkBlueText	{color: #252855;}



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

td.Clear		{}

td.GrayBox		{border: 1px solid #252855; padding: 5px; background: #D8D1C7;}



/* Layout */

div#container {background: url(images/container-bg.jpg) repeat 0 0; width: 997px; margin: auto;}

div#wrap {width: 793px; margin: auto; padding: 0;}

div#header {width: 793px; height: 170px; margin-bottom: 0;}

div#header img {border-width: 0;}

div#content-wrap {background: url(images/content-bg.jpg) repeat-y 0 0; width: 793px; min-height: 260px; margin: 0; padding: 0; position: relative;}

#invis-teen
{
	z-index: 15;
	position: absolute;
	width: 180;
	height: 55;
	right: -184px;
	top: 505px;
	overflow: hidden;
}

#home-editable 
{
		z-index: 10;
		position: absolute;
		display: block;
		left: 475px;
		top: 625px;
		width: 253px;
		height: 124px;
		padding: 10px 20px 10px 10px;
		background: #FAF3EB;
		font-size: small;
		font-family: arial, sans-serif;
		font-weight: normal;
		overflow: hidden;
}

div.interior {min-height: 550px;}

div.portrait {margin: 10px 8px 0 0; float: right;}

* html div#content-wrap {height: 260px;}

* html div.interior {height: 550px;}

div#content {background: url(images/content-top.jpg) no-repeat 0 0; width: 385px; margin: 0 0 0 23px; padding: 25px 33px 1px 27px;}

div#address {width: 253px; height: 271px; margin: 326px 0 0 473px; padding: 10px 20px 10px 20px; position: absolute; font-size: 0.85em; background: url(images/address-bg.jpg) no-repeat 0 0;}

div#testimonial {width: 253px; margin: 622px 0 0 473px; padding: 20px 20px 0px 0px; position: absolute; font-size: 0.85em; background: url(images/testimonial-top.png) no-repeat 0 0; -moz-box-shadow: 5px 5px 5px #826448;
 -webkit-box-shadow: 5px 5px 5px #826448;
 box-shadow: 5px 5px 5px #826448;}

.testimonial-content { background:#faf3eb;width:242px;margin:20px 0 0 1px;padding:0 10px 15px 20px;}

div#footer {background: url(images/footer-bg.jpg) no-repeat 0 0; height: 65px; margin: 0; padding: 75px 0 0 0; color: #f9f3eb; text-align: center; clear: both;}

div.sidebar {background: #D8D1C7; width: 150px; display: block; border: solid 1px #252855; float: right; margin: 5px 0 15px 10px; padding: 5px; text-align: center;}

p.clear {clear: both;}

#testimonial .logos
{
	padding: 40px 0 0 20px;	
}


/* Links */

a {color: #000;}

div#address a {color: #005826; font-size: .83em;}

div#footer a {color: #f9f3eb; text-decoration: none; text-transform: lowercase;}

div#footer a:hover {text-decoration: underline;}

div#footer a#sesame {font-size: .83em; text-transform: none;}

a.invisalign { position:relative; bottom: 18px;}



/* Text */

p {margin: 0 0 10px 0;}

div#address p {margin: 0 0 8px 0; line-height: 15px;}

p.green {color: #ff0000; font-size: 16px;}

p.11 {font-size: 11px;}

span.10 {font-size: 10px;}





/* Images */

img {border-color: #000; display: block;}

img.clear	{}

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

* img.img_right {border: 0; margin: 10px 8px 0 0; width: 306px; float: right;}

* img.img_right_border {border: solid 1px #000; margin: 5px 0 15px 15px; float: right;}

* img.img_center_border {border: solid 1px #000; margin: 0 auto; display: block;}

* img.img_left_border {border: solid 1px #000; margin: 5px 5px 10px 0; float: left; clear: left;}

* #invisalign-teen-banner { position:absolute; z-index: 2; top: 176px; left:325px; width:250px; height:90px  }

* #invisalign-banner {position:absolute; z-index: 2; top: -36px; left:325px; width:85px; height:200px}

* #invisalign-banner-2010 {position:absolute; z-index: 2; top: -204px; left:325px; width:85px; height:154px}

* #invisalign-banner-2011 {position:absolute; z-index: 2; top: -372px; left:325px; width:85px; height:154px}

* #social-networks {position:absolute; z-index: 3; top: -20px; left:190px; width:200px; height:50px; border:0; overflow: hidden;}
* #social-networks img {display: inline-block; margin: 0; padding: 0; border: 0;}

* #social-networks-home {position:absolute; z-index: 3; top: -20px; left:175px; width:200px; height:50px; border:0; overflow: hidden;}
* #social-networks-home img {display: inline-block; margin: 0; padding: 0; border: 0;}

* #teen {margin-top: 30px;}



/* Flash */

div#flash-home {width: 736px; margin: 20px auto 0;}



/* Lists */

ul, ol {margin-bottom: 10px; margin-top: 0;}

dl.logos, dl.logos dt, dl.logos dd {list-style: none; margin: 0; padding: 0;}

dl.logos {border: 1px solid #CCC; border-width: 0 0 1px 1px; margin: 10px 0 5px 0; padding: 10px 0 5px 10px; width: 60%;}

dl.logos dd {margin-bottom: 10px; padding: 10px 0 5px 0;}

dl.logos span {font-size: 1.08em; font-weight: bold; line-height: normal;}

ul.testimonials li {padding-bottom:10px;}



/* Interior Nav */

div#int-nav {color: #be7030; margin-bottom: 10px;}

div#int-nav a {color: #be7030; text-decoration: none;}

div#int-nav a:hover,

div#int-nav a.active {color: #005826; font-weight: bold;}



/* Headings */

h1 {font: italic bold 1.50em Times; color: #005826; margin: 0 0 10px;}

h2 {font-size: 1.17em; color: #252855; margin-bottom: 10px;}

h3 {font-size: 1em; margin: 0;}



/* Top Links */

ul#nav {margin: 0 0 0 688px; padding: 0; height: 1.31em; list-style: none; position: absolute; z-index: 1;}

ul#nav ul {list-style: none; margin: 0; padding: 0;}

ul#nav li {display: inline; float: left;}

ul#nav a {display: block; text-decoration: none; text-indent: -999em; overflow: hidden; height: 21px;}

a#home {background: url(images/nav/home.gif); width: 37px;}

a#contact {background: url(images/nav/contact.gif); width: 58px;}



ul#nav a:hover, ul#nav a.active, ul#nav li:hover, ul#nav li.sfhover, li:hover #contact, li.sfhover #contact {background-position: 0 -21px;}

ul#nav a.active {cursor: default;}



/* Drop Down */

ul#nav li ul {background: #252855; border: solid 1px #fff; margin: 0; padding: .06em .06em 0; left: -9999px; position: absolute; z-index: 2;}

ul#nav ul li {float: none;}

ul#nav li:hover ul, ul#nav li.sfhover ul {left: auto; margin: 0 0 0 -.17em;}

ul#nav ul li a {font-size: 0.92em; color: #fff; height: 1.17em; line-height: 1.17em; display: block; padding: .33em 0 .33em .83em; width: 8em; text-indent: 0; text-decoration: none;}

ul#nav ul li a:hover {color: #d9ab82;}



/* Main Navigation */

ul#nav2 {margin: 156px 0 0; padding: 0; list-style: none; position: absolute; z-index: 3;}

ul#nav2 ul {list-style: none; margin: 0; padding: 0;}

ul#nav2 li {display: inline; float: left;}

ul#nav2 a {display: block; text-decoration: none; text-indent: -999em; overflow: hidden; height: 25px;}

a#about-our-office, a#about-ortho, a#braces-101, a#invisalign, a#first-aid {height: 25px;}

a#about-our-office {background: url(images/nav/about-our-office.gif); width: 124px;}

a#about-ortho {background: url(images/nav/about-ortho.gif); width: 173px;}

a#braces-101 {background: url(images/nav/braces-101.gif); width: 92px;}

a#invisalign {background: url(images/nav/invisalign.gif); width: 144px;}

a#first-aid {background: url(images/nav/first-aid.gif); width: 77px;}

a#patient-place {background: url(images/nav/patient-place.gif); width: 121px;}



ul#nav2 a:hover, ul#nav2 a.active, ul#nav2 li:hover, ul#nav2 lihsfhover,

li:hover a#about-our-office, li.hsfhover a#about-our-office,

li:hover a#about-ortho, li.hsfhover a#about-ortho,

li:hover a#braces-101, li.hsfhover a#braces-101,

li:hover a#invisalign, li.hsfhover a#invisalign,

li:hover a#patient-place, li.hsfhover a#patient-place {background-position: 0 -25px;}

ul#nav2 a.active {cursor: default;}



/* Drop Down */

ul#nav2 li ul {background: #332353; border: solid 1px #f0e8e0; margin: 0; padding: 0; left: -9999px; position: absolute; z-index: 4;}

ul#nav2 ul li {float: none;}

ul#nav2 li:hover ul, ul#nav2 li.hsfhover ul {left: auto; margin: 0;}

ul#nav2 ul li a {color: #fff; height: 1em; line-height: 1em; display: block; padding: .38em 0 .38em .63em; width: 15em; text-indent: 0; text-decoration: none;}

ul#nav2 ul li a:hover {color: #171949; background: #d9ab82;}







/* These are standard sIFR styles... do not modify */



* .sIFR-flash {

	visibility: visible !important;

	margin: 0;

}



* .sIFR-replaced {

	visibility: visible !important;

}



span.sIFR-alternate {

	position: absolute;

	left: 0;

	top: 0;

	width: 0;

	height: 0;

	display: block;

	overflow: hidden;

}



/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */

.sIFR-flash + div[adblocktab=true] {

  display: none !important;

}



/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */



.sIFR-hasFlash h1 {font: bold italic Times; font-size: x-large; letter-spacing: normal; line-height: normal; visibility: visible;}



/* The Game Room */

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

ul#sesame-games img {border: 0; float: right; margin: 0 0 10px 10px;}

ul#sesame-games p {padding-bottom: 1em;}

/* IE6 upgrade alert */
#ie_alert {
display: none;
background-color: #fff;
width: 400px;
color: #333;
text-align: left;
font-size: 11px;
letter-spacing: normal;
font-weight: bold;
padding: 15px 15px 0 15px;
border: solid 2px #a52003;
position: absolute;
z-index: 5000;
top: 10px;
left: 10px;
}
#ie_alert ul {margin: 0 0 15px 25px;}
#ie_alert p {margin: 0 0 15px 0; line-height: 14px; padding: 0;}
a.upgrade {float: left; margin: 0 10px 0 0;}
span#ie_alert_reasons {color: #a52003;}