* { margin: 0; padding: 0; }

body { background: #fff; color: #333; font: 12px/1.5 'Helvetica Neue', Helvetica, Arial, sans-serif; }
h1 { font-size: 50px; font-weight: normal; margin: 1.5em 0 1em; line-height: 1; }
h2 { font-size: 19px; font-weight: normal; margin: 1.5em 0 1em; line-height: 1.35; color: #036; }
h3 { font-size: 16px; font-weight: normal; margin: 1.5em 0 1em; line-height: 1.35; color: #036; }
h4 { font-size: 14px; font-weight: normal; margin: 1.5em 0 1em; line-height: 1.35; color: #036; }
h5 { font-size: 13px; font-weight: 700; margin: 1.5em 0 .5em; line-height: .5; color: #036; }

a { color: #69F; }
a:hover { color: #09F; }
p { margin: .8em 0; }
img { border: 0; }
blockquote { display: block; color: #89B7E5; font-size: 18px; font-weight: bold; margin: 1em 0; line-height: 1.3; text-indent: -.5em; }
blockquote p { margin: 0; }
blockquote cite { font-size: 12px; }

strong { color: #036; }

ul, ol { margin: 1em 0; }
ul li, ol li { margin: 0 0 .3em 2.5em; list-style-position: outside; }


#header { color: #fff; background: #340907 url(../i/bg.png); }
#header h1 { text-indent: 30px; margin: 0; width: 860px; height: 100px; position: relative; overflow: hidden; }
#header h1 a { color: #fff; text-decoration: none; text-shadow: 0px 2px 3px #000; }
#header h1 small { font-size: 12px; text-transform: uppercase; display: block; text-indent: 200px; }
#header h1 b { position: absolute; top: 0; left: 0; width: 860px; height: 100px; background: url(../i/header.png); cursor: pointer; }

ul#nav { list-style: none; overflow: hidden; height: 45px; padding: 30px 0 0; margin: 0; width: 100%; background: url(../i/nav-bg.gif) repeat-x left bottom; }
ul#nav li { float: left; margin: 0 5px 0 0; height: 45px; }
ul#nav li a { color: #fff; font-weight: 800; font-size: 13px; text-decoration: none; text-shadow: 0px 2px 3px #000; 
	display: block; background: transparent; padding: 0 15px 0 0; line-height: 22px; height: 25px; cursor: pointer; }
ul#nav li a strong { display: block; background: transparent; padding: 1px 0 0 15px; height: 25px; cursor: pointer; color: #fff; }
ul#nav li a:hover { background: url(../i/nav-link-bg-end.gif) no-repeat top right; }
ul#nav li a:hover strong { background: url(../i/nav-link-bg.gif) no-repeat; }
ul#nav li.about { margin: 0 5px 0 15px; }
body#about ul#nav li.about { background: url(../i/nav-bg-selected.gif) no-repeat 50% 100%; }
body#about ul#nav li.about a { background: url(../i/nav-link-bg-end.gif) no-repeat top right; cursor: default; }
body#about ul#nav li.about a strong { background: url(../i/nav-link-bg.gif) no-repeat; cursor: default; }
body#treatment ul#nav li.treatment { background: url(../i/nav-bg-selected.gif) no-repeat 50% 100%; }
body#treatment ul#nav li.treatment a { background: url(../i/nav-link-bg-end.gif) no-repeat top right; cursor: default; }
body#treatment ul#nav li.treatment a strong { background: url(../i/nav-link-bg.gif) no-repeat; cursor: default; }
body#expectations ul#nav li.expectations { background: url(../i/nav-bg-selected.gif) no-repeat 50% 100%; }
body#expectations ul#nav li.expectations a { background: url(../i/nav-link-bg-end.gif) no-repeat top right; cursor: default; }
body#expectations ul#nav li.expectations a strong { background: url(../i/nav-link-bg.gif) no-repeat; cursor: default; }
body#testimonials ul#nav li.testimonials { background: url(../i/nav-bg-selected.gif) no-repeat 50% 100%; }
body#testimonials ul#nav li.testimonials a { background: url(../i/nav-link-bg-end.gif) no-repeat top right; cursor: default; }
body#testimonials ul#nav li.testimonials a strong { background: url(../i/nav-link-bg.gif) no-repeat; cursor: default; }
body#documents ul#nav li.documents { background: url(../i/nav-bg-selected.gif) no-repeat 50% 100%; }
body#documents ul#nav li.documents a { background: url(../i/nav-link-bg-end.gif) no-repeat top right; cursor: default; }
body#documents ul#nav li.documents a strong { background: url(../i/nav-link-bg.gif) no-repeat; cursor: default; }
body#contact ul#nav li.contact { background: url(../i/nav-bg-selected.gif) no-repeat 50% 100%; }
body#contact ul#nav li.contact a { background: url(../i/nav-link-bg-end.gif) no-repeat top right; cursor: default; }
body#contact ul#nav li.contact a strong { background: url(../i/nav-link-bg.gif) no-repeat; cursor: default; }

#main { margin: 0 0 0 30px; padding: 0 0 30px; width: 830px; float: left; }
#main #col-1 { width: 340px; float: left; margin: 0 30px 0 0; }
#main #col-2 { width: 215px; float: left; margin: 0 30px 0 0; }
#main #col-3 { width: 215px; float: left; margin: 0 0 0 0; }

#main h2 { background: url(../i/dots-long.gif) no-repeat left bottom; padding: 0 0 1em; }
#main #col-2 h2, #main #col-3 h2 { background: url(../i/dots-short.gif) no-repeat left bottom; }
#main img { margin: 1em 0; }

#main ul#sub-nav { list-style: none; overflow: hidden; height: 45px; padding: 10px 0 0; margin: 0 0 0 10px; width: 100%; }
#main ul#sub-nav li { float:left; height: 45px; margin: 0 0 0 0; }
#main ul#sub-nav li a { color: #036; font-weight: 800; font-size: 12px; text-decoration: none; display: block; background: transparent; line-height: 22px; height: 30px; cursor: pointer; padding: 0 15px 0 0; }
#main ul#sub-nav li strong { display: block; background: transparent; padding: 1px 0 0 15px; height: 25px; cursor: pointer; color: #036; }
#main ul#sub-nav li a:hover { background: url(../i/sub-nav-link-bg-end.gif) no-repeat top right; color: #fff;}
#main ul#sub-nav li a:hover strong { background: url(../i/nav-link-bg.gif) no-repeat; color: #fff; }
#main ul#sub-nav li.treatmentplan { width: 120px; }
#main ul#sub-nav li.expectations { width: 105px; }
#main ul#sub-nav li.policy { width: 160px; }

#main #right-img { margin: 35px 0 0; }

#footer { border: 1px solid #B4C4D4; border-width: 1px 0; color: #036; margin: 0 0 2em; clear: both; }
#footer p { border-left: 1px solid #B4C4D4; margin: 0 0 0 30px; padding: .8em 15px; }
p#copyright { font-size: 10px; color: #036; margin: 0 0 2em 30px; }


div.download { background: url(../i/blue-bg.png); border: 1px solid #CADFF6; padding: 5px 10px 10px; margin: 2em 0 0; }
div.download img.pdficon { float: left; padding: 0 10px 0 0; }
div.download h3 { margin: 20px 0 5px; line-height: 1; }
div.download a { color: #036; }
div.download p.get_reader { margin: 20px 0 0 7px; font-size: 10px; clear: left; }

ul#downloads { list-style: none; }
ul#downloads li { overflow: hidden; margin: 0; width: 500px; }
ul#downloads li img.pdficon { float: left; padding: 0 10px 0 0; }
ul#downloads li h3 { margin: 30px 0 5px; line-height: 1; }
ul#downloads li h3 { text-decoration: none; }
p.get_reader { margin: 20px 0 0 0; font-size: 11px; }

/* Home Page */
#home #header #intro { background: url(../i/home-pics.jpg) no-repeat 0 0; width: 860px; padding: 1px 0 0; }
#home #header #intro h2 { margin: 40px 70px 0 500px; min-height: 235px; text-shadow: 0px 2px 3px #000; font-size: 21px; color: #FFF; }
#home #testimonials { height: 140px; width: 830px; margin: 0 0 0 30px; position: relative; background: #fff; }
#home #testimonials blockquote { position: absolute; left: 0; margin: 0; width: 830px; text-align: center; font-weight: normal; }
#home #testimonials blockquote p { display: inline; font-size: 16px; color: #000; text-shadow: 0px 0px 0px #000; margin: 0; }
#home #testimonials blockquote p cite { font-size: 12px; color: #036; font-style: italic; }

/* Treatment & Expectation */

#treatment #col-2, #expectations #col-2 { width: 460px; float: left; margin: 0; }
#treatment #stage3 { border: 5px solid #E4EFFD; padding: 10px; margin: 2em 0 0; }
#treatment #stage3 h2 { margin-top: 0; }

/* Testimonials Page */
#testimonials #main #col-1 { width: 400px; margin: 0 30px 0 0; }
#testimonials #main #col-2 { width: 400px; margin: 0; }
#testimonials #main blockquote { font-size: 14px; font-weight: normal; color: #036; margin: 1em 40px 2em 0; }
#testimonials #main blockquote p { margin: 0 0 .6em; }
#testimonials #main blockquote cite { display: block; color: #333; margin: .7em 0; }
#testimonials #main #pagination { clear: both; }

/* Contact Page */
#contact #main #left { width: 420px; margin: 0 60px 0 0; float: left; }
#contact #main #left #contact_thumb { float: left; margin: 0 10px 1em 0; height: 150px; width: 150px; }
#contact #main #right { width: 350px; margin: 0; float: left; }
#contact #main #right h3 { font-size: 15px; margin: 1.5em 0 0; line-height: 1.2; }

#contact #main #form { margin: 2em 0; width: 180px; float: left; }
#contact #main #form fieldset legend { display: none; }
#contact #main #form fieldset { border: 0; }
#contact #main #form label { font-size: 11px; color: #036; }
#contact #main #form p { margin: 0 0 3px 0; width: 180px; }
#contact #main #form p input { 
	width: 180px; display: block; padding: 2px 0;
	border: 1px solid #C3C3C3;
  border-top-color: #7C7C7C;
  border-bottom-color: #DDD;
	background: #F3F7FF url(../i/input-bg.gif) 0 0 repeat-x;
}
#contact #main #form textarea { 
	width: 180px; height: 6em; overflow: auto; margin: 0 0 10px; padding: 2px 0;
	border: 1px solid #C3C3C3;
  border-top-color: #7C7C7C;
  border-bottom-color: #DDD;
	background: #F3F7FF url(../i/input-bg.gif) 0 0 repeat-x;
}
#contact #main #form p input:focus,
#contact #main #form textarea:focus { background-color: #fff; }

#contact #main #form input#zemSubmit { padding: 2px 10px; }

#contact #main #form ul.zemError { color: red; margin: 0 0 1em; }

#contact #main .vcard { float: left; margin: 2em 0 1em 30px; width: 180px; padding: 10px 0 25px 25px; border: 1px solid #E9E9E9; }

#contact #main .vcard p { margin: 0 0 .7em; font-size: 12px; }
#contact #main .vcard .org { display: none; }
#contact #main .vcard .email { font-size: 14px; }

#contact #main .vcard img { display: none; }
#contact #main .vcard .download { background: url(../i/vcf.gif) no-repeat; padding-left: 30px; min-height: 18px; font-size: 13px; margin: 1.5em 0 0; }

#contact #main p.footnote { clear: left; font-size: 10px; }

/* Misc Classes */
p.note { background: #ffc; color: #036; font-style: italic; padding: 5px 10px; margin: 2em 0; border: 1px solid #eee; }
sup.footnote a { text-decoration: none; font-size: 8px; background: #ffc; color: #036; padding: 1px; }