@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
strong {
    font-weight: bold;
}
html {
    /*height: 100%;*/
    min-height: 101%;
    overflow-y: scroll;
}
body {
    height: 100%;
}
body {
    background-color: #3b494c;
    background-image: url(../images/base-shadow.png );
    background-position: bottom;
    background-repeat: repeat-x;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    margin: 0px;
    padding: 0px 0px 40px;
}

ol, ul {
    list-style: none outside none;
}

.block40 {
    height:40px;
    display:block;
    overflow:hidden;
}

.outershadow {
    margin: 0 auto;
    min-height: 1px;
    min-width: 1px;
    position: relative;
    width: 1024px;
    z-index: 0;
    background-image: url(../images/top-shadow.png);
    background-position: top;
    background-repeat:no-repeat;
}
.page {
    margin: 0 auto;
    min-height: 1px;
    min-width: 1px;
    position: relative;
    width: 950px;
    z-index: 1;
    background-image: url();
    background-position: top;

}
a,
a:link,
a:visited,
a:active {
    text-decoration: none;
    color: #5eb8c2;
    cursor:pointer;
}
a:hover {
    text-decoration: underline;
    color: #5eb8c2;
}
.font-scale {
    color: #ffffff;
    font-weight: bold;
    position: absolute;
    right: 40px;
    width: 40px;
    top: 20px;
}
.font-scale a {
    text-decoration: none; color:#ffffff;
}
.scale-up {
    font-size: 1em;
}
.scale-reset {
    font-size: 0.9em;
}
.scale-down {
    font-size: 0.7em;
}
.header {
    min-height: 150px;
    display: block;
    overflow: hidden;
    position: relative;
    background-image: url(../images/practicalperio_org-top.png);
    background-repeat:no-repeat;
    background-position: top;
}
.header .logo {
    position: absolute;
    bottom: 0px;
    left: 40px;
}

.header .logo h1 {
    display:none;
}

.header .book {
    position: absolute;
    bottom: 50px;
    right: 40px;
    color:#ffffff;
    font-size:13px;
    line-height:18px;
}

.header .book .to-book { font-weight:bold; color:#55bdc0;}

.header .book .contact { font-weight:bold;}

.header .book .email {}
.header .book .email a {color:#ffffff;}

.header .book .telephone {}

.main-body,
.footer {
    min-height: 125px;
    border: 2px solid #fff;
    display: block;
    overflow: hidden;
    position: relative;
}
.main-body {
        background-color: #ffffff;
    background-image: url( ../images/inner_top.png);
    background-repeat:no-repeat;
    background-position: top right;
    border-top: none;
    border-bottom: none;
}

.inline_image {display:inline-block; float: left;
    margin-right: 10px; }

.footer {
    
}
.footer-inner {
    min-height: 125px;
    border-top: none;
    display: block;
    position: relative;
    background-color: #3b494c;
}
.footer-menu {
    position: absolute;
    top: 20px;
    left: 40px;
}

.footer .copyright {
    position: absolute;
    top: 88px;
    right: 350px;
    font-size: 0.7em;
}

.footer .logo {
    position: absolute;
    bottom: 0px;
    left: 40px;
}

.footer .address {
    color: #969da1;
    font-size: 11px;
    position: absolute;
    top: 25px;
    right: 40px;
    line-height:16px;
}

.footer .address .practicalperio {
    font-weight: bold;
    color: #ffffff;
    font-size: 12px;
}

.footer .address .practicalperio .perio {
    color: #55bdc0;
}

.footer .contact_details {
    font-size: 11px;
    position: absolute;
    top: 72px;
    right: 81px;
    line-height:16px;
}
.footer .contact_details .telephone {font-weight: bold;
bottom: 25px;}
.footer .contact_details .email { font-weight: bold; }

/* menu start */

.header-nav li.selected a, .header-nav a:hover {
    color: #3b494c;
    position: relative;
    text-decoration: none;
}

.header-nav a {
    color: #57bcbb;
    display: block;
    font-size: 15px;
    line-height: 25px;
    padding-bottom: 1px;
    text-align: center;
    /* width: 117px; */
    padding-left:10px;
    padding-right:10px;
}

.header-nav-holder:after {
    clear: both;
    content: " ";
    display: block;
}

.header-nav-holder {
    background-color:#ffffff;
	position:relative;
    padding: 3px 0 4px;
    margin: 0 auto;
    width: 950px;
}

.header-nav {
    float: left;
    list-style: none outside none;
    padding-left: 30px;
    font-size:13px;
    font-weight:bold;
}

.header-nav.right { position:absolute; right:30px; }

.header-nav li {
    background: url("../images/header-nav-separator.png") no-repeat scroll 100% 0 transparent;
    float: left;
    padding-right: 1px;
}

.header-nav li.last {
    background: none;
}


div#top div#nav {
    float: left;
    clear: both;
    width: 932px;
    height: 52px;
    margin: 22px 0 0;
}
div#top div#nav ul {
    float: left;
    width: 700px;
    height: 52px;
    list-style-type: none;
}
div#nav ul li {
    float: left;
    height: 52px;
}
div#nav ul li a {
    border: 0;
    height: 52px;
    display: block;
    line-height: 52px;
    text-indent: -9999px;
}

