*{
	margin: 0;
	padding: 0;
}

body {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	padding: 0;
	font-family: arial,tahoma,verdana;
	background-image: url(../images/background.jpg);
	background-color: #412214;
	background-repeat: repeat-x;
}

a {
	text-decoration: underline;
	font-size: 12px;
	color: #6d1109;
}

a:link { color: #6d1109;
}


a:active {
}

a:hover {
	color: #588327;
}

a.sesame {
    color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

a.sesame:hover {

	color: #be974a;

}

a.footer {

    color: #b69047;

	font-size: 11px;

	text-decoration: none;

}

a.footer:hover {

	color: #ffffff;

}

h1 {

	font-size: 18px;

	line-height: 34px;

	font-weight: bold;

	color: #588327;

	margin: 9px 0 9px 0;

}

h2 {

	font-size: 14px;

	font-weight: bold;

	line-height: 18px;

	margin: 9px 0 9px;

	color: #000000;

}

}

h2.form {

	font-size: 14px;

	font-weight: bold;

	line-height: 18px;

	height: 34px;

	margin: 9px 0 9px;

	color: #000000;

}



h3 {

	font-size: 13px;

	color: #000000;

	line-height: 18px;

	margin-bottom: 18px;

	font-weight: bold;

}

h4 {

	font-size: 14px;

	color: #010101;

	line-height: 18px;

	margin-bottom: 18px;

	font-weight: bold;

}


ol, ul, dl {

	list-style: none;

	font-size: 12px;
	
	color: #010101;

	line-height: 18px;

	margin: 12px 0;

}

ul.bullet {

	list-style: outside;

	font-size: 12px;

	line-height: 18px;

	margin-left: 18px;

	list-style-type: disc;

}

ul.bullet1 {

	list-style: outside;

	font-size: 12px;

	line-height: 18px;
	
	margin-top: 0;
	
	margin-bottom: 0;

	margin-left: 18px;

	list-style-type: disc;

}

ol.list {

	list-style: outside;

	font-size: 12px;

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

ul#navigation {height: 28px; list-style: none; margin: 0 auto; padding: 0; width: 800px; z-index: 134}
ul#navigation li {float: left}

blockquote {

	font-size: 12px;

	margin-left: 30px;

	margin-top: 18px;

	margin-bottom: 18px;

}

p {

	font-size: 12px;

	line-height: 18px;

	margin: 0 0 18px;
	
	color: #010101;

}

p.footer {

	font-size: 12px;

	line-height: 16px;

	margin: 0 0 18px;

    color: #9d8b79;
	
	text-align:center;

}

p.footerbold {

	font-weight: bold;

    color: #be974a;

	font-size: 11px;

	line-height: 18px;

	margin: 0 0 18px;

}

p.address {

	font-weight: normal;

    color: #ffffff;

	font-size: 11px;

	line-height: 18px;

	margin: 0 0 0 0;

}

a.address:link { color: #ffffff; text-decoration: none; font-size: 11px;}
a.address:visited { color: #ffffff; text-decoration: none; font-size: 11px;}
a.address:hover { color: #ffffff; text-decoration: underline; font-size: 11px;}
a.address:active { color: #ffffff; text-decoration: none; font-size: 11px; }



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;

}

td {

	font-size: 12px;

	line-height: 18px;
	
	color: #000000;

	margin: 0;

}



/* 

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

}

img.center {
margin:0 auto;
}
.center {
text-align:center;
}
.left {
float:left;
margin:0 10px 10px 0;}
img.right {
float:right;
margin:0 0 10px 10px;}
.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*/

.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 {
    position: absolute; 
	top:225px; 
	left:8px;
	width: 324px;
	height: 243px;
	text-align: left;
	margin: 0;
	padding: 0;
	z-index: 12;
}

#flash-palatal-expander {
	z-index:2;
}

p.upgrade-flash {margin: 18px 18px; background: #fbf1c0; padding: 9px; color: #8e2800; font-size: 12px;}

/* End Flash */



/* 

|	Layout	|

*/


img {

	border: 0;

	display: block;

}

.static {border: 0; margin: 0; padding: 0;}

.noborder {border: 0;}

.float-left {/* Left Floated Images */

	float: left;

	margin: 0 9px 9px 0;

	border: 0px;

}

.float-right {/* Right Floated Images */

	float: right;

	margin: 4px -12px 9px 9px;

	clear: right;

	border: 0px;

}


#container {

	width: 800px;

	position: absolute;

	top: 0;

	left: 50%;

	margin-left: -400px;	
	
	margin-bottom: 0;

	padding: 0;
	
}

#header {

	margin: 0;
	
	width: 800px;

	height: 154px;

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

}

#content {
}

.content-top {

    margin: 0; 

	height: 56px; 

	padding: 0;
	
	z-index: 30;

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

}

.content-bottom {

    margin: 0; 

	height: 31px; 

	width: 802px; 

	background: url(../images/content-bottom-bg.gif) 0 0 no-repeat; 

}

#nav {

	margin-left: 20px;	

	margin-right: -13px;	
	
	margin-bottom: 0;

	padding-top: 18px;
	
}


