/* --- RESET + BASE --- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
abbr,acronym{border-bottom:1px dotted #000;cursor:help;}
em{font-style:italic;}
ol li{list-style:decimal outside;}
ul li{list-style:disc outside;}
input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}
blockquote,ol,dl{margin:1em;}
ol,ul,dl{margin-left:2em;}
dl dd{margin-left:1em;}
th{font-weight:bold;text-align:center;}
th,td{padding:.5em;}
caption{margin-bottom:3px;text-align:center;}
p,fieldset,pre, ul{margin-bottom:1em;}
label {padding-bottom:3px;}
strong {font-weight:bold;}
a img {outline:none;}


/* --- BASICS --- */
html {background:#222220; color:#c4bfa6;}
#maininner, h1, h2, h3, h4, h5 {color:#fff;}
/*a {color:#fff3c1; text-decoration:none;}*/
a {color:#fff0c1; text-decoration:none;}
/*a:visited {color:#b2995d;}*/
a:visited {color:#b98b5a;}

a:hover {color:#fff0c1; text-decoration:underline;}

body {font-family:georgia, serif; font-size:13px;}
h1, h2, h3 {font-family:"Lucida Sans Unicode", "Lucida Grande", "sans-serif";}
p, li {line-height:18px;}
#maininner, #contactForm, #mainFull {font-size:14px;}
#maininner p, #maininner li, #contactForm p, #mainFull p, #mainFull li {line-height:20px;}
h1 {font-size:29px; margin-bottom:10px;}
h1 img {display:block; margin-top:10px;}
h2 {font-size:22px; margin-bottom:10px;}
h2 span.welcome, h2.alt {display:block; color:#fff0c1;}
h2 span.secondary, h2.alt2 {color:#b98b5a;}
h3 {font-size:16px; margin-bottom:5px;}
h4 {font-size:14px; font-weight:bold; margin-bottom:10px; color:#fff0c1;}

ul.freeform {margin:0; padding:0;}
ul.freeform li {list-style:none; list-style-image:none;}
.floatLeft {float:left; margin-right:13px;}
.floatRight {float:right; margin-left:13px;}
.framed {border:1px solid #58564c; padding:5px;}
#rightcol .myHrDotted {border-top:1px dotted #979587; margin-bottom:15px;}
.myHrDottedFancy {height:1px; margin-bottom:15px; background:url('../images/dotted-hr.gif') repeat-x top left;}
.clearBoth {clear:both;}
.clearLeft {clear:left;}


#maininner h2 {float:left; width:440px; padding-top:10px; background:url('../images/dotted-hr.gif') repeat-x top left;}
#mainFull h2 {padding-top:10px; background:url('../images/dotted-hr.gif') repeat-x top left;}
#maininner h2.basic, #mainFull h2.basic {padding-top:0; background-image:none;}
#maininner .col2Pod.left {float:left; width:210px;}
#maininner .col2Pod.right {float:left; margin-left:20px; width:210px;}

#maincolBottom .col3Pod, #mainFull .col3Pod {float:left; width:196px;}
#maincolBottom .col3Pod.mid, #maincolBottom .col3Pod.right, #mainFull .col3Pod.mid, #mainFull .col3Pod.right
 {margin-left:20px;}
#maincolBottom .col3Pod.right, #mainFull .col3Pod.right {width:197px;}



/* --- SPECIFICS --- */
#header, #content, #footer, #splash, #copyright {width:950px; margin:0 auto;}

#header {overflow:hidden; padding:24px 0 0 17px; width:933px;}
#header #logo {float:left; position:relative; top:-7px;}
#header #logo img {display:block;}
#header #topNumber, #header .menu {float:right; margin-bottom:6px;}
#header .menu {clear:right; width:690px;}
#header .menu li {float:left; margin-left:5px;}

#content {overflow:hidden; margin:12px auto 0 auto;}
#leftcol {width:280px; float:left;}
#leftcolTop, #leftcolBottom {padding:20px;}
#leftcolTop {background:#2f2d28;}
#maincol {width:670px; float:right;}
#maincolTop {background:#3a3832; overflow:hidden;}
#maincolBottom {padding:20px; clear:both;}
#maininner {width:440px; padding:10px 20px 20px 20px; float:left;}
#mainFull {clear:left; padding:0 20px 20px 20px;}
#rightcol {width:190px; float:right;}
#rightcolTop {background:#43403a; padding:15px;}
#rightcolBottom {padding:15px;}

#footer {padding:25px 17px 0 17px; width:916px; overflow:hidden; background:url('../images/dotted-hr.gif') repeat-x top left;}
#footerLogo {float:left;}
#footer ul {float:left; margin:0 0 0 20px; padding:0;}
#footer li {list-style:none; list-style-image:none;}
#footer .about {float:left; width:290px; margin:0 0 0 20px; color:#828279;}
#footer .about a {color:#b2b2a5;}
#footerLogo p {font-size:21px; color:#c4bfa6; letter-spacing:2px;}
#copyright {margin-top:25px; padding-top:15px; background:url('../images/dotted-hr.gif') repeat-x top left;}
#copyright p {text-align:right; color:#828279;}

#frontpage #splash {position:relative; height:270px; background:#947d65 url('../images/index-splash-bg.jpg') no-repeat top left;}
#frontpage #splash li {position:absolute; top:165px;}
#frontpage #splash li.breast {left:266px;}
#frontpage #splash li.lipo {left:435px}
#frontpage #splash li.abdomino {left:605px;}
#frontpage #splash li.rhino {left:786px;}
#frontpage #splash #womanHair {position:absolute; top:-20px; width:147px; height:20px; background:url('../images/woman-hair.gif') no-repeat top left;}
#frontpage #splash #womanArm {position:absolute; top:270px; width:220px; height:14px; background:url('../images/woman-arm.gif') no-repeat top left;}

.subpage #splash {position:relative; height:120px; background:#947d65 url('../images/sub-splash.jpg') no-repeat top left;}
.subpage #splash li {position:absolute; top:14px;}
.subpage #splash li.breast {left:266px;}
.subpage #splash li.lipo {left:435px}
.subpage #splash li.abdomino {left:605px;}
.subpage #splash li.rhino {left:786px;}
.subpage #splash #womanHair {position:absolute; top:-19px; width:137px; height:19px; background:url('../images/woman-hair-sub.gif') no-repeat top left;}

#contactForm h4 {font-size:22px; font-weight:normal; font-family:"Lucida Sans Unicode", "Lucida Grande", "sans-serif";}
#contactForm .contact {margin:7px 0 16px 0; padding-top:10px;/* color:#ffe7c1;*/}
#contactForm .contact img {position:relative; top:-10px; margin-bottom:-10px;}
#contactForm input, #contactForm textarea {color:#767676; border:1px solid #ccc; padding:4px; width:230px; margin-bottom:13px;}
#contactForm input.submit {width:auto; border:none; float:right;}
#contactForm p.privacy {clear:both;}
#contactForm .privacy strong {color:#fff0c1;}

.galleries table.patientGallery {width:160px;}
.galleries table td {border:0; padding:0;}
#maincolTop .galleries table.patientGallery {margin-bottom:20px;}

#recognition p {text-align:center; margin:20px 0 30px 0;}
#leftcol #specials a, #leftcol .specials a {text-align:left; position:relative; left:-5px;}
#specials a, .specials a {display:block; margin:15px 0 30px 0; }

#papillonSpa {margin-top:20px; padding-top:20px; background:url('../images/dotted-hr.gif') repeat-x top left;}
#papillonSpa h2 {float:left; background:none;}
#papillonSpa h2 a {display:block; float:left; margin-right:13px;}
#leftcol #papillonSpa h2, #leftcol #papillonSpa h2 a {float:none;}

.subpage #officeLocations {overflow:hidden;}
.subpage #mainFull #officeLocations .address {float:left; width:196px;}
.subpage #mainFull #officeLocations .address.mid, #mainFull #officeLocations .address.right {margin-left:20px;}
.subpage #mainFull #officeLocations .address.left {width:197px;}
.subpage #mainFull #officeLocations.alt .address {float:none;}
.subpage #mainFull #officeLocations.alt .address.mid, #mainFull #officeLocations.alt .address.right {margin-left:0;}