/* CSS Document 2008 Mezzanine Creative www.mezzaninecreative.co.uk */
/*=================MAIN START==============*/

html {background:#E5D5D1 url(../_images/bodyBack.png) repeat-y 50% 0;}

body {font:12px/1.3 Myriad, Arial, sans-serif;margin-top:5px;margin-bottom:0;padding-bottom:100px;color:#555;background:url(../_images/memberships.png) no-repeat 50% 100%; }

a:focus {outline: 1px dotted invert;}

a:link {color:#4E6C95; text-decoration:none;}
a:visited {color:#4E6C95; text-decoration:none;}
a:hover {color:#E4C5B5; text-decoration:none;}
a:active {color:#E4C5B5; text-decoration:none;}

hr {border-color: #ccc; border-style: solid; border-width: 1px 0 0; clear: both; height: 0;}

p { }

h1 {font-size: 18px;font-weight:normal;}
h2 {font-size: 16px;font-weight:normal;}
h3 {font-size: 14px;font-weight:normal;}
h4 {font-size: 14px;font-weight:normal;}
h5 {font-size: 14px;font-weight:normal;}
h6 {font-size: 14px;font-weight:normal;}

h1#H1FL {font:28px 'Times New Roman', Times, serif; color:#4E6C95; text-transform:uppercase; letter-spacing:1px; border-bottom:1px solid #DFDFDF; margin:10px 0 0 0;}
h1#H1FL.invisalign {font:28px 'Times New Roman', Times, serif; color:#4E6C95; text-transform:uppercase; letter-spacing:1px; border-bottom:1px solid #DFDFDF; margin:10px 0 0 0; background:url(../_images/invisalign_w.png) 100% 50% no-repeat;}
h2#H2FL {font:15px 'Times New Roman', Times, serif; color:#AF7D62; text-transform:uppercase; letter-spacing:1px; margin:5px 0 20px 0;}
h3#H3FL {font:13px 'Times New Roman', Times, serif; color:#4E6C95; text-transform:uppercase; letter-spacing:1px; margin-bottom:20px;}
h1#H1FL span {font-size:32px;}
h2#H2FL span {font-size:19px;}
h3#H3FL span {font-size:17px;}
h1.tabBox {margin:0;padding:0;}
h2#H2FLH {font:28px 'Times New Roman', Times, serif; color:#9B6F6D; text-transform:uppercase; letter-spacing:1px; margin:5px 0 20px 0;border-bottom:1px solid #DFDFDF;}
h2#H2FLH span {font-size:32px;}

.xxxsmall {font-size: 9px;}
.xxsmall {font-size: 10px;}
.xsmall {font-size: 12px;}
.small {font-size: 14px;}
.medium {font-size: 16px;}
.xmedium {font-size: 20px;}
.large {font-size: 22px;}
.xlarge {font-size: 26px;}
.xxlarge {font-size: 32px;}

ol {list-style: decimal;}
ul {list-style: square;}
li {margin-left: 30px;}

p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset {margin-top: 20px;}

#wrapper {overflow:hidden; background:#fff url(../_images/091217-header-bck.png) 0 0 repeat-x;margin-bottom:20px;}

/*GOLD*/ .colorOne {color:#E4C5B5;}
/*BLUE*/ .colorTwo {color:#4E6C95;}
/*GOLD DARK*/ .colorThree {color:#AF7D62;}
/*TEXT GREY*/ .colorFour {color:#959798;}
/*RED*/ .colorFive {color:#DB1F26;}

.AAA1 {float:left;width:300px;margin-right:20px;}
.AAA2 {float:left;width:300px;margin-right:20px;}
.AAA3 {float:left;width:300px;}

.bold {font-weight:bold;}
.goldenBorder {border:1px solid #E4C5B5; margin:5px; padding:5px; text-align:left;}
.goldenUnderline {border-bottom:1px solid #E4C5B5;}
.blueSerif {font:15px 'Times New Roman', Times, serif; color:#4E6C95; text-transform:uppercase;}
.serif {font-family:'Times New Roman', Times, serif;}
.pinkBack {background:#F2E8E3;}
.paddingDef {padding:5px;}
.rightQuote {font:14px 'Times New Roman', Times, serif; color:#AF7D62; text-transform:uppercase; margin-bottom:20px; border-bottom:1px solid #DFDFDF; padding-bottom:5px; letter-spacing:1px; line-height:1.3;}
.rightDescr {border-bottom:1px solid #DFDFDF; margin-bottom:20px; padding-bottom:5px;}
.mainQuote {font:18px 'Times New Roman', Times, serif; color:#AF7D62; text-transform:uppercase; margin:30px 0; border-bottom:1px solid #DFDFDF; border-top:1px solid #DFDFDF; padding:5px 0; letter-spacing:1px; line-height:1.3;}
div.quote {padding:30px 0 30px 90px; background:url(../_images/quotes.png) 10px 30px no-repeat; color:#BF8B77; line-height:1.6; font:14px "Times New Roman", Times, serif; text-align:left;}
.contactFooter {margin:40px 0 20px 0;font:14px 'Times New Roman', Times, serif; color:#AF7D62; text-transform:uppercase;}
.contactFooter div {border-bottom:1px solid #DFDFDF; margin-bottom:5px; padding-bottom:5px;}
.contactFooter div span {font-size:18px;}
ul.comittment {list-style:none;}
ul.comittment li {font-size:16px;color:#4E6C95;padding:0 0 0 30px;margin:10px 0;background:url(../_images/bullets.png) no-repeat 0 50%;}

.marginLeft {margin-left:20px;}
.marginRight {margin-right:20px;}
.marginRightHalf {margin-right:10px;}
.marginTop {margin-top:20px;}
.marginTopHalf {margin-top:10px;}
.marginBottom {margin-bottom:20px;}
.marginBottomHalf {margin-bottom:10px;}

.marginTopNone {margin-top:0;}
.marginTopLarge {margin-top:60px;}
.marginRightLarge {margin-right:80px;}

img.leftImage {float:left;}
img.rightImage {float:right;}
.fl_left{float:left;}
.blue_bg{ background-color:#4E6C95; width:274px;color:#FFFFFF;padding:3px 0 3px 10px;}

/*=================MAIN END==============*/

/*=================HEADER START==============*/

#header-top {text-align:center;width:960px;float:left;}
#header-content {width:940px;height:149px;float:left;text-align:right;padding:20px 10px 0 10px;}
#header-content img {float:left;}
#header-content img.rightImage {float:right;}
#topText {padding:10px 0; text-align:right;}
#menuRef {text-align:right;}

/*======MAIN MENU START======*/
#menuTop {clear:both;}
#menuTop ul {float:left;width:940px;height:36px;padding:0;margin:0;list-style:none;}
#menuTop ul li {display:inline;}
#menuTop ul li a {float:left;text-align:center;font-size:16px;height:26px;text-decoration:none;color:#FFF;padding:12px 13px 0;margin:0;}
#menuTop ul li a.sf-with-ul {background:url(../_images/menu-top-arrow.png) 97% 45% no-repeat; padding-right:20px;}
#menuTop ul li ul li a {background:#CDA798;text-align:left;font-size:13px;height:26px;padding:10px;}
#menuTop ul li ul li a:hover {background:#AF7D62;}
#menuTop ul li.last a {margin:0;}
#menuTop ul li a:hover {background:url(../_images/menu-top-bck-h.png) repeat-x;}

#menuTop2 {clear:both;overflow:hidden;height:33px;margin-bottom:10px;}
#menuTop2 img {float:right;}
#menuTop2 ul {float:left;width:940px;height:20px;padding:7px 0 0 0;margin:0;list-style:none;}
#menuTop2 ul li {display:inline;margin:0;}
#menuTop2 ul li a {height:16px;text-align:center;font-size:15px;letter-spacing:-0.3px;text-decoration:none;color:#4E6C95;padding:0 9px;margin:0;}
#menuTop2 ul li.first a {padding-left:30px;text-align:right;border:none;}
#menuTop2 ul li.last a {font-weight:bold;color:#AF7D62;}
#menuTop2 ul li a:hover {color:#AF7D62;}

#fontsizer {border:1px solid #E4C5B5; margin:5px; text-align:center;color:#4E6C95;font-size: 16px;}

/*======MAIN MENU END======*/

/*=================HEADER END==============*/

/*=================CONTENT START==============*/
#content {background:#f7f0ee;}
/*======LEFT COLUMN START======*/

#leftColumn {background:#f7f0ee; width:200px; padding:10px 0 0 10px;}
#menuSide {border-top:1px solid #E4C5B5;border-left:1px solid #E4C5B5;border-bottom:1px solid #E4C5B5;width:200px;}
#menuSide ul {margin:0;padding:0 10px;list-style-type:none;width:180px;} 
#menuSide ul li {margin:0;padding:0;width:180px;}
#menuSide ul li a {display:block;width:180px;height:20px;font-size:12px;color:#59759C;margin:0;padding:4px 0 0;background:#F2F2F2;border-bottom:1px solid #FFF;background:#F7F0EE;}
#menuSide ul li a:hover {border-bottom:1px solid #59759C;}
#menuSide ul li.goldMenu a {color:#AF7D62; border:none;}

/*======LEFT COLUMN END======*/

/*======MAIN COLUMN START======*/

#mainColumn {width:708px; margin:10px 0 10px -10px; padding:10px 0 5px 10px; background:#FFF; border-right:1px solid #E4C5B5;border-top:1px solid #E4C5B5;border-bottom:1px solid #E4C5B5; overflow:hidden;}
#mainColumnHome {width:908px;margin:10px 0 10px 10px;padding:10px 0 5px 10px;background:#FFF;border:1px solid #E4C5B5;overflow:hidden;}
div.goldenMainColumn {float:left;width:676px; border:1px solid #E4C5B5; margin:5px; padding:5px;} 
div.goldenMainColumnIndex {float:left;width:676px; height:380px; border:1px solid #E4C5B5; margin:5px; padding:5px;}
div.goldenMainColumnHome {float:left;width:876px; border:1px solid #E4C5B5; margin:5px; padding:5px;} 
div.treatsMainColumn {float:left;width:676px; border-bottom:1px solid #DFDFDF; margin:5px; padding:5px;overflow:hidden;} 
div#learningCentreHeader.treatsMainColumn {width:556px; padding:5px 120px 20px 5px; background:url(../_images/learning_centre_header_back.jpg) no-repeat 100% 0;}
div.contactBack {background:url(../_images/contact_back.jpg) no-repeat 99% 30%;}
#welcomeColumn { width:450px;float:left;margin-top:10px; margin-left:10px;}
#welcomeColumnWide { width:655px;float:left;margin-top:10px; margin-left:10px;}
#welcomeColumnHome { width:660px;margin-top:10px;}
#newsletterColumnMain {width:185px;padding:0 5px;margin-top:10px;margin-bottom:10px;border-left:1px solid #E4C5B5;}
#newsletterColumnMainHome {width:190px;padding:0 10px;margin-top:10px;margin-bottom:10px;border-left:1px solid #E4C5B5;}
#homeBoxBottom {padding:10px 0;height:280px;overflow:hidden;}
#homeBoxBottom div {width:330px;height:280px;float:left;}
#homeBoxBottom div a strong {display:block;width:140px;height:15px;float:left;font-weight:normal;}
#homeBoxBottom01 {display:block;width:310px;height:115px;float:left;margin:0;padding:100px 0 0 20px;text-align:left;background:url(../_images/homeBoxBottom01.png) 0 0 no-repeat;line-height:1.1;font-size:12px;color:#E0E7EF;}
#homeBoxBottom02 {display:block;width:310px;height:115px;float:left;margin:0;padding:100px 0 0 20px;text-align:left;background:url(../_images/homeBoxBottom02.png) 0 0 no-repeat;color:#DFBFB5;font-size:14px;}
#homeBoxBottom03 {background:url(../_images/homeBoxBottom03.png) 0 0 no-repeat;color:#59769D;text-transform:uppercase;font-family:'Times New Roman', Times, serif;}
#contactColumn { width:360px;float:left;margin-top:10px;}
#contactColumnMain {width:295px;float:left;padding:0 0 0 10px;margin-top:10px;margin-bottom:10px;}
#newsletterColumn {width:182px;border:1px solid #E4C5B5; padding:0;}
#newsletterColumn p {margin:5px;}
#viewGalleryColumn {width:176px;border:1px solid #E4C5B5; margin:0 0 10px 0; padding:3px;}
#viewGalleryColumnBottom {width:176px;border:1px solid #E4C5B5; margin:10px 0 0 0; padding:3px;}
#clockImage {float:left;}
#learningCentre {border:1px solid #E4C5B5; width:175px; margin:10px; padding:0 0 20px; background:#FFF;}
#logos {text-align:center;margin-bottom:40px;}
#logos img {margin:0px auto;}
p.hey {margin:10px; line-height:1.2;}
#myMap {width:338px; height:540px;}
#fullWidth {width:685px;}
#emailResponse {width:626px; border-top:1px solid #DFDFDF; margin-top:5px; padding:5px 0 0 50px; background:url(../_images/gsd_logo_mini.png) no-repeat 0 70%; font-size:14px;}

#portfolioD {width:680px; height:65px; float:left; padding:0 0 0 10px; overflow:hidden;}
#portfolioDinclude {width:700px; height:65px;}
#portfolioDinclude a {display:block;width:50px;height:52px;float:left;margin:3px 15px 5px 0;}

#portfolioDinclude a#dentist001 {background:#CCC url(../_images/dentist001_off.jpg) -4px 0 no-repeat;}
#portfolioDinclude a#dentist001:hover, 
#portfolioDinclude a#dentist001.selected {background:url(../_images/dentist001_on.jpg) -4px 0 no-repeat;}
#portfolioDinclude a#dentist002 {background:#CCC url(../_images/dentist002_off.jpg) -4px 0 no-repeat;}
#portfolioDinclude a#dentist002:hover, 
#portfolioDinclude a#dentist002.selected {background:url(../_images/dentist002_on.jpg) -4px 0 no-repeat;}
#portfolioDinclude a#dentist003 {background:#CCC url(../_images/dentist003_off.jpg) -4px 0 no-repeat;}
#portfolioDinclude a#dentist003:hover, 
#portfolioDinclude a#dentist003.selected {background:url(../_images/dentist003_on.jpg) -4px 0 no-repeat;}
#portfolioDinclude a#dentist004 {background:#CCC url(../_images/dentist004_off.jpg) -4px 0 no-repeat;}
#portfolioDinclude a#dentist004:hover, 
#portfolioDinclude a#dentist004.selected {background:url(../_images/dentist004_on.jpg) -4px 0 no-repeat;}
#portfolioDinclude a#dentist005 {background:#CCC url(../_images/dentist005_off.jpg) -4px 0 no-repeat;}
#portfolioDinclude a#dentist005:hover, 
#portfolioDinclude a#dentist005.selected {background:url(../_images/dentist005_on.jpg) -4px 0 no-repeat;}
#portfolioDinclude a#dentist006 {background:#CCC url(../_images/dentist006_off.jpg) -4px 0 no-repeat;}
#portfolioDinclude a#dentist006:hover, 
#portfolioDinclude a#dentist006.selected {background:url(../_images/dentist006_on.jpg) -4px 0 no-repeat;}
#portfolioDinclude a#dentist007 {background:#CCC url(../_images/dentist007_off.jpg) -4px 0 no-repeat;}
#portfolioDinclude a#dentist007:hover, 
#portfolioDinclude a#dentist007.selected {background:url(../_images/dentist007_on.jpg) -4px 0 no-repeat;}
#portfolioDinclude a#dentist008 {background:#CCC url(../_images/dentist008_off.jpg) -4px 0 no-repeat;}
#portfolioDinclude a#dentist008:hover, 
#portfolioDinclude a#dentist008.selected {background:url(../_images/dentist008_on.jpg) -4px 0 no-repeat;}
#portfolioDinclude a#dentist009 {background:#CCC url(../_images/dentist009_off.jpg) -4px 0 no-repeat;}
#portfolioDinclude a#dentist009:hover, 
#portfolioDinclude a#dentist009.selected {background:url(../_images/dentist009_on.jpg) -4px 0 no-repeat;}
#portfolioDinclude a#dentist010 {background:#CCC url(../_images/dentist010_off.jpg) -4px 0 no-repeat;}
#portfolioDinclude a#dentist010:hover, 
#portfolioDinclude a#dentist010.selected {background:url(../_images/dentist010_on.jpg) -4px 0 no-repeat;}
#portfolioDinclude a#dentist011 {background:#CCC url(../_images/dentist011_off.jpg) -4px 0 no-repeat;}
#portfolioDinclude a#dentist011:hover, 
#portfolioDinclude a#dentist011.selected {background:url(../_images/dentist011_on.jpg) -4px 0 no-repeat;}
#portfolioDinclude a#dentist012 {background:#CCC url(../_images/dentist012_off.jpg) -4px 0 no-repeat;}
#portfolioDinclude a#dentist012:hover, 
#portfolioDinclude a#dentist012.selected {background:url(../_images/dentist012_on.jpg) -4px 0 no-repeat;}
#portfolioDinclude a#dentist013 {background:#CCC url(../_images/dentist013_off.jpg) -4px 0 no-repeat;}
#portfolioDinclude a#dentist013:hover, 
#portfolioDinclude a#dentist013.selected {background:url(../_images/dentist013_on.jpg) -4px 0 no-repeat;}
#portfolioDinclude a#dentist014 {background:#CCC url(../_images/dentist014_off.jpg) -4px 0 no-repeat;}
#portfolioDinclude a#dentist014:hover, 
#portfolioDinclude a#dentist014.selected {background:url(../_images/dentist014_on.jpg) -4px 0 no-repeat;}

#portfolioWrapper {border:1px solid #E4C5B5; float:left; margin:10px 0 20px 0; padding:5px; height:351px; width:665px; position:relative;}
#portfolioDWrapper {border:1px solid #E4C5B5; float:left; margin:10px 0 20px 0; padding:10px 0 10px 10px; width:665px;}
#portfolioMT {position:absolute; left:327px; top:5px;}
#portfolioMB {position:absolute; left:327px; top:125px;}
#portfolioRT {position:absolute; left:502px; top:5px;}
#portfolioRB {position:absolute; left:502px; top:125px; background:#F2E8E3; width:157px; height:219px; padding:5px;}
#portfolioL {float:left; left:5px; top:5px; width:270px; margin:0 10px 0 0;}
#portfolioR {float:left; left:502px; top:5px; width:375px;}

#practiceH {width:685px; height:40px; float:left; padding:0 0 0 10px;}
#practiceDescription {position:absolute; left:337px; top:5px; width:330px; height:350px;}
#practiceHinclude {width:700px; height:40px;}
#practiceHinclude a {display:block; width:35px; height:37px; float:left; margin:3px 3px 5px 0;}

table.feeGuide {border:1px solid #4E6C95;width:100%;}
table.feeGuide tr td {height:10px;padding:5px;}
table.feeGuide tr td.tableHeader {height:20px;background:#4E6C95;color:#FFF;padding:5px;}
table.feeGuide tr.odd td {background:#F7F0EE;}

#menuTab {height:70px;color:#FFF;overflow:hidden;margin:20px 0 0 0;}
#menuTab ul {float:left;width:670px;height:70px;padding:0;margin:0;list-style-type:none;}
#menuTab ul li a {float:left;display:block;font:13px 'Times New Roman', Times, serif; text-transform:uppercase;height:49px;width:90px;text-decoration:none;color:#FFF;padding:10px;margin:0;background:#DFBEB5; border-bottom:1px solid #FFF; border-left:1px solid #FFF;overflow:hidden;}
#menuTab ul li {display:inline;}
#menuTab ul li a:hover, #menuTab ul li.ui-tabs-selected a {background:#F7F0EE;color:#4E6C95;border-bottom:1px solid #F7F0EE;}
#tabBox {height:252px;width:645px; background:#F7F0EE; padding:10px; margin:0 0 10px 0; color:#4E6C95;}
#tabBox img {float:left;margin-right:10px;}
#tabBox ul li {margin-top:3px;font-size:12px;}
#loader {width:427px;height:295px; background:url(../_images/dental_implants1.jpg) no-repeat 0 0;}
#loader2 {width:427px;height:295px; background:url(../_images/smile_makeover0.jpg) no-repeat 0 0;}
ul#generalList li {font-size:13px;color:#4E6C95;}
ul#generalList li.odd {color:#AF7D62;}


 
/*======MAIN COLUMN END======*/



/*=================CONTENT END==============*/

/*=================FOOTER START==============*/

#footer {text-align:center;padding-bottom:10px;}
#social-media-box {height:20px;margin-top:15px;text-align:center;font-size:12px;}
#social-media-box img {float:none;margin-left:10px;}

/*=================FOOTER END==============*/