/*
Skinology - Static HTML version
Original WordPress theme: "Skinology" (based on plainscape)
Migrated from WordPress to static HTML
*/

@font-face {
  font-family: 'Garamond';
  src: url('fonts/gara.eot');
  src: url('fonts/gara.eot?#iefix') format('embedded-opentype'),
       url('fonts/gara.woff') format('woff'),
       url('fonts/gara.ttf') format('truetype'),
       url('fonts/gara.svg#gara') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GothamMedium';
  src: url('fonts/ufonts.com_gotham-medium.eot');
  src: url('fonts/ufonts.com_gotham-medium.eot?#iefix') format('embedded-opentype'),
       url('fonts/ufonts.com_gotham-medium.woff') format('woff'),
       url('fonts/ufonts.com_gotham-medium.ttf') format('truetype'),
       url('fonts/ufonts.com_gotham-medium.svg#ufonts.com_gotham-medium') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GothamBold';
  src: url('fonts/ufonts.com_gotham-bold.eot');
  src: url('fonts/ufonts.com_gotham-bold.eot?#iefix') format('embedded-opentype'),
       url('fonts/ufonts.com_gotham-bold.woff') format('woff'),
       url('fonts/ufonts.com_gotham-bold.ttf') format('truetype'),
       url('fonts/ufonts.com_gotham-bold.svg#ufonts.com_gotham-bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {
  font-size: 17px;
  font-family: 'Garamond';
  color: #0F2B2D;
}
small { font-family: Arial, Helvetica, Sans-Serif; font-size: 0.8em; }
div,p,h1,h2,h3,ul,li,img,a,span,ins,form,fielsdset,input,select,button,textarea,label,a,td,tr { padding: 0; margin: 0; }
h1, h2, h3, h4, h5, h6 {
  font-family: 'Garamond';
  font-weight: bold;
  text-align: left;
}
h1 { font-size: 2.4em; }
h2 { font-size: 2em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1em; }
pre { overflow: auto; }
acronym, abbr { font-size: 0.9em; letter-spacing: .07em; cursor: help; border-bottom: 1px dashed #999; }
strong { color: #666; }
a { color: #226A6E; text-decoration: none; }
a:hover { color: #000000; }
hr { display: none; }
a img { border: none; -webkit-border-radius: 12px; border-radius: 12px; }

/* Layout */
body { margin: 0; padding: 0; background: url(images/bg.jpg) left top repeat; position: relative; }
#page { margin: 0 auto; padding: 0; width: 1000px; }
#header { overflow: hidden; padding: 23px 0 0 0; }
#wrapper { }
#content { margin: 0; padding: 0; width: 576px; float: left; }
#sidebar { float: right; margin: 0; padding: 20px 0; }
#footer { margin: 0 auto; clear: both; }

/* Header */
#headerimage { width: 509px; float: left; padding: 0 0 0 7px; }
#header h1 { margin: 10px 0; }
#header .description { font-size: 1.2em; }

#hmenu { margin: 0; padding: 0 5px; height: 47px; }
#hmenu .menu-header, div.menu { padding: 0; }
#hmenu .menu-header ul, div.menu ul { list-style: none; margin: 0; padding: 0; }
#hmenu .menu-header li, div.menu li {
  float: left;
  position: relative;
  font-weight: bold;
  text-transform: uppercase;
}
#hmenu .menu-header li:first-child { background: none; }
#hmenu a {
  text-transform: none;
  font-weight: normal;
  font-family: 'Garamond';
  font-weight: bold;
  text-shadow: 5px 0px 5px #ffffff;
  color: #114E51;
  font-size: 21px;
  line-height: 47px;
  display: block;
}
#hmenu a span { background: url(images/nav_left.jpg) left top no-repeat; display: block; line-height: 47px; padding: 0 22px; }
#hmenu a:hover span { background: url(images/nav_hover_l.jpg) left top no-repeat; display: block; line-height: 47px; padding: 0 22px; }
#hmenu li:hover > a, #hmenu ul ul :hover > a { background: url(images/nav_hover_bg.jpg) left top repeat-x; }
#hmenu ul li.current_page_item > a, #hmenu ul li.current-menu-item > a {
  background: url(images/nav_hover_bg.jpg) left top repeat-x;
  color: #114E51;
}
#hmenu ul li.current_page_item > a span, #hmenu ul li.current-menu-item > a span {
  background: url(images/nav_hover_l.jpg) left top no-repeat;
  color: #114E51;
}

/* Post */
.post { margin: 0; padding: 0; text-align: justify; overflow: hidden; clear: both; }
.post h2 {
  background: url(images/left_head_bg.png) left top no-repeat;
  width: 449px;
  height: 51px;
  padding: 0 22px;
  font-size: 27px;
  color: #D6F1EF;
  font-weight: bold;
  line-height: 51px;
  text-shadow: 1px 1px #000000;
  font-family: 'Garamond';
  margin: 14px 0 15px 0;
}
.postmetadata { clear: both; font-size: 1.1em; color: #888; }
.clear { clear: both; }
.entry { font-size: 17px; line-height: 22px; margin: 0; }

p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
.alignright { padding: 0; margin: 2px 0 5px 10px; display: inline; float: right; }
.alignleft { padding: 0; margin: 2px 10px 5px 0; display: inline; float: left; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/* Footer */
#footer {
  z-index: 999999;
  width: 100%;
  overflow: hidden;
  position: absolute;
  left: 0;
  bottom: 0;
  background: url(images/footer_bg.png) left bottom repeat-x;
}

/* Custom layout */
.main_wrapper { background: url(images/back_bg.jpg) left top repeat-x; width: 100%; overflow: hidden; margin: 0; }
.main_container { width: 100%; margin: 0 auto; overflow: hidden; }

.header_right { width: 330px; float: right; padding: 16px 0 0 0; }
.header_right .widget_text .textwidget .phone_no {
  font-size: 25px;
  line-height: 46px;
  color: #226A6E;
  font-family: 'GothamMedium';
  text-align: right;
}
.widget_text .textwidget .headercaption {
  font-family: 'GothamBold';
  font-size: 36px;
  color: #F6FEFE;
  text-shadow: 1px 2px #000000;
  line-height: 60px;
}

.content_container {
  width: 100%;
  overflow: hidden;
  background: url(images/container_bg.jpg) left top repeat-y;
  padding: 0;
}
.content_div {
  background: url(images/container_bg_top.jpg) left top no-repeat;
  width: 100%;
  margin: 0 auto 120px auto;
  overflow: hidden;
}
.content_left { width: 684px; float: left; padding: 0 0 30px 0; }
.content_left .header_txt {
  background: url(images/left_head_bg.png) 5px top no-repeat;
  width: 454px;
  height: 51px;
  padding: 0 22px;
  font-size: 27px;
  color: #D6F1EF;
  font-weight: bold;
  line-height: 51px;
  text-shadow: 1px 1px #000000;
  font-family: 'Garamond';
  margin: 14px 0 5px 0;
}
.content_right { width: 301px; float: right; }
.content_left .home_txt { padding: 0 0 0 30px; font-size: 17px; color: #0F2B2D; line-height: 22px; font-family: 'Garamond'; }
.content_left .home_txt p { padding: 0 0 15px 0; }

.content_right .widget_text h2.widgettitle {
  background: url(images/right_header_bg.png) left top no-repeat;
  width: 301px;
  height: 49px;
  padding: 0 22px;
  font-size: 27px;
  color: #D6F1EF;
  font-weight: bold;
  line-height: 51px;
  text-shadow: 1px 1px #000000;
  font-family: 'Garamond';
  margin: 14px 0 10px 0;
  box-sizing: border-box;
}
.content_right .widget_text .textwidget {
  padding: 0 0 0 20px;
  color: #0F2B2D;
  font-family: 'Garamond';
  font-size: 18px;
}
.content_right .widget_text .textwidget p { padding: 0 0 12px 0; line-height: 24px; }
.content_right .widget_text .textwidget p.txt_1 { padding: 0 0 10px 5px; }
.content_right .widget_text .textwidget a { color: #226A6E; font-weight: bold; }
.content_right .widget_text .textwidget a:hover { color: #000; }

#homeslidercontainer {
  width: 985px;
  background: url(images/banner_bg.png) left top no-repeat;
  padding: 10px 8px 29px 7px;
  margin: 0 !important;
}
#homeslider {
  width: 985px;
  height: 477px;
  overflow: hidden;
  position: relative;
}
#homeslider img {
  width: 985px;
  height: 477px;
  display: block;
  border: none;
}
#homeslider .static_caption {
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 25px;
  color: #0E4A4D;
  font-family: 'GothamBold';
  background: url(images/banner_titlebg.png) left top repeat-x;
  padding: 20px;
  width: 945px;
  height: 42px;
  text-shadow: 1px 1px #EEFCFF;
  box-sizing: content-box;
}

#footer_container { padding: 36px 16px 0 16px; height: 76px; margin: 0 auto; width: 968px; overflow: hidden; }
.footer_right { float: right; width: 100px; }
.footer_right .social_icon img { margin: 0 1px; }
.footer_left { float: left; width: 668px; }
.footer_left .menu-header ul.menu { overflow: hidden; list-style-type: none; margin: 0 0 5px 0; }
.footer_left .menu-header ul.menu li {
  float: left;
  background: url(images/footer_divider.jpg) right bottom no-repeat;
  font-family: 'Garamond';
  font-size: 15px;
  color: #EDF8F7;
  padding: 0 10px;
}
.footer_left .menu-header ul.menu li a {
  font-family: 'Garamond';
  font-weight: bold;
  text-shadow: 1px 1px #000000;
  font-size: 15px;
  color: #AAC9CA;
  text-decoration: none;
  outline: none;
  line-height: 22px;
}
.footer_left .menu-header ul.menu li a:hover { background: none; color: #ffffff; }
.footer_left p { padding: 0 0 0 10px; color: #AAC9CA; text-shadow: 1px 1px #000000; font-size: 14px; font-family: 'Garamond'; font-weight: bold; }
.footer_left .menu-header ul.menu li:last-child { background: none; }

#content_inner {
  overflow: hidden;
  margin: 0 auto;
  background: url(images/inner_content_bg.jpg) left top repeat-y;
  margin: 5px 0 0 0;
  padding: 20px 25px 140px 15px;
  color: #0F2B2D;
  font-family: 'Garamond';
  font-size: 17px;
  line-height: 22px;
}
#content_inner .entry { padding: 0 5px 0 20px; font-family: 'Garamond'; }
#content_inner .entry p { padding: 0 0 15px 0; }

#content_inner2 {
  overflow: hidden;
  margin: 0 auto;
  background: url(images/content_bg2.jpg) left top repeat-y;
  margin: 5px 0 0 0;
  padding: 20px 15px 140px 15px;
  color: #0F2B2D;
  font-family: 'Garamond';
  font-size: 17px;
  line-height: 22px;
}
.content_inner_left { width: 654px; float: left; }
.content_inner_right { width: 311px; float: right; }
.content_inner_left .entry { padding: 0 0 0 20px; }
.content_inner_left .entry p { padding: 0 0 15px 0; }
.content_inner_right #sidebar ul li h2.widgettitle {
  background: url(images/right_header_bg2.png) left top no-repeat;
  width: 235px;
  height: 49px;
  padding: 0 22px;
  font-size: 27px;
  color: #D6F1EF;
  font-weight: bold;
  line-height: 49px;
  text-shadow: 1px 1px #000000;
  font-family: 'Garamond';
  margin: 14px 0 10px 0;
  box-sizing: border-box;
}
.content_inner_right #sidebar ul { list-style: none; padding: 0; margin: 0; }
.content_inner_right #sidebar ul li { padding: 0 0 0 20px; margin-bottom: 20px; }
.content_inner_right #sidebar ul li a { font-size: 16px; font-family: 'Garamond'; font-weight: bold; color: #226A6E; }
.content_inner_right #sidebar ul li a:hover { background: none; color: #000000; }
.content_inner_right #sidebar .textwidget { color: #0F2B2D; font-family: 'Garamond'; font-size: 18px; line-height: 24px; }
.content_inner_right #sidebar .textwidget p { padding: 0 0 12px 0; }

.google_iframe { background: #ffffff; padding: 5px; border: 2px solid #226A6E; margin: 15px 0 10px 0; }

.contact-info-block { line-height: 26px; }
.contact-info-block p { margin: 0 0 12px 0; }
.contact-info-block .label { color: #114E51; font-weight: bold; text-transform: uppercase; font-size: 15px; letter-spacing: 0.5px; }

ul.hours-list { list-style: none; padding: 0; margin: 0 0 15px 0; }
ul.hours-list li { padding: 4px 0; border-bottom: 1px dotted #cfd9d9; }
ul.hours-list li:last-child { border-bottom: none; }

.menu-image-wrap { text-align: center; margin: 20px 0; }
.menu-image-wrap img { max-width: 100%; height: auto; }
.download-menu-btn {
  display: inline-block;
  background: #226A6E;
  color: #fff !important;
  padding: 10px 22px;
  font-weight: bold;
  font-size: 16px;
  text-decoration: none;
  margin: 10px auto;
  border-radius: 4px;
}
.download-menu-btn:hover { background: #114E51; color: #fff !important; }