

/* default font set at 12px/18px */

html,body { margin: 0; padding: 0; width: 100%; }
body { color: #464646; background: #E3E0D6 url(../images/body-background3860.jpg?v=1) repeat-x top center; font: 75%/150% Arial, Helvetica, sans-serif; text-align: center; }
body.nobackground {  background: #f4f1e8;text-align: left;}

a:link { color: #0b8892; text-decoration: underline; outline: none; }
a:visited { color: #064449; text-decoration: underline; }
a:hover { color: #064449; text-decoration: none; }
.black { color: #000; }
table { padding: 0; border: 0; }
table.pad td { padding: 2px; }
table.pad td.red { width: 10px; color: #b4661b; text-align: center; }
table td { padding: 0; border: 0; vertical-align: top; }
img { border: 0; }
img.left { margin: 0 10px 5px 0; }
img.right { margin: 0 0 5px 10px; }
img.border { border: 5px solid #fff; }
.fl { float: left; } 
.fr { float: right; }
form { padding: 0; margin: 0; }
input, select { font: 11px Arial, Helvetica, sans-serif; color: #333; }
.clear { clear: both; }
.required { font-style: italic; color: #b4661b; }
.warning { margin-bottom: 15px; padding: 10px; background: #b4661b; color: #fff; }
#content .warning h3 { color: #FFF; }}
input, select, textarea { font: 11px Arial, Helvetica, sans-serif; color: #333; }
input.input { margin-right: 5px; border: 1px solid #064449; padding-left: 3px; width: 200px; height: 16px; background-color: #ffffff; vertical-align: middle; }
#content select { border: 1px solid #064449; width: 205px; color: #222; background-color: #ffffff; }
#content textarea { border: 1px solid #064449; width: 203px; height: 111px; background-color: #fffffff; resize: vertical; overflow: auto; }

table.pagebuttons { margin: 20px auto; width: 600px; }
#content ul.tools { float:right;}
#content ul.tools li{ margin: 0 0 0 2px; padding:0; background:none; float:right; }
#content ul.tools li a:hover img{ zoom: 1; filter: alpha(opacity=50); opacity: 0.5; }



/** HEADER **/
#header { margin: 0 auto; padding: 0; width: 910px; height: 458px; background: url(../images/banner-background3860.png?v=1) no-repeat left 83px; text-align: center; position: relative; box-sizing: border-box; }
#header img.logo { margin: 20px 0 0 5px; float: left; }
ul#gnav { margin: 16px 88px 16px 0; padding: 0; width: 265px; height: 12px; list-style-type: none; float: right; }
ul#gnav li { margin: 0 3px 0 0; padding: 0; line-height: 12px; float: left; }
ul#gnav li a { height: 12px; line-height: 12px;text-decoration: none; float: left; color: #54a6d5; }
ul#gnav li a:hover { color: #000; }

#header img.phone { clear: right; margin: 0 107px 20px 0; float: right; }

#header .swedish { position: absolute; right: 5px; } 


ul#nav { clear: both; margin: 0 5px 0 357px; padding: 0; width: 586px; height: 43px; list-style-type: none; }
ul#nav li { margin: 0; padding: 0; line-height: 43px; float: left; }
ul#nav li a { margin: 0; padding: 0; height: 43px; line-height: 43px; text-indent: -9999px; text-decoration: none; float: left; }
ul#nav li, ul#nav li a { background-image: url(../images/nav-matrix3860.png?v=1); background-repeat: no-repeat; }
ul#nav li.dr-miles, ul#nav li.dr-miles a { width: 128px; background-position: 0 0; }
ul#nav li.dr-miles a.on, ul#nav li.dr-miles a:hover { width: 128px; background-position: 0 -43px; }
ul#nav li.body, ul#nav li.body a { width: 62px; background-position: -128px 0; }
ul#nav li.body a.on, ul#nav li.body a:hover { width: 62px; background-position: -128px -43px; }
ul#nav li.breast, ul#nav li.breast a { width: 73px; background-position: -190px 0; }
ul#nav li.breast a.on, ul#nav li.breast a:hover { width: 73px; background-position: -190px -43px; }
ul#nav li.face, ul#nav li.face a { width: 57px; background-position: -263px 0; }
ul#nav li.face a.on, ul#nav li.face a:hover { width: 57px; background-position: -263px -43px; }
ul#nav li.skin, ul#nav li.skin a { width: 56px; background-position: -320px 0; }
ul#nav li.skin a.on, ul#nav li.skin a:hover { width: 56px; background-position: -320px -43px; }
ul#nav li.gallery, ul#nav li.gallery a { width: 82px; background-position: -376px 0; }
ul#nav li.gallery a.on, ul#nav li.gallery a:hover { width: 82px; background-position: -376px -43px; }
ul#nav li.contact, ul#nav li.contact a { width: 91px; background-position: -458px 0; }
ul#nav li.contact a.on, ul#nav li.contact a:hover { width: 91px; background-position: -458px -43px; }
#header img.banner { clear: both; margin: 15px 20px 0; }

#socialHeader { margin: 24px 20px -16px 0; float: right; }
#socialHeader a.icon { text-indent: -9999px; height: 32px; width: 32px; margin-right: 10px; float: left; display: inline-block; background-size: 32px 32px !important;}
#socialHeader a.facebook { background: url(../images/icon-facebook.png)no-repeat top left;  }
#socialHeader a.gplus { background: url(../images/icon-gplus.png)no-repeat top left;  }
#socialHeader a:last-child { margin-right: 0; }


/** CONTENT **/
#footerContainer { margin: 0 auto; padding: 0; background: url(../images/footer-background3860.gif?v=1) repeat-x left bottom; text-align: center; }
#mainContainerWrapper { background: #fff; }
#mainContainer { margin: 0 auto; padding: 0 0 20px 0; width: 910px; text-align: center;

	background: url(../images/maincontainer-background3860.gif?v=1) repeat-y left top; 

 }
#content { margin: 0; padding: 20px 35px 0; text-align: left;

	width: 545px !important; width /**/: 615px; background: url(../images/content-background.gif) no-repeat left top; float: right; 

 }
#content p.breadcrumb { margin: 5px 0 20px; font: .833em/1.1em Arial, Helvetica, sans-serif; color: #064449; float: left; }
#content p.breadcrumb a { color: #999381; text-decoration: none; }
#content p.breadcrumb a:hover { color: #064449; text-decoration: underline; }
#content .divider { padding: 0 3px; color: #b4661b; }
#user-links { margin: 0; font: .83em/1.1em Arial, Helvetica, sans-serif; float: right; }
#user-links a { color: #003d42; text-decoration: none; }
#user-links a:hover { text-decoration: underline; }
#user-links img { padding: 0 3px; vertical-align: middle; } 
#content h1 { padding: 0 0 12px; margin: 0 0 12px; border-bottom: 1px solid #b4661b; font-size: 28px; line-height: 30px; font-family: "garamond-premier-pro",serif; color: #064449; font-variant: small-caps; font-weight: normal; }
#content h2 { margin: 0 0 7px; padding-bottom: 3px; font-size: 20px; line-height: 1.2em; font-family: "garamond-premier-pro",serif; font-weight: normal; color: #064449; border-bottom: 1px solid #b4661b; }
#content h3 { margin: 0 0 3px; font: 1.2em/1.1em Arial, Helvetica, sans-serif; font-weight: bold; color: #b4661b; }
#content p { margin: 0 0 20px; }
#content p.home { margin: 0 0 12px; }
#content strong { font-weight: bold; }
#content .warning strong { color: #fff; }
#content ul { margin: 0 0 20px; padding: 0; list-style-type: none; }
#content ul.nomarg { margin: 0; }
#content ul li { margin: 0 0 0 15px; padding: 0 0 0 8px; background: url(../images/li-bullet.gif) no-repeat left 8px; }
#content .warning ul li { background: url(../images/warning-bullet.gif) no-repeat left 8px; }
#content .box { margin: 0 0 20px; background: url(../images/box-background.gif) repeat-y left 52px; font-weight: bold; color: #b4661b; }
#content .box h2 { text-indent: -9999px; border: none; height: 52px; }
#content .box h2.box-body { background: url(../images/box-h2-body.jpg) no-repeat left top; }
#content .box h2.box-breast { background: url(../images/box-h2-breast.jpg) no-repeat left top; }
#content .box h2.box-face { background: url(../images/box-h2-face.jpg) no-repeat left top; }
#content .box h2.box-skin { background: url(../images/box-h2-skin.jpg) no-repeat left top; }
#content .box p { margin: 0; }
#content .box ul { margin-bottom: 0; }
#content .box ul li { margin-left: 0; }
#content .insidebox { padding: 5px 25px 25px; background: url(../images/box-bottom.gif) no-repeat left bottom; }
#content .boxquestions { margin: 0 0 20px; padding: 0; background-color: #ede3d3; border-bottom: 1px solid #b4661b; color: #464646; }
#content .boxquestions h2 { margin: 0 0 15px; padding: 0 0 15px; background-color: #f4f1e8; border-bottom: 1px solid #b4661b; padding-bottom: 6px; color: #064449; }
#content .boxquestions p { margin: 0 0 20px; padding: 0 25px; }
#content .boxquestions p strong { color: #064449; }
#content p.top { margin: 0; text-align: right; }
#content .photos { margin: 0 0 10px 10px; float: right; }
#content .dotted { margin: 0 0 14px; border-top: 1px dotted #b9b8ad; height: 1px; }
#content #mapContainer { background: url(../images/map-background.gif) left top; width: 545px; height: 340px; padding-top: 5px }
#content #mapContainer #map { margin: 0 8px; width: 528px; height: 329px; }



/* SOCIAL MEDIA */
#socialMedia { margin: 0 0 30px 0;  }
#socialMedia .inner-box { padding: 0; background: none; height: 20px;  }
#socialMedia .google { padding-right: 12px; margin-right: 13px; width: 59px;  height: 20px; border-right: 1px solid #b4661b;  float: left; }



/** LNAV **/
#lnav { margin: 0 0 0 35px; border-top: 20px solid #e3e0d7; padding: 0; width: 260px !important; width /**/:295px; text-align: left; float: left; }
#lnav ul { margin: 0; padding: 22px 0 30px; background: #cdcac0 url(../images/lnav-ul-background.gif) repeat-x left bottom; font: 1.167em/1.1em Arial, Helvetica, sans-serif; list-style-type: none; }
#lnav ul li ul { padding: 0; font-size: 1em; font-style: italic; background: #cdcac0; }
#lnav ul li { margin: 0; padding: 5px 10px 5px 34px; background: url(../images/lnav-li-arrow.gif) no-repeat 20px 8px; }
#lnav ul li ul li { margin: 0; padding: 5px 10px; background: none; }
#lnav ul li ul li.last { padding: 5px 10px 0; }
#lnav ul li a { color: #043539; text-decoration: none; }
#lnav ul li a:hover { color: #b4661b; }
#lnav ul li.on { border-top: 1px solid #deddd5; border-bottom: 1px solid #deddd5; background-color: #ece9e0; background-image: url(../images/lnav-li-arrow-on.gif); }
#lnav ul li ul li { border-top: none; border-bottom: none; background-color: none; background-image: none; }
#lnav ul li.on ul li { background-color: #ece9e0; }
#lnav ul li ul li.on { border-top: none; border-bottom: none; background-color: #ece9e0; background-image: none; }
#lnav ul li.on a { color: #b4661b; text-decoration: none; }
#lnav ul li.on ul li a { color: #043539; text-decoration: none; }
#lnav ul li.on ul li.on a { color: #b4661b; text-decoration: none; }
#lnav ul li.open { background-image: url(../images/lnav-li-arrow-open.gif); }
#lnav ul li.open ul { margin: 0; padding: 5px 0; background: none; font: .9em/1.1em Arial, Helvetica, sans-serif; list-style-type: none; }
#lnav ul li.open ul li { margin: 0; padding: 3px 0 0 15px; background: url(../images/lnav-li-arrow-sub.gif) no-repeat 5px 7px; }
#lnav ul li.open ul li a { color: #043539; text-decoration: none; }
#lnav ul li.open ul li.onSub a, #lnav ul li.open ul li a:hover { color: #b4661b; }
#lnav a:hover img.lnavgallery, #lnav a:hover img.consultation, .featuregallery a:hover img, .featureHM a:hover img { zoom: 1; filter: alpha(opacity=80); opacity: 0.8; }

#lnav .sm { font-size: .786em; }
#lnav img.consultation { margin: 18px 0 7px 11px; }
#lnav p.consultation { margin: 0 18px 18px; font: .833em/1.2em Arial, Helvetica, sans-serif; color: #252424; }
#lnav p.consultation a { color: #252424; text-decoration: none; }
#lnav p.consultation a:hover { color: #064449; }
#lnav .dotted { margin: 0 0 18px; border-top: 1px dotted #b9b8ad; height: 1px; }

#quickcontact{ margin: 0 0 20px; padding: 0 20px; font: .916em/1.0em Arial, Helvetica, sans-serif; color: #000; }
#quickcontactHM { margin: 0; border: 1px solid #e3e0d6; padding: 20px; width: 277px !important; width /**/: 319px; background: #f6f4ed url(../images/quickcontactHM-background.gif) no-repeat left top; font: .916em/1.0em Arial, Helvetica, sans-serif; float: right; }
#quickcontact h3, #quickcontactHM h3 { margin: 0 0 10px; padding: 0; width: 95px; height: 24px; background: url(../images/lnav-h3-quickcontact.gif) no-repeat left top; text-indent: -9999px; }
#quickcontact td, #quickcontactHM td { padding: 0 0 4px; }
#quickcontact input.quick { margin: 1px 0; border: 1px solid #00292c; padding-left: 3px; width: 214px; }
#quickcontactHM input.quick { margin: 1px 0; border: 1px solid #00292c; padding-left: 3px; width: 270px; }
#quickcontact input.quickSM { border: 1px solid #00292c; padding-left: 3px; width: 132px; }
#quickcontactHM input.quickSM { border: 1px solid #00292c; padding-left: 3px; width: 180px; }
#quickcontact textarea { border: 1px solid #00292c; width: 218px; resize: vertical; overflow: auto; }
#content #quickcontactHM textarea { border: 1px solid #00292c; width: 273px; height: 60px; resize: vertical; overflow: auto; }
#quickcontact img.validator, #quickcontactHM img.validator { background: #fff; vertical-align: middle; }
#quickcontact .warning, #quickcontactHM .warning { padding-bottom: 3px; line-height: 1.2em; }

.lnavgallery { margin: 0 0 15px 15px; }

/** CONTENT HM **/
#content .welcomeHM { margin: 0; padding: 0 42px 0 0; width: 479px !important; width /**/: 521px; float: left; }

#content .featureHM { font: .833em/1.2 Arial, Helvetica, sans-serif; color: #464646; text-decoration: none; }
#content .featureHM p { margin: 0; padding: 10px 7px 0; width: 225px; }
#content .featureHM a { color: #464646; text-decoration: none; }
#content .featureHM a:hover{ color: #0b8892; }
#content .featuregallery {margin: 10px 0 10px 5px; width: 471px; height: 63px; }



/** FOOTER **/
#footer { clear: both; margin: 0 auto; padding: 17px 35px 35px; width: 840px !important; width /**/: 910px; height: 111px !important; height /**/: 181px; font: .833em/1.3em Arial, Helvetica, sans-serif; color: #918f87; text-align: left; 
 

}
#footer p { margin: 0 0 15px; }
#footer img.logos { padding-right: 10px; vertical-align: top; }  
#footer p.links { color: #ad600d; text-align: right; }
#footer p.links a { padding: 0 5px; color: #1c524c; text-decoration: none; }
#footer p.copyright { text-align: right; }
#footer p.copyright a { color: #918f87; text-decoration: none; }
#footer p a:hover { color: #ad600d; }