.footer-menu { line-height:27px;  margin-right:28px; font-size:0.7em; float: right;}

.footer-menu a {color:#ffffff; text-decoration:none;}

.footer-menu .pipe {color:#969da1;}

.footer-menu a:hover { text-decoration:underline;}

.footer-menu ul { }

.footer-menu ul li { float:left; margin-right:5px;}

.inner {
    margin:0 40px;
    color:#000000;
     padding:20px 0px 40px 0px;
    position:relative;
}

.inner h1,
.inner h2,
.inner h3,
.inner h4 { font-weight:bold; margin-bottom:10px;}

.inner h1 {color: #5eb8c2;}

.inner h2 {color: #000000; font-size:16px;}

h2.page_title {margin-bottom:0px;}

.inner h3 {color: #898989; font-size:14px;}

.inner h4 {color:#969da1;}

.inner p { font-size:12px; margin-bottom:10px; color:#898989; line-height:18px;}

.inner p a {font-weight:bold;}
    
/* Landing page */

.landing_page .inner {
background-image: url(../images/base_arc.png);
    background-position: bottom left;
    background-repeat: no-repeat;
    margin-left:0px;
    padding-left:40px;
}

.landing_page .inner .left-column {width:630px; float:left;}

.landing_page .inner .right-column {width:200px; padding-left:665px;}

.landing_page .inner .intro-paragraph {font-weight:bold; font-size:16px; color:#898989;}

.landing_page .inner h1.title { font-size:20px;}

.landing_page .inner p {color:#000000;}

.landing_page .inner .right-column .matt { background-color:#3b494c; padding:15px; border-radius:8px; }

.landing_page .inner .right-column .matt h2 { color:#ffffff; font-weight:normal;}
.landing_page .inner .right-column .matt .matt-image {}
.landing_page .inner .right-column .matt .matt-image img {}
.landing_page .inner .right-column .matt p {color:#ffffff;}
.landing_page .inner .right-column .matt .readmore a {color: #5eb8c2; font-size:14px; font-weight:bold;}
.landing_page .inner .right-column .matt .readmore a:hover {color: #ffffff;}

.gallery { border: 2px solid #5eb8c2; border-radius:8px; padding:6px 2px 3px 2px; text-align:center; margin:15px 0px;}

.gallery a { border: 1px solid #898989; background-color:#ffffff; display:inline-block; border-radius:5px;}
.gallery a { border: 1px solid #5eb8c2;}

.gallery a img {width:144px; border:2px solid #ffffff; border-radius:5px;}

.events-courses {margin-top: 20px;}

.events-courses .home-events,
.events-courses .home-courses { position:relative; display:block; overflow:hidden; width:305px; float:left; }

.events-courses .home-events {margin-right:20px;}

.events-courses .list { border: 2px solid #5eb8c2; border-radius:8px; padding:15px; min-height:350px; background-color:#ffffff;}
.events-courses .list-header {
    display: block;
    height: 25px;
    margin-bottom: 5px;
    overflow: hidden;
    position: relative;
}
.events-courses .list-title { font-size:18px; color:#3b494c; font-weight:bold; position:absolute; left:0px; bottom:5px;}
.events-courses .list-link { font-size:12px; position:absolute; right:0px; bottom:5px;}
.events-courses .list-link a {}
.events-courses .list-link a:hover {}

.events-courses .list h3 {color:#000000;}
.events-courses .list .course { font-size:13px; font-weight: bold; color:#3b494c;}
.events-courses .list .location {font-size:13px; font-weight:normal; color:#000000;}
.events-courses .list ul {font-size:13px; margin:10px 0px; color:#898989;}
.events-courses .list ul li {}
.events-courses .list more-details {font-size:13px; font-weight: bold; color:#898989;}

/* Sub page */

.sub_page .inner { 
    margin-left:0px;
    background-image: url(../images/base_arc.png);
    background-position: bottom left;
    background-repeat: no-repeat;
    min-height: 660px;
    }

.sub_page .inner .fb-like {position:absolute; top:40px; right:0px;}

.sub_page .course {
    font-weight:bold;
    color: #898989;
    font-size: 13px;
    }

.sub_page .location {
    color:#000000;
    font-size: 13px;
    margin-bottom:10px;
    }

.quotes .quote,
.sub_page .quote {font-style: italic;}

.quotes .quote {font-size:14px;}

.quotes .feedback-from,
.sub_page .feedback-from { margin-bottom:25px; font-size: 13px;}

.quotes .feedback-from .feedback-name,
.sub_page .feedback-from .feedback-name {font-weight:bold; color: #000000;}

.quotes .feedback-from .feedback-location,
.sub_page .feedback-from .feedback-location {font-weight:bold; color: #898989;}

.quotes .feedback-from .feedback-link a,
.sub_page .feedback-from .feedback-link a {}

.sub_page .more-details { font-size:13px; margin-bottom:15px;}

.sub_page .left-column .module { 
    border: 1px solid #57bcbb;
    border-radius:10px 0px 0px 0px;
    padding:10px;
    margin-bottom:15px;
}

.sub_page .left-column ul {
    color: #898989;
    font-size: 13px;
    margin-bottom:15px;
    list-style-position:outside;
}

.sub_page .left-column .module ul {margin-bottom:0px;}

.sub_page .left-column ul li { 
    background-image: url("../images/list_point.png");
    background-repeat:no-repeat;
    background-position:0px 4px;
    padding-left:25px;
    line-height:22px;
}

.sub_page .inner h1.title {padding-left:235px; font-size:20px;}

.sub_page .inner .sub-menu {
    width:200px; 
    float:left;
}

.sub_page .inner .sub-menu li {
    font-size:15px; 
    font-weight:bold; 
    border-bottom:1px solid #5eb8c2; 
    padding-left:40px; 
    line-height:28px;
}
.sub_page .inner .sub-menu li li {
    font-size:12px; 
    font-weight:normal; 
    border-bottom:none; 
    padding-left:10px; 
    line-height:17px;
}

.sub_page .inner .sub-menu li a { color:#898989;}

.sub_page .inner .sub-menu li li a { color:#898989;}

.sub_page .inner .sub-menu li a:hover { 
    color:#5eb8c2; 
    text-decoration:none;
}

.sub_page .inner .sub-menu li.selected {
    background: url("../images/menu_selected.png") no-repeat scroll 100% 0 transparent;
    background-position:15px 6px;
    
}
.sub_page .inner .sub-menu li.selected a {color:#000000;}

.sub_page .inner .sub-menu li.selected li a { color:#898989;}

.sub_page .inner .sub-menu li.selected li a:hover { color:#5eb8c2; }

.sub_page .inner .left-column {width:540px;  padding-left:235px; }

.inner .clear-base { height:1px; clear:both; display:block; overflow:hidden;}

  /**
   * Item Styles
   */
  .quovolve {
    margin: 20px 0;
  }
  .quovolve blockquote {
    margin: 0;
    /* border: 1px solid #5eb8c2;
    border-radius:8px; */
    padding:0px 15px;
  }
  .quovolve blockquote p {
    margin: 10px 0;
  }
  .quotes ul {
    list-style: none;
  }

  /**
   * General Navigation Styles
   */
  .quovolve-nav:before, .quovolve-nav:after {
    content: "\0020"; display: block; height: 0; visibility: hidden;  
  } 
  .quovolve-nav:after { clear: both; }
  .quovolve-nav {
    margin: 20px 0;
    line-height: 30px;
    zoom: 1;
  }
  .quovolve-nav span {
    float: left;
    margin-right: 5px;
  }
  .quovolve-nav a {
    background: #aaa;
    line-height: 20px;
    color: #fff;
    display: block;
    padding: 5px 15px;
    border: 0 none;
    text-align: center;
    /* Border Radius */
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    /* Box Shadow */
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0, 0.15);
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0, 0.15);
    box-shadow: inset 0 1px 2px rgba(0,0,0, 0.15);
  }
  .quovolve-nav a:hover {
    background: #dd390d;
  }

  /**
   * Numbered Navigation
   */
  .nav-numbers {
    list-style: none; margin: 0;
    float: right;
  }
  .nav-numbers li {
    float: left;
    margin: 0 0 0 5px;
  }
  .nav-numbers li a {
    padding-left: 0; padding-right: 0;
    width: 30px;
  }
  .nav-numbers li.active a, .nav-numbers li a:hover {
    background: #dd390d;
  }

  /**
   * Navigation Description
   */
  .nav-text {
    margin-left: 30px;
    color: #aaa;
  }


#mc_embed_signup { border:2px solid #5eb8c2; border-radius:8px; background-color:#3b494c; padding: 15px 15px 5px; color:#ffffff;  font:14px Helvetica,Arial,sans-serif; }


.sub_page #mc_embed_signup {clear:none;}

.landing_page #mc_embed_signup {margin-top:15px;}

#mc_embed_signup form { padding-top:0px !important; }

#mc_embed_signup label {}

.landing_page #mc_embed_signup h2 {color:#ffffff; font-size:13px; margin-top:0px;}
#mc_embed_signup h2 {color:#ffffff;}

.landing_page #mc_embed_signup label { font-size:12px;}

#mc_embed_signup input.email { display:block; margin-bottom:10px;}

.sub_page #mc_embed_signup input.email {}
.landing_page #mc_embed_signup input.email {width:160px;}

#mc_embed_signup input.button {font-size:12px; clear:none;}

.landing_page #mc_embed_signup .mc-field-group input {margin-bottom:10px; width:160px; padding: 3px 0;}
.landing_page #mc_embed_signup input.email { display:block; margin-bottom:10px; padding: 3px 0;}
.landing_page #mc_embed_signup{width:170px;}
    
.important-message {border:2px solid #5eb8c2; border-radius:8px; background-color:#ffffff; padding:10px; color:#3b494c; font-size:18px; margin-bottom:15px;}

.fb-like {margin-top:15px;}