body { background-color:#F5F5F5; margin:0; font-family:Sans-Serif, Verdana; font-size:1em; }
#doc-body { position:relative; width:1016px; margin:0px auto; background:transparent url(../images/body-background.png) repeat-y; }
#main { position:relative; width:1000px; margin:0px auto; background-color:#FFF; }
#doc-body-bottom { position:relative; width:1016px; height:36px; margin:0px auto; background:transparent url(../images/body-background-bottom.png) no-repeat; text-align:center; }
p.footer-address { color:#FFFFFF; font-size:80%; margin:0; padding:0; line-height:2.2em; }
#header { position:relative; width:100%; height:105px; background:transparent url(../images/header-background-other.png) repeat-x; }
#logo { position:relative; width:190px; height:81px; top:6px; left:20px; background:transparent url(../images/logo.png) no-repeat; }
#contact-num { position:relative; float:right; right:20px; top:-10px; font-size:85%; }
#contact-num b { font-size:120%; }
#menu-content-wrapper { min-height:600px; width:1000px; background:transparent url(../images/content-container-inner-background.png) repeat-x; }
#menu { position:relative; float:left; width:215px; z-index:10; }
#menu-body { position:relative; width:100%; height:560px; background:transparent url(../images/menu-background.png) repeat-y; }
#menu-top { position:absolute; top:-16px; width:218px; height:16px; background:transparent url(../images/menu_top.png) no-repeat; }
#menu-body-content { position:relative; height:560px; width:209px; background:transparent url(../images/menu-body-background.png) repeat-x; }
#menu-body-content .menu-button { position:relative; display:block; text-decoration:none; color:#858585; width:166px; height:33px; left:30px; margin-bottom:14px; font-size:90%; font-weight:bold; background:transparent url(../images/menu-button.png) no-repeat 0 0; }
#menu-body-content .menu-button.on { color:#3f3f3f; background-position:0px -33px; }
#menu-body-content .menu-button.active { color:#3f3f3f; background-position:0px -33px; }
#menu-body-content .menu-button span { position:relative; display:inline-block; margin-left:15px; margin-top:8px; }
#menu-body-content .slogan { position:relative; background:transparent url(../images/slogan-centred.gif) no-repeat; width:171px; height:73px; margin-left:1em; margin-top:12em; }
#menu-spacer { height:9px; width:100%; }
#menu-bottom { position:relative; width:100%; height:14px; background:transparent url(../images/menu-bottom.png) no-repeat; }
#content-container { position:relative; float:left; top:0px; width:785px; left:-5px; }
#content-container-inner { position:relative; }
#hero-image { position:relative; height:98px; width:790px; background:transparent url(../images/hero-image-01.jpg) -1px 0px no-repeat; }
#title-bar { position:relative; height:45px; }
.page-heading { position:relative; margin:0; padding-left:1em; padding-top:0.2em; /*font-size:1.7em; font-weight:normal; color:#FF7F00;*/ text-indent:-1000em; }

.page-heading.first-visit { background:transparent url(../images/heading_YourFirstVisit.gif) no-repeat 20px 7px; }
.page-heading.gallery { background:transparent url(../images/heading_SmileGallery.gif) no-repeat 20px 7px; }
.page-heading.faqs { background:transparent url(../images/heading_FAQ.gif) no-repeat 20px 7px; }
.page-heading.meet-team { background:transparent url(../images/heading_MeetOurTeam.gif) no-repeat 20px 7px; }
.page-heading.contact-us { background:transparent url(../images/heading_ContactUs.gif) no-repeat 20px 7px; }

#content-body-container { }
#content-body { position:relative; float:left; width:770px; min-height:400px; margin-right:10px; background:#FFF url(../images/body-content-background-top2.png) no-repeat; }
#content-body-wrapper { padding:30px; }
#content-body p { position:relative; padding:5px 20px; line-height:1.2em; font-size:90%; text-align:justify; }
#content-body-bottom { position:relative; width:767px; height:30px; z-index:99; background:transparent url(../images/content-body-bottom.png) no-repeat; }
#news-container { position:relative; float:left; width:204px; height:400px; background:#FFF url(../images/news-container-background-top.png) no-repeat; }
#news-body-container { position:relative; margin:1em auto; width:174px;  }
#news-header { position:relative; width:174px; height:28px; background:#FFF url(../images/news-body-background-top.png) no-repeat;}
#news-header span { position:relative; display:inline-block; color:#F00; top:4px; left:10px; font-weight:bold; color:#F00; }
#news-body { position:relative; width:174px; height:220px; background:transparent  url(../images/news-body-background.png) repeat-x;  }

table.gallery { width:80%; border-collapse:collapse; position:relative; left:60px; top:20px; }
table.gallery td { width:25%; vertical-align:top; text-align:center; padding-bottom:15px; }

.faq #content-body p { line-height:1em; padding:2px 30px; }
a.question { display:block; text-decoration:none; color:#000; font-size:92%; font-weight:bold; font-style:italic; }
a.question:hover { text-decoration:underline; }
a.question span { font-size:130%; font-weight:normal; font-style:normal; }
span.answer { display:block; padding:10px 20px; }

.office { margin-bottom:40px; padding-bottom:10px; }
.office-photo { position:relative; float:left; }
p.address { position:relative; float:left; }
p.hours { position:relative; float:left; margin-left:7em; }
div.gmap { position:relative; float:left; margin-left:10px; }
.clearer { clear:both; }
.magnify img { position:relative; top:-15px; left:300px; display:block; border:none; }

/* SMILE GALLERY */
a.sg_button { display:block; width:128px; height:85px; margin:12px; }
a.sg_button:hover { background-position: 0 0; }
#content-body p.gallery-disclaimer { font-size:75%; font-style:italic; margin-top:40px; }
.gallery-item .heading { font-size:1.1em; font-weight:bold; margin:3px 5px; }
.gallery-item .image { padding:5px; }
.gallery-item .desc { font-size:0.9em; padding:4px 5px; }

.sg_underbite { background:transparent url(../gallery/anterior_crossbite_underbite_small.png) no-repeat 0 -85px; }
.sg_crooked { background:transparent url(../gallery/crooked_teeth_small.png) no-repeat 0 -85px; }
.sg_deepbite { background:transparent url(../gallery/deepbite_small.png) no-repeat 0 -85px; }
.sg_ectopic { background:transparent url(../gallery/ectopic_small.png) no-repeat 0 -85px; }
.sg_impacted { background:transparent url(../gallery/impacted_teeth_small.png) no-repeat 0 -85px; }
.sg_invisalign { background:transparent url(../gallery/invisalign_small.png) no-repeat 0 -85px; }
.sg_jaw_surgery { background:transparent url(../gallery/jaw_surgery_small.png) no-repeat 0 -85px; }
.sg_missing { background:transparent url(../gallery/missing_teeth_small.png) no-repeat 0 -85px; }
.sg_openbite { background:transparent url(../gallery/openbite_small.png) no-repeat 0 -85px; }
.sg_posterior_crossbite { background:transparent url(../gallery/posterior_crossbite_small.png) no-repeat 0 -85px; }
.sg_protruded_adult { background:transparent url(../gallery/protruded_teeth_adult_small.png) no-repeat 0 -85px; }
.sg_protruded_young { background:transparent url(../gallery/protruded_teeth_young_small.png) no-repeat 0 -85px; }
.sg_spacing { background:transparent url(../gallery/spacing_small.png) no-repeat 0 -85px; }
.sg_tongue { background:transparent url(../gallery/tongue_habit_small.png) no-repeat 0 -85px; }


/* TEAM */
.meet-team #content-body p { padding:0; }
div#team { position:relative; float: left; width:325px; padding-right:20px; margin-right:20px; border-right:2px solid #d0d0d0; }
div#team img.map { position:relative; z-index:100; }
div#team img.member { position:absolute; left:0px; top:0px; z-index:21; display:none; }
div#team img.all { position:absolute; left:0px;  top:0px; z-index:19; }
div#team .note { color:#808080; font-size:0.8em; text-align:center; }
div#team div p { font-size:0.9em; }

div#member-detail { position:relative; float:left; background-color:#ff0000; width:340px; }
div#member-detail div.team-member-large { position:absolute; left:0px; top:0px; display:none;}
div#member-detail .name { font-size:1em; }
div#member-detail p { font-size:0.9em; color:#707070; }

/* FIRST VISIT */
#content-body #preview { background-color:#747474; width:350px; height:222px; padding:2px; }