/* Reset */
* {margin: 0; padding: 0; border: 0; outline: 0;}

/* Layout */
body {background: #745322;}
* #wrap {background: #1d1302 url(../images/body-bg.jpg) top center no-repeat;}
* #container {width: 820px; margin: 0 auto; position: relative;}
* #container.index {min-height: 900px; _height: 900px;}
* #content-wrap {width: 570px; float: left;}
* #content {background: url(../images/content-bg.jpg) no-repeat; padding: 20px; min-height: 250px; _height: 250px; clear: both;}
* #footer-wrap {background: #745322; width: 100%;}
* #footer {width: 765px; margin: 0 auto; padding: 15px 0; clear: both;}
* .line {height: 1px; background: #1d1302; margin: 1px 0; display: block; font-size: 1px; line-height: 1px;}
hr {background: #936C33; color: #936C33; height: 1px; border: 0; margin: 10px 0 0 0; font-size: 1px; line-height: 1px;}

/* Lists */
ol, ul {margin: 0 0 10px 30px;}
dl.logos, dl.logos dt, dl.logos dd {list-style: none; margin: 0; padding: 0;}
dl.logos {border: 1px solid #936C33; border-width: 0 0 1px 1px; margin: 10px 0 5px 0; padding: 10px 0 5px 10px; width: 80%;}
dl.logos dd {margin-bottom: 10px; padding: 10px 0 5px 0;}
dl.logos span {font-size: 14px; font-weight: bold; line-height: normal;}

/* Typography */
p {margin: 0 0 10px 0;}
body {font-size: 100%; color: #fff5e3;}
* #container {/*font-size: .75em; */ font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.50em;}
* #footer {font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.50em; text-align: center;}
p.text-nav {color: #ffdb80; margin: 0; font-size: .92em;}
p.sub-nav {color: #ffdb80;}
blockquote {margin: 0 30px;}

/* Links */
a {color: #ffdb80; text-decoration: none;}
a:hover {text-decoration: underline;}
p.text-nav a {font-size: .92em;}
p.sub-nav a.active {text-decoration: underline;}
* .sesame {font-size: .92em;}

/* Flash */
* .flash {width: 500px; margin: 10px auto;}
* .upgrade {width: 80%; background: #e4e4e4; font-size: .83em; color: #333; text-align: left; margin: 0 auto; padding: 10px; border: solid 1px #000;}
.upgrade a {color: #333; font-weight: bold;}
.flash-replaced .alt {display: block; height: 0px; position: absolute; overflow: hidden; width: 0px;}
* #flash-home {width: 570px; height: 420px;}
* #flash-color-your-retainer {width: 300px; margin: 0 auto;}
* #flash-brace-painter {background: url(../images/brace-painter-bg.gif); width: 500px; height: 430px;}

/* Images */
* .photo {float: left;}
* .img-right {border: solid 1px #ffdb80; margin: 5px 0 15px 15px; float: right; clear: right;}
* .img-left {border: solid 1px #ffdb80; margin: 5px 15px 15px 0; float: left; clear: left;}
* .nav-divider {margin: 14px 0 7px 0;}
* #nav-foot {margin-left: -10px; margin-top: 10px;}
* #premier {margin: 10px 0 0 30px; z-index:1001; display:block; position:absolute}
* #chase {margin: 80px 0 0 30px; z-index:1001; display:block; position:absolute; }
* #address {background: url(../images/address.gif); width: 240px; height: 68px; margin: 0 0 0 -24px; text-indent: -999em; overflow: hidden; display: block; padding-top: 5px;}

/* Headings */
h1 {font-size: 2em; font-weight: normal; font-family: "Trebuchet MS", Verdana, Arial; color: #ffd87c; margin: 0 0 10px 0; line-height: 1.17em;}
h2 {font-size: 1.17em; font-weight: bold; color: #fff5e3; margin: 20px 0 10px 0; line-height: 1.17em;}
h3 {font-size: 1em; margin: 0; font-weight: bold; color: #F90;}
h4 {font-size: 10px; text-align: center; font-weight: normal; margin: 0 0 10px 0;}
h1.logo {background: url(../images/luposello-marzban-logo.gif); width: 250px; height: 167px; margin: 0; padding: 0; overflow: hidden; text-indent: -999em; float: left; line-height: normal;}
h1.logo-new a {width: 250px; height: 173px; display: block;}
h1.logo-new {background: url(../images/luposello-marzban-logo-new.gif); width: 250px; height: 173px; margin: 0; padding: 0; overflow: hidden; text-indent: -999em; float: left; line-height: normal;}
h1.logo a {width: 250px; height: 167px; display: block;}
h1.names {background: url(../images/luposello-marzban-names.jpg); width: 180px; height: 45px; margin: 0 0 0 6px; padding: 0; overflow: hidden; text-indent: -999em; line-height: normal;}

/* Side Navigation */
* #nav-wrap-new {background: url(../images/nav/nav-bg.jpg) no-repeat; width: 216px; padding: 0 0 0 34px; position: absolute; z-index: 2; top: 173px; left: 0; clear: both;}
* #nav-wrap {background: url(../images/nav/nav-bg.jpg) no-repeat; width: 216px; padding: 0 0 0 34px; position: absolute; z-index: 2; top: 167px; left: 0; clear: both;}
* #nav {margin: 0; list-style: none;}
#nav li {margin: 0; padding: 0; height: 30px; list-style: none; display: inline;}
#nav li a {width: 201px; height: 30px; display: block; text-decoration: none; text-indent: -999em; overflow: hidden; z-index:997}

* #patient-login, * #meet-the-team, * #payment-options, * #doctor-login, * #for-patients, * #about-orthodontics, * #faq, * #life-with-braces, * #invisalign, * #contact-us, * #home {text-indent: -999em; overflow: hidden;}

* #patient-login {background: url(../images/nav/patient-login.gif);}
* #doctor-login {background: url(../images/nav/doctor-login.gif);}
* #payment-options {background: url(../images/nav/payment-options.gif);}
* #meet-the-team {background: url(../images/nav/meet-the-team.gif);}
* #new-patients {background: url(../images/nav/new-patients.gif);}
* #about-orthodontics {background: url(../images/nav/about-orthodontics.gif);}
* #faq {background: url(../images/nav/faq.gif);}
* #life-with-braces {background: url(../images/nav/life-with-braces.gif);}
* #invisalign{background: url(../images/nav/invisalign.gif);}
* #contact-us {background: url(../images/nav/contact-us.gif);}
* #home {background: url(../images/nav/home.gif);}

#nav a:hover, #nav li.active a,
#nav li:hover #patient-login, #nav li.sfhover #patient-login,
#nav li:hover #doctor-login, #nav li.sfhover #doctor-login,
#nav li:hover #payment-options, #nav li.sfhover #payment-options,
#nav li:hover #meet-the-team, #nav li.sfhover #meet-the-team,
#nav li:hover #for-patients, #nav li.sfhover #for-patients,
#nav li:hover #about-orthodontics, #nav li.sfhover #about-orthodontics,
#nav li:hover #faq, #nav li.sfhover #faq,
#nav li:hover #life-with-braces, #nav li.sfhover #life-with-braces,
#nav li:hover #orthodontic-treatments, #nav li.sfhover #orthodontic-treatments,
#nav li:hover #invisalign, #nav li.sfhover #invisalign, 
#nav li:hover #fun-and-games, #nav li.sfhover #fun-and-games,
#nav li:hover #contact-us, #nav li.sfhover #contact-us,
#nav li:hover #home, #nav li.sfhover #home {background-position: 0 -30px;}

/* Drop Down */
#nav li ul {background: #d2b576; margin: 0; padding: 5px; width: 200px; border: solid 1px #1d1302; border-width: 1px 1px 1px 0; position: absolute; z-index: 3; left: -999em;}
#nav li:hover ul, #nav li.sfhover ul {left: auto; margin: -36px 0 0 201px;}
#nav li ul li {display: block; width: auto; height: 30px; padding: 0; margin: 0;}
#nav li ul li:hover {background: #f3d9ab;}
#nav li ul li a {padding: 5px 0 5px 7px; margin: 0; width: auto; height: 25px; display: block; color: #1d1302; text-indent: 0; font-size: 1em; font-weight: normal;}

/* The Damon System */
* .left {float: left; margin: 0 10px 10px 0;}
img.right {float: right; margin: 0 0 10px 10px;}
* .clear {clear: both;}
h2.media-center {background: #714F20; color: #FFF; margin: 0; padding: 5px;}
div.media-center {background: #606037 ;color: #FFF ;display: inline-block; margin-bottom: 10px; overflow: auto; padding: 10px;}
div.media-center a {color: #FFF;}
div.media-center img {border: 1px solid #FFF;}

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

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

/* edit.com */

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

.NormalText, body, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	font-style:normal;
}

.FooterText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
	font-weight: normal;
}

.YellowText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF9900;
	font-weight: bold;
}

.SubjectHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF5E3;
	font-weight: bold;
}

.PageTitle {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 24px;
	line-height: 28px;
	color: #ffd87c;
	font-weight: normal;	
}

td.ResourcesBorders { border-left: solid 1px #936C33; border-bottom: solid 1px #936C33; padding: 10px;}


/*Invisalign*/
img.right {
	float: right;
	margin: 0 0 15px 15px;
	}
.right-border {
	border: solid 1px #ffdb80; /* Customize me!! */
	float: right;
	clear: right;
	margin: 0 0 15px 15px;
	}
.left-border {
	border: solid 1px #ffdb80; /* Customize me!! */
	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;
	}
	img.left {
	margin: 0 15px 15px 0;
	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: #ffdb80;
	margin: 0;
	padding: 15px;
	color: #2D1600;
	}
#invisalign-sidebar p {
	padding: 0 15px;
	margin: 15px 0;
	}
.thumb {
	border: solid 1px #ffdb80;
	margin: 0 10px 10px 0;
	float: left;
	clear: left;
	}
	
/* Invisalign Before and After */
ul#before-after-cycle li img.invisalign {
	height: 265px;
	}
#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: #ffdb80; /* 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;
	z-index:0;
	}
ul.slideshow {
	list-style: none; 
	margin: 0; 
	padding: 0;
	}
ul#before-after-cycle li img {
	width: 232px;
	float: left;
	margin-right: 10px;
	border: solid 1px #333; /* Customize me */
	z-index:0;
	}
#invisalign-before-after p {
	float: left;
	width: 50%;
	margin: 0 0 10px 0;
	color:#333;
	}
#invisalign-before-after div.cycle-detail {
	min-height: 55px;
	clear: both;
	background-color: #987C10; /* 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 {
	background: #987C10; /* Customize me */
	position: absolute; 
	z-index: 0;
	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;} /* 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 */




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 #ffdb80; /* 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;
	}	
	
	ul#testimonials {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: none;
	}
	
	
.invisalign-block {
	width: 315px; 
	float: left;
	}





	
/* Invisalign Footer */	
#invisalign-footer {
	
	width: 100%;
	margin: 30px 0;
	padding: 0;
	border: solid 1px #ffdb80; /* Customize me!! */
	font-size: 11px;
	-moz-border-radius: 5px; /* Optional - you may customize or remove */
	-webkit-border-radius: 5px; /* Optional - you may customize or remove */
	clear: both;
	}
#invisalign-footer h3 {
	background: #ffdb80; /* Customize me!! */
	margin: 0;
	padding: 8px 15px;
	color: #2D1600; /* Customize me!! */
	font-size: 14px;
	-moz-border-radius: 5px 5px 0 0; /* Optional - you may customize or remove */
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px; /* Optional - you may customize or remove */
	}
#invisalign-footer ul li img {
	margin: 0 10px 0 15px;
	float: left;
	}
#invisalign-footer p {
	padding: 0 15px;
	margin: 30px 0 15px 0;
	}
#invisalign-footer ul {
	margin: 15px; 
	padding: 0 0 15px 0;
	list-style: none;
	border: solid 1px #ffdb80; /* Customize me!! */
	border-width: 0 0 1px 0;
	}
#invisalign-footer li {
	width: 33%;
	float: left;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	}
#invisalign-footer li a {
	float: left;
	}	
.invisalign-footer-logo {
	margin: 0 30px 0 15px;
	float: 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;}