/* Import font-face stylesheet */
@import url('fonts.css');

/* CSS Document */
* {
	margin: 0px;
	padding: 0px;
}
html, body, #container {
	height: 100%;
}
body > #container {
	height: auto;
	min-height: 100%;
}
body {
	background-image: url(../images/page-bg.png);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #f7fafb;
	line-height: 1.5em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #1d1201;
}
/* LAYOUT */
#container {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#header {
	padding-top: 15px;
	height: 211px;
	font-family: 'Times.dfont';
	font-weight:lighter;
}
#logo a {
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 170px;
	width: 760px;
	text-indent: -9999px;
	display: block;
	position: absolute;
	left: -13px;
	visibility: visible;
}
#address {
	position: absolute;
	width: 180px;
	left: 25px;
	top: 600px;
	color: #f1e8d2;
	font-size: 18px;
	line-height: normal;
	text-align: center;
}
#main {
	padding-bottom: 400px;/* must be same height as the footer */
	background-image: url(../images/container-bg.png);
	background-repeat: repeat-y;
	background-position: center top;
	padding-right: 16px;
	padding-left: 16px;
	min-height:1000px;
	height:auto !important;
	height:1000px;
}
#content {
	background-color: #f7fafb;
	width: 671px;
	float: right;
	padding: 20px;
}
#sidebar {
	z-index:10;
}
#associations {
	position: absolute;
	left: 25px;
	top: 720px;
	width: 180px;
}
#topnav {
	position: absolute;
	top: 15px;
	right: 20px;
	color: #f1e8d2;
	font-weight: bold;
}
#topnav a {
	color: #f1e8d2;
}
#topnav a:hover {
	color: #E0CD9D;
}
#footer {
	position: relative;
	margin-top: -400px; /* negative value of footer height */
	height: 400px;
	clear:both;
	background-image: url(../images/footer-bg.png);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #74644e;
}
#footer .wrap {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#footer .wrap .col1, #footer .wrap .col3 {
	float: left;
	width: 220px;
	color: #FCF9F3;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#footer .wrap .col2 {
	float: left;
	width: 290px;
	color: #FCF9F3;
	padding-top: 40px;
	padding-right: 100px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#footer .col1 li {
	background-image: url(../images/bullet_col.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	padding-left: 15px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#footer h5 {
	font-size: 14px;
}
#footer a {
	color: #f1e8d2;
}
#footer a:hover {
	color: #E0CD9D;
}
#smallcontact input, #smallcontact textarea {
	background-color: #bbaa91;
	color: #6d5d44;
	border: 1px solid #6d5d44;
	padding: 5px;
	margin-bottom: 10px;
	clear: both;
	display: block;
	width: 190px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#smallcontact textarea {
	height: 100px;
}
#smallcontact .submit {
	clear:both;
	width:106px;
	height:16px;
	text-align:center;
	line-height:0px;
	color:#6d5d44;
	font-size:11px;
	font-weight:bold;
	background-color: #bbaa91;
	background-image: url(../images/btn_submit-sm.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-transform: uppercase;
	cursor: pointer;
}
#freeconsult {
	background-image: url(../images/btn_consultation.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 70px;
	width: 640px;
	display: block;
	text-indent: -9999px;
}
/* TYPOGRAPHY */
h1, h2, h3, h4, h5, h6 {
	line-height: normal;
}
#content h1.homehdr {
	width: 420px;
	float:left;
	font-size: 24px;
}
#content h1 {
			font-family: 'Times.dfont';
			font-weight:lighter;
			color:#3b3225}
