*{
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	padding: 0;
	font-family: Tahoma, Geneva, Verdana;
	color: #000;
	background: #7d1f1d;
}
/*-----------------------------------------
Typography Everything set to 18px baseline
|grid. use increments of 18px for images, 
logos etc to maintain this grid
-----------------------------------------*/

/*---------- LINKS ----------------------*/
a {
	text-decoration: underline;
	color: #7d1f1d;
}
a:link {
}
a:visited {
}
a:active {
}
a:hover {
	text-decoration: none;
}
/* displays icons next to PDF and WORD docs */
a[href$='.doc'], a[href$='.rtf'] {
	padding: 5px 20px 5px 0;
	background: transparent url(images/icon_doc.gif) no-repeat center right;
}
a[href$='.pdf'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(images/icon_pdf.gif) no-repeat center right;
}
/*-----------------------------------------------------------------------*/
a#sesame-link {color: #fddc92; text-decoration: none;}
#logo-home a {
	display: block;
	width: 511px;
	height: 388px;
}
#logo-sub a {
	display: block;
	width: 249px;
	height: 201px
}
p.upgrade-flash a {color: #383365;}
#subnav a.active {font-weight: bold;}
#footer a {
	color: #000;
	text-decoration: none;
}
#footer a:hover {text-decoration: underline;}
/*------------------------*/

h1 {
	font-size: 24px;
	line-height: 36px;
	font-weight: normal;
	margin: 18px 0 18px 0;
}
h1#logo-home {
	margin: 0;
	padding: 0;
	line-height: 0;
}
h1#logo-sub {
	margin: 0;
	padding: 0;
	line-height: 0;
	width: 249px;
	position: absolute;
	right: 0;
}
h2 {
	font-size: 22px;
	font-weight: normal;
	line-height: 18px;
	margin: 7px 0 7px;
}
h2.replace {
	height: 36px;
	margin: 0;
	line-height: 0;
}
h3 {
	font-size: 16px;
	line-height: 18px;
	margin: 7px 0;
	font-weight: normal;
	color: #551b38;

}
h4 {
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 14px;
	font-weight: normal;
}
h5 {
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	margin-bottom: 14px;
}
#footer h5 {color: #551b38;}
h6 {
	font-size: 10px;
	line-height: 14px;
	margin-bottom: 14px;
	font-weight: bold;
}
img {
	border: 0;
	display: block;
}
ol, ul, dl {
	list-style: none;
	margin: 9px 0;
}
ul.bullet {
	list-style: square outside;
	margin-left: 14px;
}
ul.bullet li {margin-left: 14px;}
ul.bullet ul {
	list-style: square outside;
	margin-left: 14px;
}
li, dd, dt {
	font-size: 11px;
	line-height: 14px;
}
dl#subnav {margin: 0;}
dl#subnav dt {line-height: 14px; margin: 0;}
dl#subnav dd {}
dl#subnav dd ul {margin: 0 25px 0 0;}
dl#subnav dd ul li {display: inline; padding-left: 14px; margin: 0; background: url(images/link-separator.jpg) 0 50% no-repeat; white-space: nowrap;}
dl#subnav dd ul li.first {padding-left: 0; background-image: none;}

#footer ul {margin: 9px 2px;}
#footer li {display: inline; font-size: 10px; padding-left: 14px; margin: 0; background: url(images/link-separator-blk.jpg) 0 50% no-repeat; white-space: nowrap;}
#footer li.first {padding-left: 0; background-image: none;}

blockquote {
	margin-left: 30px;
	margin-top: 19px;
	margin-bottom: 10px
}
p {
	font-size: 11px;
	line-height: 13px;
	margin: 0 0 9px;
}
#flash-home p.upgrade-flash {
	z-index: 100;
	position: absolute;
	top: 300px;
	margin: 20px 34px 20px 20px;
	padding: 10px;
	color: #383365;
}

#address p {padding: 18px 14px 0; margin: 0 0 14px; color: #ffffff;}
#content.home p {margin-bottom: 0;}
p.top-link, .skip-link {font-weight: bold;}
li > p {
	margin-bottom: 14px;
}
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;
}
em {color: #383365}
sup, sub {
	font-size: 85%;
}
.callout {color: #7d1f1d;}
/*----------------------------- 
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;
	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: 511px;
	height: 388px;
}
p.upgrade-flash {
margin: 18px; 
background: #ffffff; 
padding: 9px; 
color: #7d1f1d; 
font-size: 12px;}
/* End Flash */

/*--------------------------------- 
Layout
---------------------------------*/
img {
	display: block;
	border: 0;
}
.float-left {/* Left Floated Images */
	float: left;
	margin: 0 14px 14px 0;
	text-align: left;
}
.float-right {/* Right Floated Images */
	float: right;
	margin: 0 0 18px 9px;
	clear: right;
}
#banner-stock {
	float: left;
	margin: 0;
	
}
#container {
	width: 766px;
	position: absolute;
	top: 0;
	left: 50%;
	margin: 35px 0 35px -353px;
	border: 14px solid #ffffff;
	border-width: 14px 0 0;
	background: #ffffff url(images/content-bg.gif) 0 0 repeat-y;
}
#utility {
	width: 766px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -353px;
}
#utility ul {
	width: 280px;
	margin: 0 0 0 486px;
}
#utility ul li {
	width: 140px;
	float: left;
	margin: 0;
} 
#utility ul li a {
	height: 35px;
	display: block;
}
#left-column {
	width: 212px;
	position: absolute;
	left: 14px;
	background: #c1c1c1;
}
#nav {
	height: 187px;
	background: #383365;
	border-bottom: 14px solid #ffffff;
}
#nav ul {
	margin: 0;

}
#nav ul li {
	display: inline;
 	}
