/* default */
/* ----------------------------------------------------------------- */

body {
	background-color: #fff;
	color: #47473b;
	text-align: center;
}

a {
	color: #36960c;
	text-decoration: none;
}

a:focus, a:hover {
	color: #000;
}

em, em strong {
	font-style: italic;
}

strong, strong em {
	font-weight: bold;
}

h2, h3, h4, h5, h6 {
	font-size: 197%;
	color: #7e7e6d;
}

h4, h5, h6, p, ul, ol {
	margin-bottom: 11px;
}

ul, ol, p {
	font-size: 108%;
	line-height: 1.3;
}

h2 { margin-bottom: 5px; }
h3 { font-size: 174%; font-weight: bold; }
h4 { font-size: 146.5% }
h5 { font-size: 123.1%; }

ol, dl {
	margin-left: 1.25em;
}

ol li {
	list-style: decimal outside;
}

ul li {
	padding-left: 1.25em;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: left 0.3em;
	margin-bottom: 0.5em;
}

dl dd {
	margin-left: 1.25em;
}

/* framework */
/* ----------------------------------------------------------------- */

div#wrapper {
	width: 899px;
	text-align: left;
	margin: 0 auto;
	overflow: hidden;
}

div.container {
	width: 100%;
	overflow: hidden;
	position: relative;
	margin-bottom: 11px;
}

div.close {
	margin-bottom: 0;
}

.box {
	padding: 0;
	margin: 0 0 0 11px;
	float: left;
	list-style-type: none;
	display: inline;
}

.first {
	margin-left: 0;
}

.content {
	padding: 5px;
}

.type1 { width:  80px; }
.type2 { width: 171px; }
.type3 { width: 262px; }
.type4 { width: 353px; }
.type5 { width: 444px; }
.type6 { width: 535px; }
.type7 { width: 626px; }
.type8 { width: 717px; }
.type9 { width: 808px; }
.type0 { width: 899px; }

.type1c { width:  70px; }
.type2c { width: 161px; }
.type3c { width: 252px; }
.type4c { width: 343px; }
.type5c { width: 434px; }
.type6c { width: 525px; }
.type7c { width: 616px; }
.type8c { width: 707px; }
.type9c { width: 798px; }
.type0c { width: 889px; }

.type1third1 { width: 293px; }
.type1third { width: 292px; }

.type1third1c { width: 283px; }
.type1thirdc { width: 282px; }

/* header */
/* ----------------------------------------------------------------- */

div#header h1 {
	width: 260px;
	height: 72px;
}

div#header h1 a {
	display: block;
	text-indent: -5000px;
	overflow: hidden;
	width: 100%;
	height: 100%;
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
}

div#header {
	border-bottom: 1px solid #36960c;
	margin: 0;
}

ul.mainmenu {
	margin-bottom: 0;
}

ul.mainmenu li {
	height: 72px;
	background: none;
	padding: 0;
}

ul.mainmenu a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -5000px;
	overflow: hidden;
	background-image: url(images/s-mainmenu.gif);
}

ul.mainmenu li.services a { background-position: 0 0; }
ul.mainmenu li.staff a { background-position: -91px 0; }
ul.mainmenu li.contact a { background-position: -182px 0; }
ul.mainmenu li.ourwork a { background-position: -273px 0; }
ul.mainmenu li.whatisortho a { background-position: -364px 0; }

ul.mainmenu li.services a:focus, ul.mainmenu li.services a:hover { background-position: 0 -100px; }
ul.mainmenu li.staff a:focus, ul.mainmenu li.staff a:hover { background-position: -91px -100px; }
ul.mainmenu li.contact a:focus, ul.mainmenu li.contact a:hover { background-position: -182px -100px; }
ul.mainmenu li.ourwork a:focus, ul.mainmenu li.ourwork a:hover { background-position: -273px -100px; }
ul.mainmenu li.whatisortho a:focus, ul.mainmenu li.whatisortho a:hover { background-position: -364px -100px; }

ul.mainmenu li.services a.active { background-position: 0 -200px; }
ul.mainmenu li.staff a.active { background-position: -91px -200px; }
ul.mainmenu li.contact a.active { background-position: -182px -200px; }
ul.mainmenu li.ourwork a.active { background-position: -273px -200px; }
ul.mainmenu li.whatisortho a.active { background-position: -364px -200px; }

/* footer */
/* ----------------------------------------------------------------- */