#content h2, #content h2 a:link {
	color:#025063;
	font-family: 'Times.dfont';
}
#content blockquote h3 {
	color:#484136;
}
.shorthdr {	width: 380px;}
p {
	margin-bottom: 1em;
}
ul, ol {
	list-style: none;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
#content ul {
	padding-left: 2em;
	list-style-type: disc;
}
#content ul li {
	padding-bottom: 1em;
}
#content ol {
	padding-left: 2em;
	list-style-type: decimal;
}
#content ol li {
	padding-bottom: 1em;
}
small {
	font-size: 11px;
}
code {
	background: #FFFFC1;
}
a {
	color: #3d80b1;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #0D7872;
}
a img {
	border: none;
}
blockquote {
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 40px;
}
blockquote p {
	padding: 5px 0 20px;
}
/* NAVIGATION */
.office, .patients, .beforeafter, .invisalign, .orthodontics, .painter, .braces, .treatment, .emergency {
	width:197px;
	text-indent: -9999px;
	line-height: 36px;
	display: block;
}
.office {
	background-image: url(../images/nav/office.jpg);
}
.patients {
	background-image: url(../images/nav/patients.jpg);
}
.beforeafter {
	background-image: url(../images/nav/beforeafter.jpg);
}
.invisalign {
	background-image: url(../images/nav/invisalign.jpg);
}
.orthodontics {
	background-image: url(../images/nav/orthodontics.jpg);
}
.braces {
	background-image: url(../images/nav/braces.jpg);
}
.painter {
	background-image: url(../images/nav/painter.jpg);
}
.treatment {
	background-image: url(../images/nav/treatment.jpg);
}
.emergency {
	background-image: url(../images/nav/emergency.jpg);
}
/* Shift the image position up to show the active state */
#nav a:hover, #nav .active, #nav li:hover, #nav li.sfhover, #nav li:hover .office, #nav li.sfhover .office, .active .office, #nav li:hover .patients, #nav li.sfhover .patients, .active .patients, #nav li:hover .beforeafter, #nav li.sfhover .beforeafter, .active .beforeafter, #nav li:hover .invisalign, #nav li.sfhover .invisalign, .active .invisalign, #nav li:hover .orthodontics, #nav li.sfhover .orthodontics, .active .orthodontics, #nav li:hover .faqs, #nav li.sfhover .faqs, .active .faqs, #nav li:hover .braces, #nav li.sfhover .braces, .active .braces, #nav li:hover .treatment, #nav li.sfhover .treatment, .active .treatment, #nav li:hover .emergency, #nav li.sfhover .emergency, .active .emergency {
	background-position:-197px;
}

/*SUBNAV*/
#subnav {clear:both;}
#subnav a.active {color:#362e23;cursor: default;}

/* CLASSES */
.hr {
	border-top: 2px solid #0C7C76;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	clear: both;
}
.right {
	float:right;
}
.left {
	float:left;
}
.imgleft {
	float:left;
	margin:0 10px 10px 0;
}
.imgright {
	float:right;
	margin:5px 0 10px 10px;
}
.hide {
	display:none;
}
.block {
	display:block;
}
.center {
	text-align:center;
}
.clear {
	clear:both;
}
.bordernone {
	border:none;
}
.homeuppercase {
	font-family: 'Humnst777BTRoman';
	text-transform: uppercase;
	width: 380px;
}
.column {
	float: left;
	width: 40%;
	padding-right: 10px;
	padding-left: 10px;
}
.flash-replaced .alt {/*JQUERY STYLE - sets size of container to 0 to hide alternative content*/
	display: block;
	height: 0px;
	position: absolute;
	overflow: hidden;
	width: 0px;
}
#innersidebar {
	float: right;
	width: 300px;
	margin-left: 10px;
	padding-left: 10px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #CCBA7A;
}

/* Alert Box */
#alert {
	display: none;
	background-color: #fff;
	width: 420px;
	color: #333;
	text-align: left;
	font-size: 11px;
	letter-spacing: normal;
	font-weight: bold;
	padding: 15px 15px 0 15px;
	border: solid 2px #a52003;
	position: absolute;
	z-index: 5000;
	top: 10px;
	left: 10px;
}
#alert ul {
	margin: 0 0 15px 25px;
}
#alert p {
	margin: 0 0 15px 0;
	line-height: 14px;
	padding: 0;
}
a.upgrade {
	float: left;
	margin: 0 10px 0 0;
}
span#red {
	color: #a52003;
}
.back-to-top {
	background: url(../images/ico_top-link.png) no-repeat left center;
	padding-left: 20px;
	display: block;
	clear: both;
	position: absolute;
	left: 780px;
	bottom: 400px;
	width: 170px;
}