#nav ul li a {
	display: block;
	height: 20px;
	width: 212px;
}
#nav ul ul {
	position: absolute;
	left: -999em;
	padding: 0;
	margin: -20px 0 0 200px;
	background: #551b38;
	border: 1px solid #ffffff;
}
#nav ul li li a {
	width: 210px;
	display: block;
	font-size: 12px;
	line-height: 18px;
	color: #ffffff;
	font-weight: normal;
	padding: 3px 9px;
	text-decoration: none;
}
#nav ul ul li a:hover {
	background: #383365;
	color: #ffffff;
}
#nav ul li:hover ul, #nav ul li.sfhover ul {
	left: 0;
	display: block;
}
#nav.replace ul ul * {
	letter-spacing: normal;
	line-height: 18px;
	overflow: visible;
	text-indent: 0;
}

#address {
	height: 187px;
	background: #551b38;
	border-bottom: 14px solid #ffffff;
}
	
#right-column {
	margin: 0 14px 0 240px;
	
}
#banner {
	min-height: 201px;
	_height: 201px;
}
#content {
	_height: 187px;
	min-height: 187px;
}
#content.home {
	position: relative;
	margin-left: -226px;
	width: 738px;
	_height: 0;
	background: #ffffff;
}
#footer {
	padding: 63px 14px 14px;
	margin: 0;
	background: #ffffff url(images/footer-top.gif) 0 0 no-repeat;
	text-align: center;
}

/*------------------------------------------------
-------------Image Replacement------------------*/
#logo-sub {background: url(images/logo-sub.gif) 0 0 no-repeat;}
/* Utility */
#l-pt-login, #l-dr-login {background: url(images/utility.gif) 0 0;}
#l-pt-login {background-position: 0 0;}
#l-dr-login {background-position: 140px 0;}
#l-pt-login:hover {background-position: 0 -35px;}
#l-dr-login:hover {background-position: 140px -35px;}

/* Nav */
#l-home, #l-about-our-office, #l-about-orthodontics, #l-braces-101, #l-emergency-care, 
#l-the-game-room,#l-invisalign, #l-contact-us, #l-suresmile {background: url(images/nav.gif) 0 0;}
#l-home {background-position: 0 0;}
#l-home:hover, #l-home.active {background-position: -212px 0;}
#l-about-our-office {background-position: 0 -20px;}
#l-about-our-office:hover, #l-about-our-office.active {background-position: -212px -20px;}
#l-about-orthodontics {background-position: 0 -40px;}
#l-about-orthodontics:hover, #l-about-orthodontics.active {background-position: -212px -40px;}
#l-braces-101 {background-position: 0 -60px;}
#l-braces-101:hover, #l-braces-101.active {background-position: -212px -60px;}
#l-emergency-care {background-position: 0 -80px;}
#l-emergency-care:hover, #l-emergency-care.active {background-position: -212px -80px;}
#l-the-game-room {background-position: 0 -100px;}
#l-the-game-room:hover, #l-the-game-room.active {background-position: -212px -100px;}
#l-invisalign {background-position: 0 -120px;}
#l-invisalign:hover, #l-invisalign.active {background-position: -212px -120px;}
#l-suresmile {background-position: 0 -140px;}
#l-suresmile:hover, #l-suresmile.active {background-position: -212px -140px;}
#l-contact-us {background-position: 0 -160px;}
#l-contact-us:hover, #l-contact-us.active {background-position: -212px -160px;}


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

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

ul#sesame-games p {
padding-bottom: 14px;}

p.small {
  font-size: 10px;
}
.img-right {
  margin: 0 0 20px 20px;
  float: right;
  clear: right;
}
.border {
  border: solid 1px #333; /* Customize me! */
  /* Add more nifty stuff in here if you like */
}
.clear {
  clear: both;
}
#video-suresmile {
  width: 320px;
  height: 206px;
}
.video {
  display: block;
}
p.flash_notice {
  margin: 18px;
  padding: 9px;
  color: #ff0000;
  border: 1px dotted #ff0000;
  background: #ffffff;
  text-align: center;
}