@font-face {
	font-family: 'CorbelRegular';
	src: url('type/CORBEL.eot');
	src: local('Corbel Regular'), local('Corbel'), url('type/CORBEL.woff') format('woff'), url('type/CORBEL.ttf') format('truetype'), url('type/CORBEL.svg#Corbel') format('svg');
}

@font-face {
	font-family: 'CorbelBold';
	src: url('type/CORBELB.eot');
	src: local('Corbel Bold'), local('Corbel-Bold'), url('type/CORBELB.woff') format('woff'), url('type/CORBELB.ttf') format('truetype'), url('type/CORBELB.svg#Corbel-Bold') format('svg');
}

@font-face {
	font-family: 'CorbelItalic';
	src: url('type/CORBELI.eot');
	src: local('Corbel Italic'), local('Corbel-Italic'), url('type/CORBELI.woff') format('woff'), url('type/CORBELI.ttf') format('truetype'), url('type/CORBELI.svg#Corbel-Italic') format('svg');
}

@font-face {
	font-family: 'CorbelBoldItalic';
	src: url('type/CORBELZ.eot');
	src: local('Corbel Bold Italic'), local('Corbel-BoldItalic'), url('type/CORBELZ.woff') format('woff'), url('type/CORBELZ.ttf') format('truetype'), url('type/CORBELZ.svg#Corbel-BoldItalic') format('svg');
}

@charset "utf-8";



/* CSS Document */


