* { margin: 0; outline: none; padding: 0; }

body { background: #108889; margin-top: 20px; }



/* - - - - - - - - - - TEXT - - - - - - - - - - */

body, form, input, textarea { color: #000; font-family: verdana, sans-serif; font-size: 12px; }



BODY, TD, .NormalText { font-weight: normal; text-decoration: none; font-style: normal; color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }



.Title		{ color: #DB1C3F; font-size: 30px; font-weight: bold; font-family: Comic Sans MS; }

.Header		{ color: #108889; font-size: 16px; font-weight: bold; font-family: Verdana; }

.Subheader	{ color: #108889; font-size: 14px; font-weight: normal; font-family: Verdana; }



.Red		{ color: #DB1C3F; }

.Blue		{ color: #108889; }

.Black		{ color: #000000; }

.White		{ color: #FFFFFF; }



.SmallText	{ font-size: 10px; }

.MediumText	{ font-size: 16px; line-height: 16px; }

.LargeText	{ font-size: 24px; line-height: 24px; }



IMG.FloatLeft 	{ float: left; margin: 0 5px 5px 0; }

IMG.FloatRight 	{ float: right; margin: 0 0 5px 5px; }

 

blockquote { margin: 10px 40px; padding: 0; }

p { color: #000; line-height: 20px; margin: 10px 0; }

p.breadcrumbs { color: #6C1D6E; font-size: 11px; line-height: 11px; text-transform: uppercase; }

p.flash { background: #F00; color: #FFF; line-height: 18px; padding: 10px; }

p.top-link { clear: both; color: #6C1D6E; font-size: 11px; line-height: 11px; padding-top: 20px; text-align: right; text-transform: uppercase; }

* #content p { margin: 10px 40px; }

* #content ul { list-style: disc; list-style-image: url(../images/list.gif); margin: 10px 80px; }

* #content ul li { margin: 10px 0; }

* #content ul li ul { list-style: circle; list-style-image: url(../images/list.gif); margin: 10px 30px; }

* #content ul li ul li { margin: 10px 0; }

* #content ul.sitemap { color: #000; list-style: disc; list-style-image: url(../images/list.gif); margin: 10px 80px; }

* #content ul.sitemap a { color: #000; }

* #content ul.sitemap li { margin: 10px 0; }

* #content ul.sitemap ul { color: #000; list-style: circle; list-style-image: url(../images/list.gif); margin: 10px 30px; }

* #content ul.sitemap ul a { color: #000; }

* #content ul.sitemap ul li { margin: 10px 0; }

* #footer p { color: #FFF; font-size: 12px; margin: 10px 40px; }

div.hr { background: #108889; clear: both; height: 1px; margin: 20px 40px; width: 472px; }

div.hr hr { display: none; }

div.side-hr { background: url(../images/side-hr.gif) repeat-x; clear: both; height: 31px; width: 228px; }

div.side-hr hr { display: none; }

ul#home-page-list { list-style: none; margin: 10px auto; padding: 0; width: 472px; }

ul#home-page-list li { display: inline; float: left; margin: 5px 0; width: 170px; }

ul#home-page-list li.end { width: 80px; }




* #content TABLE.body,

* #content TABLE.testimonials 	 { width: 490px; margin: 0 0 0 40px; }

* #content TABLE.body TD		 { line-height: 20px; }

* #content TABLE.testimonials TD { line-height: 20px; border-bottom: 1px solid #108889; padding: 20px 0; }

* #content TABLE.body TD ul   	 { list-style: disc; list-style-image: url(../images/list.gif); margin: 10px 40px; }



/* - - - LINKS - - - */

a { color: #DB1C3F; text-decoration: underline; }

a:hover { text-decoration: none; }

p.breadcrumbs a { color: #6C1D6E; text-decoration: none; }

p.breadcrumbs a:hover { text-decoration: underline; }

p.top-link a { color: #DB1C3F; text-decoration: underline; }

p.top-link a:hover { text-decoration: none; }

* .flash a { color: #FFF; font-weight: ; }

* #footer a { color: #FFF; }



/* - - - HEADERS - - - */

h1 { background: no-repeat; height: 39px; margin: 20px 40px; overflow: hidden; text-indent: -9999px; }

h1.home { background: no-repeat; height: 70px; margin: 0 40px 20px; overflow: hidden; text-indent: -9999px; }

h2 { color: #108889; font-family: verdana, sans-serif; font-size: 16px; margin: 5px 40px; }

h3 { color: #108889; font-family: verdana, sans-serif; font-size: 14px; font-weight: normal; margin: 5px 40px; }

h4 { color: #FFF; font-family: verdana, sans-serif; font-size: 12px; font-weight: normal; line-height: 14px; margin: 5px 40px; }



/* - - - - - - - - - - IMAGES - - - - - - - - - - */

img { border: 0; display: block; }

img.center { clear: both; margin: 20px auto; }

img.left { clear: left; float: left; margin: 0 10px 10px 0; }

img.left-nofloat { clear: left; margin: 0 20px 20px 0; }

img.right { clear: right; float: right; margin: 0 40px 10px 10px; }

img.auto { clear: right; float: right; margin: 0 40px 20px 40px; }

img.auto, img.left, img.left-nofloat, img.right, img.center { border: solid 5px #DB1C3F; }

img.center-noborder { border: none; clear: both; margin: 10px auto; }

img.home-myspace { float: left; margin: 0 0 0 40px; }

img.home-youtube { float: left; margin: 0; }

img.home-blogger{display: float: left; margin: 0 }

img.home-twitter{ position:relative; left: 160px; top:-40px; }

img.watch-our-video { float: left; margin: 0; }

img.watch-our-video-2 { clear: both; margin: 20px 0 20px 0; }

* .flash img { float: right; padding: 10px; }

* .flash-replaced .alt { display: block; height: 1000px; position: absolute; overflow: hidden; width: 0; }

* .map { border: solid 5px #DB1C3F; margin: 0 0 20px 40px; }



/* - - - - - - - - - - LAYOUT - - - - - - - - - - */

* .content-sub { padding-top: 157px; }

* #content { background: url(../images/content-bg.jpg) no-repeat top left; float: left; width: 552px; }

* #content-container { background: #CAC1A5 url(../images/content-container-bg.jpg) repeat-x top; clear: both; width: 100%; }

* #content-wrapper { background: url(../images/content-wrapper-bg.png) repeat-y; margin: 0 auto; padding: 0 20px 40px; width: 780px; }

* #flash-home { height: 285px; margin: 0; width: 552px; }

* #flash-office-tour, * #flash-types-of-braces, * #flash-orthodontic-treatments { height: 283px; margin: 20px 0 20px 40px; width: 472px; }

* #flash-ibraces-1, #flash-ibraces-2, #flash-ibraces-3 { height: 295px; margin: 20px auto; width: 360px; }

* #flash-in-ovation { height: 265px; margin: 20px auto ; width: 320px; }

* #flash-the-damon-system { height: 295px; margin: 20px auto ; width: 360px; }

* #flash-the-damon-system-comparison { height: 165px; margin: 0 auto; width: 250px; }

* #footer { background: #108889 url(../images/footer-bg.jpg) no-repeat top; margin: 0 auto; padding: 30px 0px; width: 820px; }

* #footer-container { background: #108889 url(../images/footer-container-bg.jpg) repeat-x top; clear: both; width: 100%; }

* #header-container { background: #108889 url(../images/header-container-bg.jpg) repeat-x bottom; clear: both; width: 100%; }

* #header { background: url(../images/header.jpg) no-repeat; display: block; height: 140px; margin: 0 auto;  width: 820px; }

* #header a {  display: block; height: 140px; float:left; overflow: hidden; text-indent: -9999px; width: 278px; }

* #home-page-links { margin: 10px auto; width: 352px; }

* #in-ovation-comparison { margin: 0 auto; overflow: auto; padding: 5px; width: 462px; }

* #in-ovation-comparison p { margin: 0; }

* #in-ovation-comparison img.left { border: none; clear: left; float: left; margin: 0 10px 50px 0; }

* #in-ovation-comparison .float { float: left; width: 49%; }

* #nav-container { background: url(../images/nav-container-bg.jpg) no-repeat top; float: left; padding-top: 157px; width: 228px; }

* #side-bar-buttons { margin: 0 auto; width: 188px; }

#manitowoc { width:171px; color:#108889; font-size:16px; font-weight:bold; font-family:Helvetica; float:left; position:relative; top:61px}
#sheboygan { width:170px; color:#108889; font-size:16px; font-weight:bold; font-family:Helvetica; float:left; position:relative; top:61px}
#green-bay { width:107px; color:#108889; font-size:16px; font-weight:bold; font-family:Helvetica; float:left; position:relative; top:61px}



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

* #logins-nav { display: inline; }

* #logins-nav ul { list-style: none; }

* #logins-nav li { float: left; }

* #logins-nav a { display: block; height: 30px; overflow: hidden; text-indent: -9999px; }

* #nav { display: inline; }

* #nav ul { list-style: none; }

* #nav li { float: left; }

* #nav a { display: block; height: 30px; overflow: hidden; text-indent: -9999px; }



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

a#patient-login { background: url(../images/nav/patient-login.jpg); width: 228px; }

a#doctor-login { background: url(../images/nav/doctor-login.jpg); width: 228px; }

a#contests-and-news { background: url(../images/nav/contests-and-news.jpg); width: 228px; }

a#for-new-patients { background: url(../images/nav/for-new-patients.jpg); width: 228px; }

a#refer-a-friend { background: url(../images/nav/refer-a-friend.jpg); width: 228px; }

a#about-ortho { background: url(../images/nav/about-ortho.jpg); width: 228px; }

a#ortho-treatments { background: url(../images/nav/ortho-treatments.jpg); width: 228px; }

a#contact-us { background: url(../images/nav/contact-us.jpg); width: 228px; }

a#home { background: url(../images/nav/home.jpg); width: 228px; }



/* - - - NAVIGATION ROLLOVER EFFECTS - - - */

#logins-nav ul a:hover, #logins-nav ul li.active a { background-position: 0 -30px; }

#nav ul a:hover, #nav ul li.active a { background-position: 0 -30px; }

#nav ul li:hover #contests-and-news, #nav ul li.sfhover #contests-and-news,

#nav ul li:hover #for-new-patients, #nav ul li.sfhover #for-new-patients,

#nav ul li:hover #about-ortho, #nav ul li.sfhover #about-ortho,

#nav ul li:hover #ortho-treatments, #nav ul li.sfhover #ortho-treatments,

#nav ul li:hover #contact-us, #nav ul li.sfhover #contact-us { background-position: 0 -30px; }



/* - - - SUBNAVIGATION - - - */

#nav ul li ul { left: -9999px; list-style: none; position: absolute; z-index: 1; }

#nav ul li:hover ul, #nav ul li.sfhover ul { left: auto; margin: -25px 0 0 228px; }

#nav ul li ul li { float: none; }

#nav ul li ul li a { display: block; height: 25px; line-height: 25px; overflow: hidden; text-indent: -9999px; }

#nav ul li.active ul li a { background-position: 0 0; }



/* - - - SUBNAVIGATION IMAGES - - - */

a.meet-dr-just { background: url(../images/nav/meet-dr-just.jpg); width: 240px; }

a.meet-the-staff { background: url(../images/nav/meet-the-staff.jpg); width: 240px; }

a.office-tour { background: url(../images/nav/office-tour.jpg); width: 240px; }

a.office-visits { background: url(../images/nav/office-visits.jpg); width: 240px; }

a.patient-forms { background: url(../images/nav/patient-forms.jpg); width: 240px; }

a.testimonials { background: url(../images/nav/testimonials.jpg); width: 240px; }

a.contests-and-news { background: url(../images/nav/contests-and-news.jpg); width: 240px; }

a.about-orthodontics { background: url(../images/nav/about-orthodontics.jpg); width: 240px; }

a.types-of-braces { background: url(../images/nav/types-of-braces.jpg); width: 240px; }

a.retainers { background: url(../images/nav/retainers.jpg); width: 240px; }

a.orthodontic-treatments { background: url(../images/nav/orthodontic-treatments.jpg); width: 280px; }

a.two-phase-treatment { background: url(../images/nav/two-phase-treatment.jpg); width: 280px; }

a.invisalign { background: url(../images/nav/invisalign.jpg); width: 280px; }

a.damon-system { background: url(../images/nav/damon-system.jpg); width: 280px; }

a.in-ovation { background: url(../images/nav/in-ovation.jpg); width: 280px; }

a.ibraces { background: url(../images/nav/ibraces.jpg); width: 280px; }

a.dentofacial-orthopedics { background: url(../images/nav/dentofacial-orthopedics.jpg); width: 280px; }

a.sleep-apnea { background: url(../images/nav/sleep-apnea.jpg); width: 280px; }

a.location { background: url(../images/nav/location.jpg); width: 240px; }

a.comment-form { background: url(../images/nav/comment-form.jpg); width: 240px; }

a.appointment-request { background: url(../images/nav/appointment-request.jpg); width: 240px; }



/* - - - SUBNAVIGATION ROLLOVER EFFECTS - - - */

#nav ul li ul li a:hover, #nav ul li ul li.active a { background-position: 0 -25px; }



/* - - - CLEARFIX - - - */



* .clearfix:after {

    content: ".";

    display: block;

    clear: both;

    visibility: hidden;

    line-height: 0;

    height: 0;

}



* .clearfix {

    display: inline-block;

}



html[xmlns] .clearfix {

    display: block;

}



* html .clearfix {

    height: 1%;

}



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

Sesame Forms

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



/* Global form styles */

fieldset {border: none; padding: 9px 0; }

fieldset div {clear: both; }

* #errors { list-style: none; background-color:#fff0b2; border:1px dotted #F00; color:#F00; margin:5px 0; padding:5px; }

* .form-header {border-bottom: 1px solid #108889; }

* .form-header h3 {margin: 0 0 9px; }

* .form-header p {margin: 0 0; padding-bottom: 18px; }

* .form-footer {padding-top: 18px; text-align: center; border-top: 1px solid #108889; }

button#submit { clear:both; margin: 9px auto; display: block; width:125px; height:31px; background:#DB1C3F; border: none; text-align:center; line-height:31px; color:#ffffff; font-size:12px; font-weight:bold; }



/* Comment form */	

* .comment-form-content { margin: 0 40px 20px; width: 452px; padding: 10px; }

* .comment-form-content ol {margin-left: 0px; list-style: outside decimal; padding-left: 10px; }

* .comment-form-content li {font-weight: bold; margin-left: 20px; padding: 0; }

* .comment-form-content label { font-size: 12px; display:block; font-weight:bold; text-align:right; width:200px; float:left; padding-top: 4px; }

* .comment-form-content label span { color:#666666; display:block; font-size:11px; font-weight:normal; text-align:right; width:200px; }

* .comment-form-content .label-block label {float: none; clear: both; width: 100%; text-align: left; }

* .comment-form-content input,

* .comment-form-content textarea,

* .comment-form-content select { float:left; font-size:12px; padding:4px 2px; border:solid 1px #108889; width:200px; margin:9px 0 9px 10px; background: #ffffff; }

* .comment-form-content .label-block select { float: none; margin-left: 0; }

* .comment-form-content p.verification { clear: both; margin: 9px 0 9px 210px; font-size: 12px; }

* .comment-form-content p.radio-float { clear: none; float:left; width: 200px; padding:0; margin:9px 0 9px 0; }

* .comment-form-content p.verification {margin-top: 0; }

* .comment-form-content p.verification img {border: 1px solid #108889; margin:0 auto; width:85px }

* .comment-form-content p.radio input,

* .comment-form-content p.radio-float input { float: none; margin: 0; padding: 4px 2px; width: auto; }

* .comment-form-content p.radio span {padding: 0 10px 0 0; }

* .comment-form-content .radio {text-align: left; font-weight: normal; margin-top: 10px; }

* .comment-form-content .comments-box label {float: none; font-weight: normal; display: block; text-align: left; }

* .comment-form-content .comments-box textarea {float: none; margin-left: 0; width:95%; }



/* Refer a Friend form */

* .refer-a-friend-form-content { margin: 0 40px 20px; width: 452px; padding: 10px; }

* .refer-a-friend-form-content fieldset {border: none; padding: 9px 0; }

* .refer-a-friend-form-content label { font-size: 12px; display:block; font-weight:bold; text-align:right; width:200px; float:left; line-height: 18px; padding-top: 4px; }

* .refer-a-friend-form-content label span { color:#666666; display:block; font-size:11px; font-weight:normal; text-align:right; width:200px; }

* .refer-a-friend-form-content input,

* .refer-a-friend-form-content textarea,

* .refer-a-friend-form-content select { float:left; font-size:12px; padding:4px 2px; border:solid 1px #108889; width:200px; margin:9px 0 9px 10px; background: #ffffff; }

* .refer-a-friend-form-content p.radio,

* .refer-a-friend-form-content p.verification { clear: both; margin: 9px 0 9px 210px; font-size: 12px; }

* .refer-a-friend-form-content p.radio-float { clear: none; float:left; width: 200px; padding:0; margin:9px 0 9px 0; }

* .refer-a-friend-form-content p.verification {margin-top: 0; }

* .refer-a-friend-form-content p.verification img {border: 1px solid #108889; margin:0 auto; width:85px }

* .refer-a-friend-form-content p.radio input,

* .refer-a-friend-form-content p.radio-float input { float: none; width: auto; margin: 0 0 0 10px; padding: 4px 2px; }



/* Appointment Request form */

* .appointment-request-form-content { margin: 0 40px 20px; width: 452px; padding: 10px; }

* .appointment-request-form-content fieldset {border: none; padding: 9px 0; }

* .appointment-request-form-content label { font-size: 12px; display:block; font-weight:bold; text-align:right; width:200px; float:left; line-height: 18px; padding-top: 4px; }

* .appointment-request-form-content label span { color:#666666; display:block; font-size:11px; font-weight:normal; text-align:right; width:200px; }

* .appointment-request-form-content input,

* .appointment-request-form-content select,

* .appointment-request-form-content textarea { float:left; font-size:12px; padding:4px 2px; border:solid 1px #108889; width:200px; margin:9px 0 9px 10px; background: #ffffff; }

* .appointment-request-form-content p.radio,

* .appointment-request-form-content p.verification { clear: both; margin: 9px 0 9px 210px; font-size: 12px; }

* .appointment-request-form-content p.radio-float { clear: none; float:left; width: 200px; padding:0; margin:9px 0 9px 0; }

* .appointment-request-form-content span#found-other {width: 100%; }

* .appointment-request-form-content span#found-other input {margin-left: 210px; background: #fff0b2}

* .appointment-request-form-content p.verification {margin-top: 0; }

* .appointment-request-form-content p.verification img {border: 1px solid #108889; margin:0 auto; width:85px }

* .appointment-request-form-content p.radio input,

* .appointment-request-form-content p.radio-float input { float: none; width: auto; margin: 0 0 0 10px; padding: 4px 2px; }



* #content .comment-form-content form p, #content .refer-a-friend-form-content form p, #content .refer-a-friend-form-content form h3, #content .appointment-request-form-content form p { margin: 10px 0; }