@charset "UTF-8";
/* CSS Document */

/* Core
-------------------------------------------------------------- */
* {margin:0; padding:0;}
body {background:url(images/bg.jpg) top center no-repeat; background-position:0 27px; font-family:"Lucida Grande",Verdana, Arial, Helvetica, sans-serif; color:#585858; font-size:12px;}
h1 {font-size:21px;}
h3 {font-size:17px; font-weight:normal; margin:0 0 10px 0;}
p {margin:0 0 15px 0; line-height:18px;}

/* Container 
-------------------------------------------------------------- */
#container {margin:0 auto; width:974px;}

/* Header 
-------------------------------------------------------------- */
#header {background:url(images/header-bg.png) no-repeat; float:left; height:106px; width:974px;}
#header span {display:none;}
#header h1 a {display:block; float:left; height:106px; width:300px;}
#header ul {float:right; list-style:none; padding:43px 7px 0 0; width:523px;}
#header li {float:left;}
#header li a {display:block; height:30px;}
#header li a:hover {}
#header li a.about {background:url(images/header-about.jpg) no-repeat; width:82px;}
#header li a.news {background:url(images/header-news.jpg) no-repeat; width:77px;}
#header li a.testimonials {background:url(images/header-testimonials.jpg) no-repeat; width:133px;}
#header li a.gallery {background:url(images/header-gallery.jpg) no-repeat; width:90px;}
#header li a.faq {background:url(images/header-faq.jpg) no-repeat; width:49px;}
#header li a.imadoctor {background:url(images/header-imadoctor.jpg) no-repeat; width:141px;}
#header li a:hover {background:transparent;}

/* Content
-------------------------------------------------------------- */
#content-top {background:url(images/content-top-bg.png) no-repeat; float:left; height:20px; width:974px;}
#content-bottom {background:url(images/content-bottom-bg.png) no-repeat; float:left; height:40px; width:974px;}
#content {background:url(images/content-bg.png) repeat; float:left; width:974px;}
#content.home {background:url(images/content-home-bg.png) repeat; padding:0 7px; width:960px;}
#content-top.home {background:url(images/content-home-top-bg.png) no-repeat; float:left; height:20px; width:974px;}
#content-bottom.home {background:url(images/content-home-bottom-bg.png) no-repeat; float:left; height:20px; width:974px;}
/* #content.home .flash {float:left;}*/

/* Testimonials
-------------------------------------------------------------- */
#content .testimonials {float:left; padding:23px 0 0 0; width:277px;}
#content .testimonials-top {background:url(images/content-home-test-top-bg.gif); height:13px; width:277px;}
#content .testimonials-content {background:url(images/content-home-test-mid-bg.gif); color:#fff; float:left; font-size:11px; padding:0 12px; width:253px;}
#content .testimonials-content img {float:left; padding:0 15px 0 0;}
#content .testimonials-content-col {float:left; width:145px;}
#content .testimonials-content-col p.arrow-test {margin:0;}
#content .testimonials-content-col p.arrow-test a {background:url(images/arrow-test.gif) right no-repeat; background-position:105px 4px; padding:0 20px 0 0;}
#content .testimonials-content-col p a {color:#fff; text-decoration:none;}
#content .testimonials-content-col p a:hover {text-decoration:underline;}
#content .testimonials-bottom {background:url(images/content-home-test-bottom-bg.gif); float:left; height:13px; width:277px;}

/* Content Arena
-------------------------------------------------------------- */
#content .contentarea {float:left; padding:0 49px; width:876px;}
#content .photo {float:left; padding:0 20px 0 0; width:414px;}
#content .photo img,#content .photo img {border:none; float:left; padding:0 15px 0 0;}
#content .right-col {float:left; width:414px;}

#content .title {background:url(images/content-title-bg.png) center repeat; width:974px;}
#content .title h2.about {background:url(images/title-about.png) no-repeat; margin:0 0 0 29px; padding:0 0 55px 0; width:500px;}
#content .title h2.news {background:url(images/title-news.png) no-repeat; margin:0 0 0 29px; padding:0 0 45px 0; width:500px;}
#content .title h2.testimonials {background:url(images/title-testimonials.png) no-repeat; float:none; margin:0 0 0 29px; padding:0 0 55px 0; width:500px;}
#content .title h2.gallery {background:url(images/title-gallery.png) no-repeat; margin:0 0 0 29px; padding:0 0 55px 0; width:500px;}
#content .title h2.faq {background:url(images/title-faq.png) no-repeat; margin:0 0 0 29px; padding:0 0 55px 0; width:500px;}


#content .title h2 span {display:none;}
#content .contentarea.home {color:#fff; float:left; padding:23px; width:637px;}
#content .contentarea ul {font-size:13px; margin:0 0 25px 15px;}
#content .contentarea li {margin:0 0 5px 0;}
#content .contentarea.home p {font-size:13px; line-height:20px;}
#content .contentarea h2 {background:url(images/title-ideserve-home.gif) no-repeat; height:28px; margin:0 0 20px 0; width:500px;}
#content .contentarea span {display:none;}
#content .contentarea ul.social {float:left; font-size:11px; margin:10px 0 15px 0; list-style:none;}
#content .contentarea ul.social li {float:left;}
/*#content .contentarea ul.social li.arrow-fb {background:url(images/arrow-blue-bg.gif) top no-repeat; background-position:116px 3px;}
#content .contentarea ul.social li.arrow-twitter {background:url(images/arrow-blue-bg.gif) top no-repeat; background-position:93px 3px;}
#content .contentarea ul.social li.arrow-sharethis {background:url(images/arrow-blue-bg.gif) top no-repeat; background-position:98px 3px;}
#content .contentarea ul.social li.arrow-youtube {background:url(images/arrow-blue-bg.gif) top no-repeat; background-position:93px 3px;}*/
#content .contentarea ul.social li a {color:#fff; display:block; text-decoration:none; padding:10px 30px 10px 35px;}
#content .contentarea ul.social li a.fb {background:url(images/fb-25x25.jpg) left no-repeat;}
#content .contentarea ul.social li a.twitter {background:url(images/twitter-25x25.jpg) left no-repeat;}
#content .contentarea ul.social li a.sharethis {background:url(images/sharethis-25x25.jpg) left no-repeat;}
#content .contentarea ul.social li a.youtube {background:url(images/youtube-25x25.jpg) left no-repeat;}
#content .contentarea ul.social li a:hover {text-decoration:underline;}
#content .contentarea-top { background:url(images/contentarea-top.png) center no-repeat; height:20px;}
#content .contentarea.about-bg {background:url(images/about-monitors.jpg) center top no-repeat; min-height:500px;}
#content .about-model {background:url(images/about-model.jpg) bottom no-repeat; width:876px;}
#content .contentarea .testi p {font-size:15px; line-height:20px; margin:0 0 10px 0;}
#content .contentarea .testi h5 {font-weight:normal; font-size:11px; margin:0 0 25px 0;}
/* Footer
-------------------------------------------------------------- */
#footer {clear:both; margin:0 auto; width:974px;}
#footer p {font-size:10px; float:left; text-align:center; margin:0 0 25px 0; width:974px;}
#footer p a {color:#585858;}
#footer p a:hover {text-decoration:none;}
#footer h3 {background:url(images/ormco-footer-logo.gif) center no-repeat; background-position:401px 25px; height:120px; width:974px;}
#footer h3 span {display:none;}
#footer .nav {width:974px;}
#footer .nav ul {margin:0 0 25px 265px; list-style:none;}
#footer .nav li {float:left;}
#footer .nav li a {border-right:1px solid #585858; color:#585858; display:block; padding:0 10px; text-decoration:none;}
#footer .nav li a:hover {text-decoration:underline;}
#footer li a.footer-fb {background:url(images/fb-16x16.gif) left no-repeat; background-position:10px 0; padding:0 10px 3px 37px;}
#footer li a.footer-twitter {background:url(images/twitter-16x16.gif) left no-repeat; background-position:10px 0; border:none; padding:0 10px 3px 37px;}
#footer li a.footer-sharethis {background:url(images/sharethis-16x16.gif) left no-repeat; background-position:10px 0; padding:0 10px 3px 37px;}
#footer li a.footer-youtube {background:url(images/youtube-16x16.gif) left no-repeat; background-position:10px 0; border:none; padding:0 10px 3px 37px;}

/* Misc
-------------------------------------------------------------- */
.noborder {border:none;}
.fleft {float:left;}
.fright {float:right;}
.flash {float:left;}
.video {float:left; padding:0 30px 0 0; margin:0 0 25px 0;}
.clearthis {clear: both;} /* (this is the code you will use) <div class="clearthis"><!-- this div is not floated and its clear property is set to both --></div> */

/* Doctor Locator
-------------------------------------------------------------- */
#dlocator {background:#6c6b6b; padding:3px;}
#dlocator span {color:#fff;}
#dlocator #fmSearch {margin:0 auto; text-align:right; width:974px;}
#textfield {color:#333; padding:3px; margin:0 2px; border:0;}
.text_FIND {color:#333; padding:2px; border:0;}
.bsubmit {}
table {width:100%;}
table td {padding:0 0 15px 0; width:50%; vertical-align:top;}
table td h3 {margin:15px 0 0 0; font-weight:bold; padding:0;}