@font-face {
 font-family: Futura_Book_BT;
 src: url("/includes/Futura_Book_BT.eot") /* EOT file for IE */
}
@font-face {
 font-family: Futura_Book_BT;
 src: url("/includes/Futura_Book_BT.TTF") /* TTF file for CSS3 browsers */
}

	
body {
	background:url("../images/bg.jpg") 0 0 repeat-x #011321;
}

#container {
	margin:0 auto;
	width:944px;
	background:url("../images/container-bg.png") 0 0 repeat-y;
}

#container-inner {
	width:920px;
	margin:0 0 0 12px;
	background:url("../images/footer-top.jpg") 0 bottom no-repeat;
}


/* HEADER */

#header {
	background:url("../images/header-bg.jpg") 0 0 no-repeat;
}

#header div.top {
	position:relative;
	height:172px;
}

#header address {
	background:url("../images/homepage-sprite.jpg") 0 -538px no-repeat;
	text-indent:-9000px;
	width:364px;
	height:71px;
	display:block;
	position:absolute;
	top:47px;
	left:537px;
}
.buttons { position:relative}
#phone-callout {
	font-family: Futura_Book_BT , verdana, helvetica, sans-serif; color:#ffefcb; font-size:18px;text-shadow: 2px 2px 4px #005e72; position:absolute; top:13px; left:80px;
}
#phone-top {
	font-family: Futura_Book_BT , verdana, helvetica, sans-serif; color:#005e72; font-size:22px;text-shadow: 2px 2px 4px #ffffbe; position:absolute; top:48px; left:573px; z-index:999
}
#fax-top {
	font-family: Futura_Book_BT , verdana, helvetica, sans-serif; color:#005e72; font-size:22px;text-shadow: 2px 2px 4px #ffffbe; position:absolute; top:48px; left:760px; z-index:999
}
#logo {
	display:block;
	position:absolute;
	width:360px;
	height:122px;
	top:26px;
	left:40px;
	background:url("../images/homepage-sprite.jpg") 0 -416px no-repeat;
	text-indent:-9000px;
}

#menu-top {
	width:468px;
	float:right;
}

#menu-top li {
	text-indent:-9000px;
	float:left;
	margin:0 37px 0 0;
}

#menu-top li.last, #menu-bottom li.last {
	margin-right:0 !important;
}

#menu-top li a {
	display:block;
	height:24px;
}

#menu-top li.doctor-login a { background:url("../images/menu-top.jpg") 0 0 no-repeat; width:106px; }
#menu-top li.patient-login a { background:url("../images/menu-top.jpg") -144px 0 no-repeat; width:100px; }
#menu-top li.home a { background:url("../images/menu-top.jpg") -280px 0 no-repeat; width:46px; }
#menu-top li.contact-us a { background:url("../images/menu-top.jpg") -360px 0 no-repeat; width:85px; }

#menu-top li.doctor-login a.current-page { background:url("../images/menu-top.jpg") 0 -29px no-repeat; width:106px; }
#menu-top li.patient-login a.current-page { background:url("../images/menu-top.jpg") -144px -29px no-repeat; width:100px; }
#menu-top li.home a.current-page { background:url("../images/menu-top.jpg") -280px -29px no-repeat; width:46px; }
#menu-top li.contact-us a.current-page { background:url("../images/menu-top.jpg") -360px -29px no-repeat; width:85px; }



#menu-bottom {
	padding-left:22px;
	display:block;
	height:32px;
	background:#DF7900;
	margin:13px 0 0 0;	
}

#menu-bottom ul.subnav {
	display:none;
	background:#EFC575;
	border:1px solid #DF7900;
	width:210px;
	position:absolute;
	top:32px;
	left:0px;
	z-index:9999;
}

#menu-bottom li.mb-main {
	float:left;
	margin:0 37px 0 0;
	position:relative;
	z-index:999;
}

#menu-bottom li.mb-main a.mb-top {
	display:block;
	text-indent:-9999px;
	height:32px;
}

#menu-bottom li.mb-main:hover ul.subnav, #menu-bottom li.mb-main.sfhover ul.subnav {
	display:block;
}

#menu-bottom ul.subnav li a {
	display:block;
	margin:3px;
	padding:3px;
	color:#005E72;
}

#menu-bottom ul.subnav li a:hover {	
	background:#FFEFCB;

}

#menu-bottom li a.about-our-office { background:url("../images/menu-bottom.jpg") 0 10px no-repeat; width:106px; }
#menu-bottom li a.for-new-patients { background:url("../images/menu-bottom.jpg") -109px 10px no-repeat; width:103px; }
#menu-bottom li a.about-orthodontics { background:url("../images/menu-bottom.jpg") -216px 10px no-repeat; width:119px; }
#menu-bottom li a.faqs { background:url("../images/menu-bottom.jpg") -338px 10px no-repeat; width:33px; }
#menu-bottom li a.about-braces { background:url("../images/menu-bottom.jpg") -374px 10px no-repeat; width:81px; }
#menu-bottom li a.treatment-options { background:url("../images/menu-bottom.jpg") -457px 10px no-repeat; width:111px; }
#menu-bottom li a.emergency-care { background:url("../images/menu-bottom.jpg") -570px 10px no-repeat; width:101px; }

#menu-bottom li.current-page a.about-our-office, #menu-bottom li a.about-our-office:hover { background:url("../images/menu-bottom.jpg") 0 -20px no-repeat; width:106px; }
#menu-bottom li.current-page a.for-new-patients, #menu-bottom li a.for-new-patients:hover { background:url("../images/menu-bottom.jpg") -109px -20px no-repeat; width:103px; }
#menu-bottom li.current-page a.about-orthodontics, #menu-bottom li a.about-orthodontics:hover { background:url("../images/menu-bottom.jpg") -216px -20px no-repeat; width:119px; }
#menu-bottom li.current-page a.faqs, #menu-bottom li a.faqs:hover { background:url("../images/menu-bottom.jpg") -338px -20px no-repeat; width:33px; }
#menu-bottom li.current-page a.about-braces, #menu-bottom li a.about-braces:hover { background:url("../images/menu-bottom.jpg") -374px -20px no-repeat; width:81px; }
#menu-bottom li.current-page a.treatment-options, #menu-bottom li a.treatment-options:hover { background:url("../images/menu-bottom.jpg") -457px -20px no-repeat; width:111px; }
#menu-bottom li.current-page a.emergency-care, #menu-bottom li a.emergency-care:hover { background:url("../images/menu-bottom.jpg") -570px -20px no-repeat; width:101px; }


/* FOOTER */

#footer {
	margin:0 auto;
	width:944px;
	height:125px;
	background:url("../images/footer-bg.png") 0 0 no-repeat;
}


#footer-inner {
	width:920px;
	margin:0 0 0 12px;
}

#footer p {
	color:#FFEFCB;
	line-height:160%;
	font-size:0.9em;
	margin:0 0 0 30px;
}

#footer p a {
	color:#FFEFCB;
	text-decoration:underline;
}

#footer p.column-left {
	padding:25px 0 0 0;
	width:486px;
	float:left;
}

#footer p.column-right {
	padding:6px 0 0 0;
	width:340px;
	float:left;
	text-align:right;
}

#footer p.column-right a.small {
	font-size:0.8em;
}