#main-column-home {

	margin-left: 0px;

	margin-top: 0;

	margin-bottom: 0;

	padding: 0;

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

}

#main-column-home .inner {

	padding: 253px 0 0 0;

	margin: 0 30px -20px 369px;
	
	min-height: 270px;
}

* html #main-column-home .inner  {height: 270px}

#main-column {

	margin-left: 0px;

	margin-top: 0;

	margin-bottom: 0;

	padding: 0;

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

}

#main-column .inner {

	padding: 2px 0 24px 0;

	margin: 0 30px -20px 260px;
	
	min-height: 468px;
}

* html #main-column .inner  {height: 468px}


.sidebar {background: #cdbfb2; font-size: .92em; padding: 10px 0 0 10px; width: 184px;}

#photo {
	position: absolute;
	width: 225px;
	height: 486px;
	top: 209px;
	left: 13px;
	z-index: 11;
}

#logo {
	position: absolute;
	width: 378px;
	height: 113px;
	top: 16px;
	left: 15px;
	z-index: 120;
}

#login-patient {
	position: absolute;
	width: 114px;
	height: 28px;
	top: 35px;
	left: 545px;
	z-index: 130;
	display: block;
}

#login-doctor {
	position: absolute;
	width: 114px;
	height: 28px;
	top: 35px;
	left: 667px;
	z-index: 130;
	display: block;
}

#patient-login {
	overflow: hidden;
	display: block;
	text-indent: -999px;
	background: url(../images/patient-login.gif) no-repeat;
}

#doctor-login {
	overflow: hidden;
	display: block;
	text-indent: -999px;
	background: url(../images/doctor-login.gif) no-repeat;
}


/* Nav */

#navigation a {display: block; height: 38px; text-indent: -999em}
#n-new-patients {background: url(../images/new-patients.gif); width: 122px}
#n-meet-the-doctor {background: url(../images/meet-the-doctor.gif); width: 139px}
#n-about-orthodontics {background: url(../images/about-orthodontics.gif); width: 169px}
#n-braces-101 {background: url(../images/braces-101.gif); width: 100px}
#n-links {background: url(../images/links.gif); width: 63px}
#n-contact-us {background: url(../images/contact-us.gif); width: 106px}
#n-home {background: url(../images/home.gif); width: 58px}
#navigation a:hover, #navigation .active, 
#navigation li:hover #new-patients, #navigation li.sfhover #new-patients, 
#navigation li:hover #meet-the-doctor, #navigation li.sfhover #meet-the-doctor, 
#navigation li:hover #about-orthodontics, #navigation li.sfhover #about-orthodontics, 
#navigation li:hover #braces-101, #navigation li.sfhover #braces-101, 
#navigation li:hover #links, #navigation li.sfhover #links, 
#navigation li:hover #contact-us, #navigation li.sfhover #contact-us, 
#navigation li:hover #home, #navigation li.sfhover #home {background-position: 0 -38px}

#navigation ul {list-style: none; margin: 0; padding: 0; border: 0px solid; border-color: #fffef1;}
#navigation li {display: inline}
#navigation li ul {background: #59763b; font-size: 11px; font-weight: normal; left: -999em; padding: 0 0; position: absolute; z-index: 35}
#navigation li:hover ul, #navigation li.sfhover ul {left: auto; margin: 0}
#navigation ul li {float: none}
#navigation ul li a {color: #fffef1; display: block; height: 25px; line-height: 25px; margin: 0; padding: 0 10px; text-align: left;  text-indent: 0; text-decoration: none; width: 160px}
#navigation ul li a:hover {background: #412214; color: #fffef1}


/* Other */

#patient-login {background-position: 0 0; height: 28px;}
#patient-login:hover {background-position: 0 -28px;}
#doctor-login {background-position: 0 0; height: 28px;}
#doctor-login:hover {background-position: 0 -28px;}