*{margin: 0; padding: 0;}
body {
	margin: 0;
	padding: 0;
	font-family: times new roman, times, garamond, georgia;
	color: #444444;
	background: #252855 url(images/bg_long.jpg) 50% 0 repeat-x;
}
/*
|		  Typography					|
|Everything set to 18px baseline		|
|grid. use increments of 18px for 		|
|images, logos etc to maintain this grid|
*/
a {
	text-decoration: underline;
	font-size: 14px;
	color: #535353;
}
a:link { color: #016469;
}
a:visited {
}
a:active {
}
a:hover {
	color: #8c451a;
}
a.welcome {
	font-weight: normal;
    color: #8c451a;
	font-size: 18px;
	text-decoration: none;
}
a.sesame {
    color: #8c451a;
	font-size: 14px;
	line-height: 18px;
	text-decoration: none;
}
a.sesame:hover {
	color: #015a5f;
}
h1 {
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	color: #8c451a;
	margin: 32px 0 18px 0;
}
h1#logo {
	margin: 0;
	line-height: 68px;
}
h1.dentists{font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	margin: 9px 0 9px;
	color: #016469;}
h2 {
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	margin: 9px 0 9px;
	color: #016469;
}
h3 {
	font-size: 14px;
	color: #8c451a;
	line-height: 18px;
	margin-bottom: 18px;
	font-weight: bold;
}
h4 {
	font-size: 14px;
	color: #8c451a;
	line-height: 18px;
	margin-bottom: 18px;
	font-weight: normal;
}
.team-titles{
	font-size: 14px;
	color: #8c451a;
	line-height: 18px;
	margin-bottom: 0;
	font-weight: bold;
}
.team-italic{
	font-size: 14px;
	color: #8c451a;
	line-height: 18px;
	margin-bottom: 18px;
	font-weight: normal;
	font-style:italic;
}
img {
	border: 0;
	display: block;
}
ol, ul, dl {
	list-style: none;
	font-size: 14px;
	line-height: 18px;
	margin: 9px 0;
}
ul.bullet {
	list-style: outside;
	font-size: 14px;
	line-height: 18px;
	margin-left: 18px;
	list-style-type: disc;
}
ul.bullet ul {
	list-style: outside;
	font-size: 14px;
	line-height: 18px;
	margin-left: 18px;
}
ol.list {
	list-style: outside;
	font-size: 14px;
	line-height: 18px;
	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;}
blockquote {
	margin-left: 30px;
	margin-top: 19px;
	margin-bottom: 10px
}
p {
	font-size: 14px;
	line-height: 18px;
	margin: 0 0 18px;
}
p.orange {
	font-weight: bold;
    color: #8c451a;
	font-size: 14px;
	line-height: 18px;
	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;
}
span {display:none;}
h2 span {display: inline;}
h3 span {display: inline;}
td {
	font-size: 14px;
	line-height: 18px;
	margin: 0 0 18px;
}
.sitemap ul{list-style-type: disc; padding: 0 0 0 40px;}

/* 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%;
}

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

.replace {
	letter-spacing : -1000em;
	line-height: 0;
	over-flow: 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: 542px;
	height: 214px;
	text-align: left;
	margin: 0 0 0 1px;
	padding: 0;
}
p.upgrade-flash {margin: 18px 54px 0 0 ; background: #ae7f51; padding: 9px; color: #eee; font-size: 12px;}
/* End Flash */

/* Layout */
img {
	display: block;
	border: 0;
}
.static {border: 3px solid #b76935; margin: 18px 0 18px;}
.float-left {/* Left Floated Images */
	float: left;
	margin: 0 9px 18px 0;
	border: 3px solid #b76935; text-align: left;
}
.float-right {/* Right Floated Images */
	float: right;
	margin: 36px 18px 18px 9px;
	clear: right;
	border: 3px solid #b76935;
}
.float-right-noborder {/* Right Floated Images */
	float: right;
	margin: 36px 18px 18px 9px;
	clear: right;
	border: 0px solid #b76935;
}
#container {
	width: 796px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -400px;	
	padding-bottom: 15px;
}
#login {
	width: 796px;
	height: 25px;
}
#header {
	width: 796px;
	height: 68px;
	background: #01575c url(images/todays-dental-logo.jpg) 0 0 no-repeat;
}
#header h1#logo {
	width: 796px;
	height: 68px;
}
#logo a {
	display: block;
	width: 796px;
	height: 68px;
}
#content {
	background: url(images/bg_main.jpg) 0 0 repeat-y;
	margin-top: 7px;
	min-height: 450px;
}
*html #content {
    height: 450px;
}
#content .content-top {
	margin: 0;
	height: 2px;
	width: 796px;
	background: url(images/content_top.jpg) 0 0 no-repeat;
}
*html #content .content-top {
	height:0;
	margin-bottom: -17px;
}
.content-bottom {
    margin: 0; 
	height: 62px; 
	width: 796px; 
	background: url(images/below.jpg) 0 0 no-repeat; 
}
#sesamelink {
	margin-left: 32px;
}
#address {
	position: absolute;
	top: 366px;
	left: 32px;
}
#address-delimiter {
	position: absolute;
	top: 462px;
	left: 15px;
	width: 222px;
	height: 7px;
	background: url(images/address_delimiter.jpg) 0 0 no-repeat;
}
#nav-column {
	position: absolute;
	top: 102px;
	left: 8px;
	width: 229px;
	height: 245px;
	background: url(images/bg_nav.jpg) 0 0 no-repeat;
}
#nav-column .inner {
	padding-top: 0px;
	margin: -9px 0 0 0;
}
#nav a {
	display: block;
	width: 229px;
	height: 27px;
	text-indent:-999em;
	overflow:hidden;	
}
#nav ul {
	position: absolute;
	left: -999px;
	padding: 0;
	margin: -27px 0 0 220px;
	border: 0px solid;
	list-style-type: none;
}