div#footer {
	border-top: 1px solid #36960c;
	border-bottom: 1px solid #36960c;
	line-height: 1.8;
	overflow: hidden;
	width: 100%;
}

div#footer div.info {
	font-size: 85%;
}

div#footer div.section {
	display: inline;
	margin-right: 11px;
}

div#footer div.tel {
	font-weight: bold;
}

div#footer div.notice {
	font-size: 93%;
	font-family: georgia, serif;
	font-style: italic;
	text-align: right;
}

div#footer div.content {
	padding-top: 0;
	padding-bottom: 0;
}

/* body */
/* ----------------------------------------------------------------- */

div#body {
	overflow: hidden;
	width: 100%;
}

#wrapper .nobg {
	background-color: #fff;
	margin-bottom: 0;
	padding-bottom: 11px;
}

.bg334 {
	background-image: url(images/bg-334.gif);
	background-repeat: repeat-y;
}

.bg424 {
	background-image: url(images/bg-424.gif);
	background-repeat: repeat-y;
}

.bg46 {
	background-image: url(images/bg-46.gif);
	background-repeat: repeat-y;
}

.bg55 {
	background-image: url(images/bg-55.gif);
	background-repeat: repeat-y;
}

.bg64 {
	background-image: url(images/bg-64.gif);
	background-repeat: repeat-y;
}

.bg442w {
	background-image: url(images/bg-442w.gif);
	background-repeat: repeat-y;
}

.bgthirds {
	background-image: url(images/bg-thirds.gif);
	background-repeat: repeat-y;
}

.contentbox {
	border-top: 11px solid #47473b;
	background-color: #f3f3ea;
}

.box img {
	float: left;
	margin: 0 11px 11px 0;
}

.imgcontent img {
	margin: 5px 0 0 5px;
}

img.stock {
	display: block;
	margin: 0;
}

img.map {
	display: block;
	margin: 0;
	border-width: 0 3px 3px 3px;
	border-style: solid;
	border-color: #47473b;
}

.inline {
}

.inline img {
	float: right;
	margin: 5px 0 5px 5px;
	border: 3px solid #fff;
	display: block;
	clear: right;
}

.leader img {
	float: left;
	margin: 5px 5px 5px 0;
}

.apart {
	position: absolute;
	bottom: 0;
	right: 0;
}

* html .apart {
	margin-right: -1px;
	/* box disappears in IE without a filter set? wtf? */
	filter: ();
}

.info {
	padding: 5px;
	font-size: 93%;
	color: #616150;
}

.info .important {
	font-weight: bold;
	font-size: 123.1%;
}

ul.big li {
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 123.1%;
}

.box h2.replaced a {
	display: block;
	background-image: url(images/s-headers.gif);
	background-repeat: no-repeat;
	text-indent: -5000px;
	overflow: hidden;
	height: 26px;
	margin-top: 5px;
}

.adults h2.replaced a      { background-position: 0 0; }
.children h2.replaced a    { background-position: 0 -50px; }
.invisalign h2.replaced a  { background-position: 0 -100px; }
.staff h2.replaced a       { background-position: 0 -150px; }
.teens h2.replaced a       { background-position: 0 -200px; }
.ourwork h2.replaced a     { background-position: 0 -250px; }
.whatisortho h2.replaced a { background-position: 0 -300px; }
.contact h2.replaced a     { background-position: 0 -350px; }
.services h2.replaced a    { background-position: 0 -400px; }

.front .invisalign {
	background-image: url(images/bg-invisalign.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
	padding-bottom: 130px;
}

.mission h3 {
	font-weight: normal;
}

.small {
	font-size: 11px;
}

.spoiler {
	visibility: hidden;
}

.address {
	position: relative;
}

.newaddress {
	position: absolute;
	width: 261px;
	height: 125px;
	right: 0;
	bottom: 0;
	color: #aa4d4d;
	text-indent: -5000px;
	overflow: hidden;
	background-image: url(images/moving.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

/* grid debug */
/* ----------------------------------------------------------------- */

div.grid {
	background-image: url(images/grid.gif);
	background-repeat: repeat-y;
}

div.grid div.container {
	opacity: 0.9;
	filter: alpha(opacity=90);
	background: white;
}

div.grid .box {
	opacity: 0.9;
	filter: alpha(opacity=90);
	background: orange;
}

/* ----------------------------------------------------------------- */