.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 ---------- */
* {margin:0; padding:0;}
body {margin:0; padding:0;background: url(../images/bg.jpg) no-repeat top center #3d5c57; font-family: CorbelRegular, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans serif; font-size:14px; line-height:20px; }
p, h2, h3, ul, blockquote, ol {padding-bottom:10px; padding-top:10px;}
ul, blockquote, ol {padding-left:30px; padding-right:10px; padding-top:10px;}
a {color:#162c40; }
a:hover {text-decoration:none;}
a img {border-style:none;}
p.breadcrumbs, .breadcrumbs a {font-size:13px; color:#285278; clear:both; padding:30px 0px;}
hr {border:1px solid #b8a790; }
#content ul li {list-style:url(../images/bullet.gif);}
strong {font-family:"CorbelBold"}

/* LAYOUT ---------- */
#wrap {margin:0 auto; width:990px; position:relative; background:url(../images/tile-body.jpg) repeat-y;}
#body {width:990px; }
#bottom {width:979px; background:url(../images/bg-bottom.jpg) no-repeat bottom right; min-height:860px; height:auto !important; height:860px;}
#address {clear:both; width:650px; margin-left:60px; color:#1a322e; font-size:14px; padding-top:20px;}
#content {width:553px; margin-left:321px; clear:both;}
#footer {margin:0 auto; width:880px; padding:32px 80px 32px 30px; color:#8bb7ce; line-height:16px; background:url(../images/bg-footer.jpg) no-repeat; clear:both;}
#followme {width:143px; float:left; margin:0 130px 0 0;  padding: 35px 0 100px 20px;}
#logos {position:absolute; z-index:25; top:642px; margin-left:48px; width:173px;}

.bg_home {background:url(../images/bg-body-home.jpg) no-repeat;}
.bg_sub {background:url(../images/bg-body.jpg) no-repeat;}


/* BANNERS ---------- */
#callouts {width:173px; position:absolute; top:642px; margin-left:48px; z-index:8; }
#home_callouts {width:643px; border-top:1px solid #b8a790; padding-top:20px; clear:both; text-align:center; margin-left:282px;}

/* HEADERS ---------- */

h1 {background-repeat: no-repeat; height: 54px; width:326px; text-indent: -999em; margin: 0; padding:0; background-position: bottom; clear:both;}
h1.replaced {overflow: hidden; text-indent: -999em; background-repeat: no-repeat; background-position: bottom;}
h1.jcir {font-size: 35px; margin: 90px 0 0 321px; }

h1#logo { 
margin: 0;
padding: 113px 0 0 10px;
background-repeat: no-repeat; 
width: 572px;/* this width reflects the width of the logo image */
height: 120px; /* 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: 120px;/*same height as logo h1*/ 
width: 572px;/*same width as logo h1*/}

#content h2 {color:#285278; font-size:19px; font: 'CorbelBold';}
#content h2.special {color:#302211; font-size:16px; font:'CorbelBoldItalic'; padding-top:180px;}
#content h3 {color:#302211; font-size:17px; font:'CorbelItalic';}
#content h4 {color:#162c40; font-size:14px; font:'CorbelRegular';}
#footer h2 {color:#8bb7ce; font-size:15px; margin-top:0; padding-top:0;}

/* CLASSES ---------- */
#footer .sesame {color:#e2d6c7; font-size:13px; }
.right {float:right;}
.left {float:left;}
.imgleft {float:left; margin:0 10px 10px 0;}
.imgright {float:right; margin:10px 0 10px 10px;}
.hide {display:none;}
.flashhome {width:409px; height:309px;  margin-left:582px; position:absolute; z-index:2; top:12px;}
.block {display:block;}
.listnone {list-style:none;}
.center {text-align:center;}
.clear {clear:both;}
.marginnone {margin:0; padding:0;}
.resources {padding:7px; background:#FFF; border:1px solid #1b3243;}
.phone {font-size:16px;  margin-right:53px; font: 'CorbelBold';}

/* NAVIGATION ---------- */


/* NAVIGATION MAIN ---------- */
ul#nav {list-style: none; padding: 0; margin:0; width:253px; position:absolute; z-index:24; top:369px; display:block;}
/*  Sets styles for all links that are inside the ul id="nav" */
#nav a {display: block; overflow: hidden; text-indent:-999em; width:253px; height: 30px;}

/* Set the image for each nav item */
.aboutouroffice {background: url(../images/nav/about-our-office.png);  }
.fornewpatients {background: url(../images/nav/for-new-patients.png);  }
.aboutorthodontics {background: url(../images/nav/about-orthodontics.png);  }
.invisalign {background: url(../images/nav/invisalign.png);  }
.patientcare {background: url(../images/nav/patient-care.png);  }
.contactus {background: url(../images/nav/contact-us.png);  }
.whatsnew {background: url(../images/nav/whats-new.png);  }
.home {background: url(../images/nav/home.png);  }


/* Shift the image position up to show the active state */

#nav a:hover, #nav .active, #nav li:hover, #nav li.sfhover, 
#nav li:hover .aboutouroffice, #nav li.sfhover .aboutouroffice, 
#nav li:hover .fornewpatients, #nav li.sfhover .fornewpatients, 
#nav li:hover .aboutorthodontics, #nav li.sfhover .aboutorthodontics, 
#nav li:hover .patientcare, #nav li.sfhover .patientcare, 
#nav li:hover .invisalign, #nav li.sfhover .invisalign, 
#nav li:hover .home, #nav li.sfhover .home, 
#nav li:hover .contactus, #nav li.sfhover .contactus {background-position:-253px 0px;}


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


#nav, #nav ul {list-style: none; margin: 0; }
#nav li ul { left: -999em; position: absolute; z-index: 1; padding:0; margin:0; width:179px; }
#nav li:hover ul, #nav li.sfhover ul {left: auto; display:block; margin: -30px 0 0 243px; color:#162d40;  background:url(../images/tile-pop-up.jpg) repeat-y; padding:10px 0 0 0; }
#nav ul li a {height:auto; text-decoration: none; width:169px; text-indent:0; color:#162d40; font-size:14px; padding:3px 0 3px 10px;  }
#nav ul li a:hover {background:#1b3243; color:#FFF;}
#nav ul li.sub {width:179px; background:url(../images/bg-pop-up-bottom.jpg) no-repeat bottom;  padding:0 0 40px 0;}
#nav ul li a.bordernone {border:none;}

/* LOGINS MAIN ---------- */
ul#logins {list-style: none; padding: 0; margin-left:10px; width:243px; position:absolute; z-index:22; top:282px;}
/*  Sets styles for all links that are inside the ul id="nav" */
#logins a {display: block; overflow: hidden; text-indent:-999em;  height:61px; }

/* Set the image for each nav item */
.patientlogin {background: url(../images/nav/patient-login.jpg); }

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

/* SUB NAV */
#sub {width:586px; margin-left:281px; clear:both; border-top:#b8a790 1px solid; border-bottom:#b8a790 1px solid; padding:16px 40px; color:#978166; font-size:13px; margin-bottom:20px;}
#sub ul {list-style:none; line-height:15px; margin:0; padding:0; clear:both; color:#978166;}
#sub li {padding:0; margin-bottom:7px; display:inline; white-space:nowrap;}
#sub li a {border-right:1px solid #978166;padding:0 3px 0 0px;background:none; text-decoration:underline; color:#978166; font-size:13px;  text-indent:none; height:5px;}
#sub a:hover, #sub a.active {text-decoration:none;}
#sub a.bordernone {border:none;}


/* SITE MAP NAV */
ul#sitemap {list-style:circle;}
#sitemap li a {background:none; text-decoration:underline}
#sitemap li a:hover {text-decoration:none;}

/* FOOTERNAV */
ul#footernav {list-style:none; line-height:14px; margin:0; padding:0; color:#7e9d98;}
#footernav li {padding:0; margin-bottom:7px; display:inline; white-space:nowrap;}
#footernav li a {padding:0 10px 0 0px;background:none; text-decoration:underline; color:#7e9d98; font-size:13px;  text-indent:none; height:5px;}
#footernav li a:hover {text-decoration:none;}
#footernav li ul {display:none;}
#footernav a.bordernone {border:none;}


.bordernone {border:none;}

/* edit.com */

ul, ol {
	margin-top:0px;
	margin-bottom:0px;
}

.NormalText, body, td {
font-family: CorbelRegular, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans serif;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	font-style: normal;
}

.Header {
	color: #285278;
	font-size: 20px;
	font-weight: bold;
}

table.hall td {padding-bottom: 10px;}




/*Invisalign */
img.right {
	float: right;
	margin: 0 0 15px 15px;
	}
.right-border {
	float: right;
	clear: right;
	margin: 0 0 15px 15px;
	padding:7px; background:#FFF; border:1px solid #1b3243;
	}
.left-border {
	padding:7px; background:#FFF; border:1px solid #1b3243;
	float: left;
	clear: left;
	margin: 0 15px 15px 0;
	}
#video-invisalign {
	width: 360px; 
	height: 266px;
	display: block;
	}
p.flash_notice {
	margin: 18px;
	padding: 9px;
	color: #ff0000;
	border: 1px dotted #ff0000;
	background: #ffffff;
	text-align: center;
	}
	
	ul#testimonials {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: none;
	}
	ul#testimonials li{
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: none;
	}
	
	
.invisalign-block {
	width: 315px; 
	float: left;
	}
span.indent {
	padding-left: 40px;
	}
#invisalign-sidebar {
	background: #fff;
	width: 275px;
	margin: 0 0 15px 15px;
	padding: 0;
	border: solid 1px #000;
	line-height: 18px;
	font-size: 11px;
	float: right;
	clear: right;
	}
