/*
 * This CSS file has been generated by fontsquirrel.com and is based on the work of Paul Irish. 
* 
*/

@font-face {
	font-family: 'Avenir';
	src: url('type/LTe50344.eot');
	src: local('Avenir LT 65 Medium Regular'), local('AvenirLT-Medium'), url('type/LTe50344.woff') format('woff'), url('type/LTe50344.ttf') format('truetype'), url('type/LTe50344.svg#AvenirLT-Medium') format('svg');
}


/* reset */

* {margin:0; padding:0;}

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


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}

body {line-height:18px; font-size:12px; font-family: Arial, Helvetica, sans-serif; background:url(../images/tile.jpg) repeat-x #3c1b4c;}

table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
a img {border:none;}
.hide {display:none;}
.flash-replaced .alt {display:none;}
hr {border:none;  color:#b29d7e; background:#b29d7e; margin:15px 0;}
a {color:#7e9919;}
a:hover {text-decoration:none;}
p {padding:7px 0 ;}
blockquote {margin:0 20px;}


/* LAYOUT */
#container {width:900px; margin:0 auto; background:url(../images/tile-body.jpg) repeat-y; position:relative; }
#bd {width:990px; background:url(../images/bg-body.jpg) no-repeat; position:relative; min-height:1065px; height:auto !important; height:840px;}
#bottom {width:900px; background:url(../images/bg-bottom.jpg) no-repeat bottom; min-height:1065px; height:auto !important; height:840px; overflow:auto;}
p.address {float:left; width:238px; font-size:13px; line-height:18px; padding:449px 0 0 63px; margin:0;}
#content {width:515px; padding-bottom:40px;  float:left;}
#ft {width:900px; padding:25px 0 0 0; clear:both; margin:0 auto; background:url(../images/bg-footer.jpg) no-repeat; min-height:208px; height:auto !important; height:208px;}

#banners {position:absolute; z-index:11; top:700px; margin-left:54px; width:192px;}
#phone { color:#7d9918; position:absolute; top:110px; right:200px; font-family:Tahoma, Geneva, sans-serif; font-size:22px; text-shadow: #fcedd2 0px 0px 5px;
}
/* HEADINGS */

h1#logo { 
margin: 0 0 0 50px;
padding: 0;
background-repeat: no-repeat; 
width: 366px;/* this width reflects the width of the logo image */
height: 147px; /* this height reflects the height of the heading image */
overflow: hidden; 
text-indent: -999em;} /* hides rich text so only background image shows */

h1#logo a {
display: block; 
height: 147px;/*same height as logo h1*/ 
width: 366px;/*same width as logo h1*/}