/* jQuery Slideshow */
.slideshow {
	list-style: none;
	overflow: hidden;
	width: 251px;
	height: 171px;
	float:right;
	margin: 0px;
}
#content .slideshow {
	margin-right: -18px;
	padding-left: 15px;
}
#content .slideshow li {
	list-style-type: none;
}

.homeslideshow {
	list-style: none;
	overflow: hidden;
	width: 710px;
	height: 400px;
	margin: 0px;
}
#content .homeslideshow {
	margin-top: -20px;
	margin-left: -19px;
	padding-left: 0px;
}
#content .homeslideshow li {
	list-style-type: none;
}


#content div.homecollage {
	background-image: url(../images/home-banner.jpg);
	height: 387px;
	width: 708px;
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 20px;
	margin-left: -20px;
	margin-bottom: 20px;
	padding: 0;
	position: relative;
	border: 1px solid #b89945;
	border-width: 1px 2px;
}
#content div.homecollage div#grid {display: none; position: relative; margin: 0; width: 708px; height: 387px; background: url(../images/grid.gif) 0 0 no-repeat;}
#content .homecollage ul {padding: 0; width: 708px; height: 387px; position: absolute; top: 0; left: 0;z-index: 100;}
#content .homecollage li {
	float: left;
	display: block;
	list-style-type: none;
	width: 118px;
	height: 129px;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 500;
	/*background: #000;*/
}
#content .homecollage li img {
	display: block;
	position: absolute;
	width: 0;
	height: 129px;
	margin-left: 59px;
	}
#content .homecollage div#instructions {
	width: 27px;
	height: 387px;
	position: absolute;
	top: 0;
	right: 0;
	margin: -1px -27px 0 0;
	display: none;
	}
	#content .homcollage li#instructions img {width: 27px; height: 387px; margin: 0; display: block;}
	

.teamcollage {
	background-image: url(../images/team-banner.jpg);
	height: 379px;
	width: 671px;
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 0px;
	margin-bottom: 20px;
	border: 1px solid #a38638;
}

/* CLEAR FIX*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */
/* photo styles start here */
.photo {
	list-style: none;
	height: 171px;
	width: 249px;
	float: right;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	display: block;
	position: relative;
}

.photo2 {
	list-style: none;
	float: right;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	display: block;
	position: relative;
}

.staffphoto {
	list-style: none;
	height: 210px;
	width: 150px;
	float: left;
	margin: 0px;
	display: block;
	padding: 0px 8px 10px;
	position: relative;
	text-align:center;
}
.photo img {
	background: #fff;
	border: 1px solid #a38638;
	padding: 0px;
}

.photo2 img {
	border: 1px solid #a38638;
	padding: 0px;
}

.staffphoto img {
	background: #fff;
	border: 1px solid #a38638;
	padding: 0px;
	width: 150px;
}
.photo span {
	width: 251px;
	height: 25px;
	display: block;
	position: absolute;
	top: 0px;
	background-image: url(../images/photo-shadow.png);
	background-repeat: repeat-x;
	background-position: left top;
}
.staffphoto span {
	width: 151px;
	height: 25px;
	display: block;
	position: absolute;
	top: 0px;
	background-image: url(../images/photo-shadow.png);
	background-repeat: repeat-x;
	background-position: left top;
}
.photo a, .staffphoto a {
	text-decoration: none;
}

/* The Game Room */
div#sesame-game {background: #000; line-height: 0; margin: 10px auto 30px auto; text-align: center; width: 400px}
ul#sesame-games {list-style: none; margin: 0 18px 0 0; padding: 0}
ul#sesame-games li {clear: both; display: block}
ul#sesame-games img {border: 0; float: right; margin: 0 0 10px 10px}
ul#sesame-games a.button {float:right; height:85px; width:200px}
ul#sesame-games p { padding-bottom: 1em}

.flash-replaced .alt {
display: block;
width: 0px;
height: 0px;
position: absolute;
overflow: hidden;}
#flash-clarity-smart-clip {
width: 520px;
height: 390px;
margin: 10px auto;
clear: both;}

#smallcontact #Contact_Address {
	display: none;
}