#invisalign-sidebar a {
	color: #036;
	}
#invisalign-sidebar h3 {
	background: #1b3243;
	margin: 0;
	padding: 15px;
	color: #fff;
	}
#invisalign-sidebar p {
	padding: 0 15px;
	margin: 15px 0;
	}
.thumb {
	border: solid 1px #000;
	margin: 0 10px 10px 0;
	float: left;
	clear: left;
	}
	
	
	
	
div.invisalign-video {
	background: url(http://media.sesamehost.com/images/invisalign-pro-package/invisalign-video-bg.jpg) no-repeat;
	width: 450px;
	height: 250px;
	border: solid 1px #333; /* Customize me!! */
	margin-bottom: 15px;
	text-align: right;
	}
	
div.invisalign-video img {
	margin: 30px 50px 0;
	}

img.border {
	border: solid 1px #333; /* Customize me!! */
	}
	
.bump-right {
	margin-right: 5px;
	}
	
/* Invisalign Videos */
#video-invisalign {
	width: 360px; 
	height: 266px;
	display: block;
	}
#video-invisalign-best-friends, #video-invisalign-news-travels-fast {
	width: 320px;
	height: 206px;
	display: block;
	}
#video-invisalign-lobby {
	width: 320px; 
	height: 266px;
	display: block;
	}








/* Invisalign Before and After */
ul#before-after-cycle li img.invisalign {
	height: 265px;
	list-style-image: none;
	background-image:none;
	list-style-type: none;
	}
#invisalign-before-after {
	width: 488px;
	min-height: 335px;
	line-height: 18px;
	margin: 30px 0 18px; /* Adjust this top margin if needed according to your design */
	padding: 10px 0 10px 10px;
	background-color: #1b3243; /* Customize me */
	border: solid 1px #333; /* Customize me */
	-moz-border-radius: 5px; /* Optional - you may customize or remove */
	-webkit-border-radius: 5px; /* Optional - you may customize or remove */
	position: relative;
	}
	#invisalign-before-after li {
	list-style-image: none;
	background-image:none;
	list-style-type: none;
	}
ul.slideshow {
	list-style-type: none; 
	margin: 0; 
	padding: 0;
	list-style-image: none;
	}
#content .slideshow li {
	list-style-type: none; 
	list-style-image: none;
	}

ul#before-after-cycle li img {
	width: 232px;
	float: left;
	margin-right: 10px;
	border: solid 1px #333; /* Customize me */list-style-image: none;list-style-type: none;
	}
#invisalign-before-after p {
	float: left;
	width: 50%;
	margin: 0 0 10px 0;
	}
#invisalign-before-after div.cycle-detail {
	min-height: 55px;
	clear: both;
	background-color: #fff; /* Customize me */
	padding: 10px;
	margin: 0 10px 0 0;
	border: solid 1px #333; /* Customize me */
	-moz-border-radius: 5px; /* Optional - you may customize or remove */
	-webkit-border-radius: 5px; /* Optional - you may customize or remove */
	}
#invisalign-before-after .before-after-nav {
	position: absolute;
	z-index: 50;
	top: -19px;
	left: 11px;
	padding: 0 3px;
	border: solid 1px #333; /* Customize me */
	border-width: 1px 1px 0 1px;
	-moz-border-radius: 5px 5px 0 0; /* Optional - you may customize or remove */
	-webkit-border-top-left-radius: 5px; /* Optional - you may customize or remove */
	-webkit-border-top-right-radius: 5px;
	background-color: #346283;
} /* Optional - you may customize or remove */
#invisalign-before-after .before-after-nav a {
	text-decoration: none; 
	font-size: 12px; 
	padding: 5px; 
	margin: 0 3px; 
	color: #fff;} /* Customize me */
#invisalign-before-after .before-after-nav a.activeSlide {color: #333;} /* Customize me */



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