/* DROP-DOWN-NAVIGATION ----------------*/
#nav li {display: inline; z-index:100; margin:0; padding:0;}
#nav li ul {
	margin: -27px 0 0 220px; 
	padding: 0; 
	width: 168px; 
	position: absolute; 
	background: #015659; 
	left: -999em;	
	line-height: 31px; 
	font-size: 12px; 
	height: auto; 
}	
#nav li ul a {
	padding: 3px 9px;
	width: 150px; 
	color: #fff; 
	text-decoration: none; 
	height: 20px;
	font-family: georgia, garamond;
	font-size: 12px;
	line-height: 18px;
	display: block;
	text-indent:0;
}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	display:block;
	z-index:100;
}
#nav li:hover ul a:hover, #nav li.sfhover ul a:hover {
	color: #424443; 
	background: #ddaf64;
}
#main-column {
	margin-left: 236px;
	margin-top: 0;
	padding: 0;
}
.home-ie-hack{}
*html .home-ie-hack {padding-top:-10px;}

#main-column .inner {
	padding-top: 18px;
	margin: 0 18px 0 18px;
}
#patient-login {
    position: absolute; top:0px; left:635px; width:84px; height:20px; no-repeat;
}
#rust_bar_home {margin-top: -5px;}
*+html #rust_bar_home {margin-top: 0;}
*html #rust_bar_home {margin-top: 0px;}
#rust_bar {
    position: absolute; top:101px; left:238px; width:542px; height:31px;
}
#left-embell {
    position: absolute; top:100px; left:0px; width:8px; height:150px; background: url(images/left_embell.jpg) 0 0 no-repeat;
}
#right-embell {
    position: absolute; top:100px; left:788px; width:8px; height:150px; background: url(images/right_embell.jpg) 0 0 no-repeat;
}