h1.headline {margin: 0; padding:15px 0 15px 0;  font-size: 23px; color:#691180; font-family:"Avenir"; font-weight:normal;}

#content h2 {color:#5c1e6d;  font-size:16px; font-weight:bold;}
#content h2.special {color:#7e9919;  font-size:15px; font-weight:normal; font-style:italic;}
#content h3 {color:#000; font-size:12px; font-weight:bold;}

#content h2, #content h3, #content h4 {margin:10px 0 0 0;}
#ft h2 {color:#fcedd2; font-size:12px; line-height:15px; font-weight:normal; width:518px; margin:0 0 0 302px;}

/* LISTS */
#content ul, #content ol {padding-left:30px; padding-right:30px; margin-top:10px; margin-bottom:10px;}
#content li {padding:5px 0;}

/* MISCELLANEOUS */
.pic {float:right; margin:10px 0 10px 10px; border:solid 3px #691180;}
.flash-home {width:515px; height:384px; float:left; padding-bottom:15px; background:url(../images/photo1.jpg) no-repeat;}
p.top {clear:both; padding:15px 0; color:#9bb931; }
p.top a {color:#9bb931;font-size:11px; font-weight:bold;}
.clear {clear:both;}
.center {text-align:center;}
.map {padding:5px; background:#FFF; border:2px solid #1d4068; margin:0 auto; width:425px;}
.floatright {float:right;}
.floatleft {float:left;}
.imgleft {float:left; margin:0 10px 10px 0;}
.imgright {float:right; margin:0 0 10px 10px;}
.resources {background:#FFF; padding:5px; border:2px solid #7e9919; }
.clearright {clear:right;}

#groupon { position:absolute; top:10px; left:450px}

/* NAVIGATION */
#nav {position:absolute; top:164px; margin-left:50px; z-index:99}
#nav ul { width:216px; list-style:none;   padding:0;}
#nav a {display: block; overflow: hidden; text-indent:-999em;  height:27px; }
#nav li {list-style:none; display:inline;  }
#nav li ul {left: -999em; margin:0; padding: 0; position: absolute; z-index: 1; }
#nav li:hover ul {left:auto;}

/* set bg image for each link */

a#meet-the-doctors {background-image:url(../images/nav/meet-the-doctors.jpg);}
a#meet-the-team {background-image:url(../images/nav/meet-the-team.jpg);}
a#office-information {background-image:url(../images/nav/office-information.jpg);}
a#services {background-image:url(../images/nav/services.jpg);}
a#benefits-of-braces {background-image:url(../images/nav/benefits-of-braces.jpg);}
a#invisalign {background-image:url(../images/nav/invisalign.jpg);}
a#patient-testimonials {background-image:url(../images/nav/patient-testimonials.jpg);}
a#photo-gallery {background-image:url(../images/nav/photo-gallery.jpg);}
a#braces-in-action {background-image:url(../images/nav/braces-in-action.jpg);}
a#events-and-contests {background-image:url(../images/nav/events-and-contests.jpg);}
a#faq {background-image:url(../images/nav/faq.jpg);}
a#for-current-patients {background-image:url(../images/nav/for-current-patients.jpg);}
a#contact-us {background-image:url(../images/nav/contact-us.jpg);}
a#home {background-image:url(../images/nav/home.jpg);}

/* Shift the image position up to show the active state */
#nav li:hover a, #nav li.sfhover a, #nav li.active a {background-position:216px 0 ;}

/* POP-UP */
#nav ul li ul { left: -999em; position: absolute; z-index: 1; padding:0; margin:0;	left: -999em;}
#nav li:hover ul, #nav li.sfhover ul {display:block; left: auto; background: #691180; padding:10px 0; margin: -27px 0 0 180px; color:#9bb931;  width: 230px; }
/*#nav li:hover ul li, #nav li.sfhover ul li {float:none;}*/
#nav li ul li a {text-indent:0; padding:0 16px; text-decoration: none; color:#9bb931; font-size:11px; float:none; height:auto; font-weight:bold;}
#nav li ul li a:hover {color:#ffe3b2; }


/* Set the cursor to default arrow so link does not appear clickable */
#nav li.active a {cursor: default}

/* LOGINS MAIN ---------- */
#utility-nav ul{list-style: none; padding: 0; margin-left:50px; width:216px; position:absolute; z-index:22; top:531px;}
#utility-nav li {float:left;}

/*  Sets styles for all links that are inside the ul id="nav" */
#utility-nav a {display: block; overflow: hidden; text-indent:-999em;  height:39px; }

/* Set the image for each nav item */
#utility-nav .patient-login {background: url(../images/nav/patient-login.jpg); width:107px;}
#utility-nav .doctor-login {background: url(../images/nav/doctor-login.jpg); width:109px;}

/* Shift the image position up to show the active state */
#utility-nav a:hover, #utility-nav .active, #utility-nav li:hover, #utility-nav li.sfhover, 
#utility-nav li:hover .patient-login, #utility-nav li.sfhover .patient-login, 
#utility-nav li:hover .doctor-login, #utility-nav li.sfhover .doctor-login {background-position:0px -39px;}


/* SUB NAVIGATION */
p.sub_nav {font-size:12px; font-weight:bold; line-height:18px;}
p.sub_nav a {color:#000;}
p.sub_nav a.active, p.sub_nav a:hover {color:#819c1d;}


/* FOOTER NAV */

p.text_nav {width:432px; font-size:11px; text-align:center; margin:0 0 0 380px; padding:0; line-height:18px; font-weight:bold; color:#9bb931}
p.text_nav a {color:#9bb931;}

p.sesame-link a {clear:both; width:432px; font-size:11px; text-align:center; margin:0 0 0 480px; padding:0; line-height:18px; font-weight:bold; color:#FFF;}


/* IE6 upgrade alert */
#ie_alert {
display: none;
background-color: #fff;
width: 400px;
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;
}
#ie_alert ul {margin: 0 0 15px 25px;}
#ie_alert p {margin: 0 0 15px 0; line-height: 14px; padding: 0;}
a.upgrade {float: left; margin: 0 10px 0 0;}
span#ie_alert_reasons {color: #a52003;}
.right {float: right;}

/* COMMON TREATMENTS */
div.box {
	float: right;
	clear: right;
	width: 334px;
	background-color: #7e9919; /* Customize me! */
	padding: 5px 0 5px 5px;
	margin: 0 0 20px 20px;
	border: solid 1px #333; /* Customize me! */
	-moz-border-radius: 5px; /* Optional - you may customize or remove */
	-webkit-border-radius: 5px;
}
div.box img {
	float: left;
	border: solid 1px #333; /* Customize me! */
	margin-right: 5px;
}
div.box p {
	float: left;
	width: 50%;
	margin: 0;
	padding: 0;
}
hr { /* Customize me! */
	clear: both;
	margin: 1em 0;
}

/* Emergency Care */
ul#toggle-emergency {
	list-style: none;
	margin: 0 0 1em 0;}
ul#toggle-emergency li {
	border: solid 1px #fff;
	border-width: 0 0 1px 0;
	padding: 1em 0;
	margin: 0;}
.general-soreness {
	background: url(http://media.sesamehost.com/images/emergency-care/general-soreness.gif) no-repeat;
	width: 80px;
	height: 60px;}
.headgear {
	background: url(http://media.sesamehost.com/images/emergency-care/headgear.gif) no-repeat;
	width: 80px;
	height: 60px;}
.loose-appliance {
	background: url(http://media.sesamehost.com/images/emergency-care/loose-appliance.gif) no-repeat;
	width: 80px;
	height: 60px;}
.loose-bracket {
	background: url(http://media.sesamehost.com/images/emergency-care/loose-bracket.gif) no-repeat;
	width: 80px;
	height: 60px;}
.loose-wire {
	background: url(http://media.sesamehost.com/images/emergency-care/loose-wire.gif) no-repeat;
	width: 80px;
	height: 60px;}
.poking-wire {
	background: url(http://media.sesamehost.com/images/emergency-care/poking-wire.gif) no-repeat;
	width: 80px;
	height: 60px;}
.left-border {
	border: solid 1px #333;
	margin: 5px 15px 15px 0;
	float: left;
	clear: left;}
/* Clear Fix */
.clear {clear: both;}
.cf:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.cf {display: inline-block;} /*this trips hasLayout for ie7*/
.cf {display: block;} /*this returns it back to normal*/
* html .cf {height: 1px;}