/* HTML BODY ------------------------ */
html, body, #main_table {height: 100%; margin: 0; padding: 0; width: 100%}
body {background: #a1916d url(images/layout_bg.gif) repeat-x; overflow: auto}/* Hides scrollbar in IE */
body, table, td, h3 {font-size: 11px; line-height: 18px}
body, table, td, h2, h3 {font-family: tahoma, sans-serif}

/* Scrollbar colors - IE only */
body {scrollbar-face-color:'#958871'; scrollbar-arrow-color:'#b4a68e'; scrollbar-track-color:'#b4a68e'; scrollbar-shadow-color:'#958871'; scrollbar-highlight-color:'#958871'; scrollbar-3dlight-color:'#b4a68e'; scrollbar-darkshadow-Color:'#958871'}

/* BODY ELEMENTS ------------------------ */

/* Headers */
h1 {color: #958871; font: normal 22px helvetica, arial, sans-serif; margin: 0}
h2 {color: #4e2029; font: bold 14px helvetica, arial, sans-serif; margin: 0}
h3, .highlight {color: #958871; font-weight: bold; margin: 0}
h4 {font: italic normal 11px verdana, sans-serif; margin: 0}

/* Images */
img {border: none}
.image {border: 1px solid #FFF; clear: both; float: right; margin: 0 0 20px 20px}
.border {border: 1px solid #FFF}
.image_patient {color: #7e7464; display: inline; float: right; font-size: 9px; line-height: 12px; margin-left: 20px; text-align: right}
#image_sitemap {margin-bottom: 0}
.invisalign {margin-bottom: 10px; }

/* Links */
a:link, a:visited {color: #813040; text-decoration: none}
a:hover, a:active {text-decoration: underline}
a.subnav:link, a.subnav:hover, a.subnav:visited, a.subnav:active {font-weight: bold}
.active {cursor: default}
#active_subnav {cursor: default; text-decoration: underline}

/* Lists */
ol, ul {margin-bottom: 0; margin-top: 0}

/* MAIN LAYOUT ------------------------ */
img.right {
	float: right;
	clear: right;
	margin: 0 0 10px 10px;
	}
/* Transparent Logo */
#logo {background: url(images/layout_logo.png); cursor: hand; display: block; height: 50px; margin-top: 20px; overflow: hidden; text-indent: -9999px; width: 750px}
* html #logo {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/layout_logo.png', sizingMethod='image')}

/* Transparent S Logo */
#logo_bg_s {background: url(images/layout_bg_s.png) top center no-repeat}
* html #logo_bg_s {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/layout_bg_s.png', sizingMethod='crop')}/* IE6 does not support alpha transparency */

/* Content */
#container {margin-left: auto; margin-right: auto; position: relative; width: 780px}
#flash_home {background: #4e2029; border: 5px solid #FFF; height: 350px; margin: 0 auto; position: relative; text-align: left; width: 770px}
#content_home {color: #FFF; padding-bottom: 10px; text-align: left; width: 740px}

#content_container {background: #4e2029 url(images/layout_content_bg.jpg) no-repeat; color: #595246; border: 5px solid #FFF; margin: 0 auto; padding: 20px 180px 20px 20px; text-align: left; width: 570px}
* html #content_container {height: 350px; width: 780px}/* IE6 does not add border/padding to width */

#content {background: url(images/transparent.png); border: 1px solid #FFF; padding: 20px; width: 510px}
* html #content {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/transparent.png', sizingMethod='scale'); height: 310px; width: 555px}/* Again, IE6 */

#sidebar {background: #FFF; border: 1px solid #4e2029; clear: both; float: right; margin-left: 20px; padding: 20px; width: 160px}
* html #sidebar {background: #FFF; border: 1px solid #4e2029; clear: both; float: right; margin: 0 0 20px 20px; padding: 20px; width: 200px}

/* Footer */
#footer {clear: both; color: #FFF; margin-top: 10px; padding-bottom: 40px; text-align: center; width: 780px}
#footer a {color: #FFF}

/* Bottom Bar - without using frames */
#bottom_bar {background: #4e2029; border-top: 1px solid #7c4a5b; color: #FFF; height: 30px; padding-bottom: 6px; text-align: center}
#bottom_bar a {color: #FFF}

.clear {clear: both}/* Clears the float in FF */


/* TRANSPARENT MENU NAV ------------------------ */
#nav {border-bottom: 1px solid #FFF; height: 308px; left: 600px; position: absolute; top: 5px; width: 155px; z-index: 100}/* Stacked on top of #container */
#nav1, #nav2, #nav3, #nav4, #nav5, #nav6, #nav7, #nav8, #nav9, #nav10, #nav11 {display: block; height: 28px; overflow: hidden; text-indent: -9999px; width: 155px}

#nav1 {background: url(images/nav_patient_login.png)}
#nav1:hover {background: url(images/nav_patient_login-over.gif); cursor: hand}
* html #nav1 {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav_patient_login.png', sizingMethod='image')}
#nav1.active {background: url(images/nav_patient_login-over.gif)}

#nav2 {background: url(images/nav_enhance_smile.png)}
#nav2:hover {background: url(images/nav_enhance_smile-over.gif); cursor: hand}
* html #nav2 {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav_enhance_smile.png', sizingMethod='image')}
#nav2.active {background: url(images/nav_enhance_smile-over.gif)}

#nav3 {background: url(images/nav_restore_smile.png)}
#nav3:hover {background: url(images/nav_restore_smile-over.gif); cursor: hand}
* html #nav3 {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav_restore_smile.png', sizingMethod='image')}
#nav3.active {background: url(images/nav_restore_smile-over.gif)}

#nav4 {background: url(images/nav_care_for_smile.png)}
#nav4:hover {background: url(images/nav_care_for_smile-over.gif); cursor: hand}
* html #nav4 {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav_care_for_smile.png', sizingMethod='image')}
#nav4.active {background: url(images/nav_care_for_smile-over.gif)}

#nav5 {background: url(images/nav_regular_checkups.png)}
#nav5:hover {background: url(images/nav_regular_checkups-over.gif); cursor: hand}
* html #nav5 {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav_regular_checkups.png', sizingMethod='image')}
#nav5.active {background: url(images/nav_regular_checkups-over.gif)}

#nav6 {background: url(images/nav_cerec_technology.png)}
#nav6:hover {background: url(images/nav_cerec_technology-over.gif); cursor: hand}
* html #nav6 {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav_cerec_technology.png', sizingMethod='image')}
#nav6.active {background: url(images/nav_cerec_technology-over.gif)}

#nav7 {background: url(images/nav_zoom.png)}
#nav7:hover {background: url(images/nav_zoom-over.gif); cursor: hand}
* html #nav7 {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav_zoom.png', sizingMethod='image')}
#nav7.active {background: url(images/nav_zoom-over.gif)}

#nav8 {background: url(images/nav_links.png)}
#nav8:hover {background: url(images/nav_links-over.gif); cursor: hand}
* html #nav8 {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav_links.png', sizingMethod='image')}
#nav8.active {background: url(images/nav_links-over.gif)}

#nav9 {background: url(images/nav_about_our_team.png)}
#nav9:hover {background: url(images/nav_about_our_team-over.gif); cursor: hand}
* html #nav9 {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav_about_our_team.png', sizingMethod='image')}
#nav9.active {background: url(images/nav_about_our_team-over.gif)}

#nav10 {background: url(images/nav_contact_us.png)}
#nav10:hover {background: url(images/nav_contact_us-over.gif); cursor: hand}
* html #nav10 {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav_contact_us.png', sizingMethod='image')}
#nav10.active {background: url(images/nav_contact_us-over.gif)}

#nav11 {background: url(images/nav_home.png)}
#nav11:hover {background: url(images/nav_home-over.gif); cursor: hand}
* html #nav11 {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav_home.png', sizingMethod='image')}
#nav11.active {background: url(images/nav_home-over.gif)}