/* SUBNAV ----------------*/
.sub_nav {padding: 30px 0 0 0; margin: 0 0 -10px 0;}
.sub_nav p {padding: 0; margin: 0;}
.sub_nav a{text-decoration: underline;}
.sub_nav a:visited {text-decoration: underline;}
.sub_nav a:hover, .sub_nav a.active {font-weight:normal; text-decoration:none;}

#footer {
	margin-top: 9px;
	font-size: 10px;
	text-align: center;	
	color: #ffffff;
}
#footer .inner {
padding: 0 0 9px;
margin: 0 18px;
}
#footer-text {
	margin: 9px 0;
	font-size: 12px;
	font-weight: bold;
	font-family: georgia, garamond;
	color: #dfaf67;
}
#footer-text a.link { 
	font-size: 12px;
	font-weight: bold;
	font-family: georgia, garamond;	
}
#footer a {
	margin: 9px 0;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	font-family: georgia, garamond;
	color: #ffffff;
	text-transform: lowercase;
}
#footer a:hover {
	color: #dfaf67;
}
#footer-nav {
	margin: 9px 0;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	color: #ffffff;
}

#anatomy-of-a-tooth {background: url(images/anatomy-of-a-tooth/anatomy-of-a-tooth-bg.gif); height: 525px; position: relative; width: 300px}
#anatomy-of-a-tooth a {cursor: help; display: block; position: absolute}
#anatomy-of-a-tooth a:hover {background: transparent}
a#bone {height: 20px; left: 30px; top: 380px; width: 40px}
a#cementum {height: 20px; left: 100px; top: 460px; width: 90px}
a#dentin {height: 20px; left: 80px; top: 165px; width: 60px}
a#enamel {height: 20px; left: 165px; top: 135px; width: 60px}
a#gingiva {height: 30px; left: 20px; top: 275px; width: 60px}
a#periodontal {height: 30px; left: 205px; top: 440px; width: 70px}
a#pulp {height: 30px; left: 125px; top: 220px; width: 50px}
a#print {cursor: pointer; height: 23px; left: 240px; top: 502px; width: 60px}
#anatomy-of-a-tooth a img {border: none; display: block; height: 0; position: absolute; width: 0}
#anatomy-of-a-tooth a:hover img {height: 98px; width: 300px}
a#bone:hover img {left: -30px; top: -380px}
a#cementum:hover img {left: -100px; top: -460px}
a#dentin:hover img {left: -80px; top: -165px}
a#enamel:hover img {left: -165px; top: -135px}
a#gingiva:hover img {left: -20px; top: -275px}
a#periodontal:hover img {left: -205px; top: -440px}
a#pulp:hover img {left: -125px; top: -220px}

/* Image Replacement*/

/* Nav */
#nav ul li:hover a, #nav a:hover, #nav .active {background-position: -229px 0}
#nav li.active a, #nav-with-sub li.active a {background-position: -229px 0;}
#home {background: url(images/n-home.gif); width: 229px; height: 27px;}
#about-our-office {background: url(images/n-about-our-office.gif); width: 229px; height: 27px}
#for-new-patients {background: url(images/n-for-new-patients.gif); width: 229px; height: 26px}
#teeth-101 {background: url(images/n-teeth-101.gif); width: 229px; height: 26px}
#improve-your-smile {background: url(images/n-improve-your-smile.gif); width: 229px; height: 26px}
#technology {background: url(images/n-technology.gif); width: 229px; height: 25px}
#special-offers {background: url(images/n-special-offers.gif); width: 229px; height: 27px}
#contact-us {background: url(images/n-contact-us.gif); width: 229px; height: 27px}

/* Other */
#patient-login {background: url(images/patient-login.gif) 0 0 no-repeat;}
#patient-login:hover  {background-position: 0 -20px;}

img.right {
clear:right;
float:right;
margin:0 0 10px 10px;}