/*
CSS Stylesheet for Yonge Sheppard Health Centre (ysmassagetherapy.ca)
author: Leonardo Romero
email: leo@mediatrigger.com
date: Nov. 2013
*/
/* ===============  NEW CODE ============================= */

@charset "utf-8";

@font-face {
  font-family: 'bitstream_vera_sansroman';
  src: url('webfonts2/bitstreamverasans_roman_macroman/Vera-webfont.eot');
  src: url('webfonts2/bitstreamverasans_roman_macroman/Vera-webfont.eot?#iefix') format('embedded-opentype'),
    url('webfonts2/bitstreamverasans_roman_macroman/Vera-webfont.woff') format('woff'),
    url('webfonts2/bitstreamverasans_roman_macroman/Vera-webfont.ttf') format('truetype'),
    url('webfonts2/bitstreamverasans_roman_macroman/Vera-webfont.svg#bitstream_vera_sansroman') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'bitstream_vera_sansbold';
  src: url('webfonts2/bitstreamverasans_bold_macroman/Vera-Bold-webfont.eot');
  src: url('webfonts2/bitstreamverasans_bold_macroman/Vera-Bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('webfonts2/bitstreamverasans_bold_macroman/Vera-Bold-webfont.woff') format('woff'),
    url('webfonts2/bitstreamverasans_bold_macroman/Vera-Bold-webfont.ttf') format('truetype'),
    url('webfonts2/bitstreamverasans_bold_macroman/Vera-Bold-webfont.svg#bitstream_vera_sansbold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'bitstream_vera_sansoblique';
  src: url('webfonts2/bitstreamverasans_oblique_macroman/Vera-Italic-webfont.eot');
  src: url('webfonts2/bitstreamverasans_oblique_macroman/Vera-Italic-webfont.eot?#iefix') format('embedded-opentype'),
    url('webfonts2/bitstreamverasans_oblique_macroman/Vera-Italic-webfont.woff') format('woff'),
    url('webfonts2/bitstreamverasans_oblique_macroman/Vera-Italic-webfont.ttf') format('truetype'),
    url('webfonts2/bitstreamverasans_oblique_macroman/Vera-Italic-webfont.svg#bitstream_vera_sansoblique') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'bitstream_vera_sansBdOb';
  src: url('webfonts2/bitstreamverasans_boldoblique_macroman/Vera-Bold-Italic-webfont.eot');
  src: url('webfonts2/bitstreamverasans_boldoblique_macroman/Vera-Bold-Italic-webfont.eot?#iefix') format('embedded-opentype'),
    url('webfonts2/bitstreamverasans_boldoblique_macroman/Vera-Bold-Italic-webfont.woff') format('woff'),
    url('webfonts2/bitstreamverasans_boldoblique_macroman/Vera-Bold-Italic-webfont.ttf') format('truetype'),
    url('webfonts2/bitstreamverasans_boldoblique_macroman/Vera-Bold-Italic-webfont.svg#bitstream_vera_sansBdOb') format('svg');
  font-weight: normal;
  font-style: normal;
}

html,
body {
  margin: 0px;
  padding: 0px;
  border: 0px;
  color: #000;
  background: #fff;
}

html,
body,
p,
th,
td,
li,
dd,
dt {
  font: 1em 'bitstream_vera_sansroman';
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'bitstream_vera_sansroman';
}

h1 {
  font-size: 2em;
  line-height: 1.3em;
}

h2 {
  font-size: 1.5em;
}

h3 {
  font-size: 1.2em;
}

h4 {
  font-size: 1.0em;
}

h5 {
  font-size: 0.9em;
}

h6 {
  font-size: 0.8em;
}

a:link {
  color: #00f;
}

a:visited {
  color: #009;
}

a:hover {
  color: #06f;
}

a:active {
  color: #0cf;
}

/* ===============  END NEW CODE =========================== */
body {
  border-top: 10px solid #44A892;
  color: #333333;
}

input {
  padding: 7px;
  outline: 0;
  border: 0px;
  width: 250px;
  background: #EBE8DE;
  border-radius: 5px;
}

input[type=submit] {
  width: auto;
  padding: 5px 18px;
  line-height: 25px;
  text-shadow: none;
  cursor: pointer;
  box-shadow: none;
  background: #333333;
  color: #fff;
}

p {
  margin: 5px 0;
  line-height: 25px;
}

a {
  text-decoration: none;
  color: inherit;
  transition: color .5s ease;
}

strong {
  font-weight: bold;
}

figcaption strong {
  border-bottom: 1px solid #D6D0C1;
  padding-bottom: 10px;
  margin: 10px 0px;
  display: block;
}

figcaption {
  line-height: 25px;
  font-size: .875em;
  width: 200px;
}

hr {
  background-color: #D6D0C1;
  border: 0;
  height: 1px;
  margin: 20px 0;
}

table {
  width: auto;
  border: 0px;
}

td {
  /*min-width: 100px; */
}

td.tblspacer {
  width: 10px;
}

td.tblspacer2 {
  width: 30px;
}

td .emph {
  font-weight: bold;
}

td .tblnote {
  font-size: .85em;
}

sup {
  vertical-align: super;
  font-size: smaller;
}

/* HEADER */
#header,
#header a,
header #menu {
  display: none;
}

#header {
  background: #44A892;
  font-size: 1em;
  font-weight: bold;
  color: #000;
  text-align: center;
  line-height: 40px;
  height: 40px;
  padding: 0 50px;
}

#header a {
  background: center center no-repeat transparent;
  background-image: url(../img/menuimg.png);
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 2x;
  left: 10px;
}

header {
  position: relative;
  max-width: 900px;
  margin: 0px auto 20px;
}

header h1 {
  margin: 35px 0px 0px 0px;
  color: #e56038;
}

header p {
  color: #4A463B;
  margin-left: 132px;
}

header #headerimgcontainer {
  display: block;
  width: auto;
  height: 152px;
  margin: 0 auto;
}

header #headerMainImg {
  width: auto;
  float: right;
}

header #headerMainTxt {
  width: auto;
  float: left;
  margin-top: 70px;
}

/* ------- page subheader----------------- */
.subheading {
  margin-top: 20px;
  position: relative;
}

.subheading .subtitle {
  width: auto;
  position: absolute;
  top: 20px;
  padding: 10px;
  color: #59CCB1;
  background: url(../img/navbackgrnd.png) repeat left top;
  text-align: center;
  margin-bottom: 10px;
}

.subheading .subimagecont {
  display: block;
}

.subheading .subimagecont_small {
  display: none;
}

.subheading .subimagecont img,
.subheading .subimagecont_small img {
  max-width: 100%;
  height: auto;
  width: auto\9;
  /* ie8 */
}

/*  -------------------------- */
nav {
  position: absolute;
  right: 0px;
  bottom: 0px;
  font-size: .85em;
  /*(added to resize for new menu item)*/
}

nav ul {
  text-align: left;
  display: inline;
  margin: 0px;
  padding: 14px 4px 15px 0px;
  list-style: none;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
}

nav ul li {
  /* font: bold 12px/18px sans-serif;*/
  display: inline-block;
  margin: 0px;
  padding: 0px;
  position: relative;
  cursor: pointer;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

nav ul li a {
  transition: all .25s ease;
  display: inline-block;
  margin-right: 0px;
  position: relative;
  padding: 15px 15px;
  color: #44A892;
  -o-transition: all 0.2s;
  transition: all 0.25s;
}

nav ul li a:link,
nav ul li a:visited {
  color: #4A463B;
}

/*nav ul li a:hover
{
  color:#59CCB1;
  background: url(../img/navbackgrnd.png) repeat left top;

}*/
nav ul li:hover a {
  color: #59CCB1;
  background: url(../img/navbackgrnd.png) repeat left top;

}

nav ul li a:active {
  color: #4A463B;
}

#nav_active {
  color: #59CCB1;
  color: #44A892;
}

#nav_active:hover {
  color: #59CCB1;
}

/*nested UL*/
nav ul li:hover ul {
  display: block;
  z-index: 100;
  /* NEW FOR DISPLAYING MENU OVER IMAGES */
}

nav ul li ul {
  padding: 0px;
  position: absolute;
  top: 46px;
  left: 0px;
  box-shadow: none;
  display: none;
}

nav ul li ul li {
  display: block;
  /*  background: url(../img/navbackgrnd.png) repeat left top; */
  color: #fff;
}

nav ul li ul li a {
  transition: all .25s ease;
  display: block;
  margin-right: 0px;
  position: relative;
  padding: 15px 20px;
  width: 220px;
  color: #59CCB1;
}

nav ul li ul li a:link,
nav ul li ul li a:visited {
  color: #fff;
}

nav ul li ul li a:hover {
  color: #59CCB1;
  background-color: #000;
}

nav ul li ul li a:active {
  color: #fff;
}

header img {
  max-width: 100%;
  height: auto;
}

#alternative_menu {
  width: 150px;
  position: absolute;
  top: 100px;
  left: 50%;
  margin-left: -75px;
  display: none;
}

#slider_content1,
#slider_content2,
#slider_content3,
#slider_content4,
#slider_content5 {
  line-height: 25px;
  width: 300px;
  position: absolute;
  top: 5%;
  left: 8%;
  display: none;
  z-index: 11;
}

#slider_content1 h3,
#slider_content2 h3,
#slider_content3 h3,
#slider_content4 h3,
#slider_content5 h3 {
  color: #EBE8DE;
  font-size: 1.5625em;
  font-weight: bold;
  padding: 10px 15px;
  display: inline-block;
}

#slider_content1 {
  display: block;
}

/*----------  Main content Area ---------- */
#content {
  line-height: 25px;
  clear: both;
  max-width: 900px;
  margin: 0 auto;
}

#content h2 {
  border-bottom: 0px solid #D6D0C1;
  padding: 20px 0;
}


a {
  color: #000000;
}

a:link,
a:visited {
  color: #000000;
}

a:hover {
  color: #44A892;
}

a:active {
  color: #000000;
}



/* TWO COLUMNS */
#content article.column1 {
  margin: 70px auto;
  /*  float:left; */
  width: 80%;
}

#content article.column1 ul {
  list-style: disc inside;
}

#content article.column1 ul li {
  list-style-position: outside;
  margin-left: 28px;
  margin-bottom: 5px;
}

/*used in careers page*/
div.slide2 {
  border: 1px solid #44A892
}

div.slide2 div.careers_logo {
  float: left;
  padding-left: 10px;

}

div.slide2 div.opportunities {
  float: left;
  width: 85%;
  padding-left: 10px;

}

div.slide2 .career_updated {
  color: #44A892;
}

/* --------- END Main Content Area -------------------- */

/* SLIDESHOW */
/* Prevent the slideshow from flashing on load */
.slidesjs-container {
  border-top: 1px #d6d0c1 solid;
}

#slides {
  display: none
}

#slides a {
  display: block;
  width: auto;
  height: auto;
  border: 1px solid red;

}

/* Center the slideshow */
.container {
  width: auto;
  /*        margin: 0 auto;*/
  position: relative;
}

/* Show active item in the pagination */
.slidesjs-pagination .active {
  color: red;
  border: 5px solid red;
}

#slider_content1,
#slider_content2,
#slider_content3,
#slider_content4,
#slider_content5 {
  background: url(../img/navbackgrnd.png) repeat left top;
}

/* FOOTER */
footer {
  position: relative;
  clear: both;
  width: auto;
  min-height: 350px;
  background: #333333;
  padding-bottom: 65px;
}

footer #footerclear {
  display: none;
}

footer .wrapper {
  line-height: 25px;
  margin: 0 auto;
  padding-top: 30px;
  padding-left: 20px;
  max-width: 880px;
}

footer .wrapper ul {
  font-size: .875em;

}

footer .wrapper .column {
  color: #ababab;
  float: left;
  width: 200px;
  margin-right: 20px;

}

footer .wrapper .colfiller {
  color: #fff;
  margin-top: 46px;
}

footer .wrapper .column ul li a:link,
footer .wrapper .column ul li a:visited {
  color: #ababab;
}

footer .wrapper .column ul li a:hover {
  color: #fff;
}

footer .wrapper .column ul li a:active {
  color: #ababab;
}

footer .wrapper .column.midlist ul li {
  display: block;
  width: auto;
  padding: 0 0 10px 25px;
  margin-bottom: 10px;
  border-bottom: 0px solid #444444;
}

footer .wrapper .column.midlist ul li a:hover {
  color: #fff;
}

footer .wrapper .column.rightlist ul li {
  display: block;
  width: auto;
  margin-bottom: 10px;
}

footer .wrapper .column.rightlist ul li a span {
  margin-left: 95px;
  display: block;
}

footer .wrapper .column.rightlist ul li a:hover {
  color: #fff;
}

footer .wrapper .column h4 {
  color: #44A892;
  border-bottom: 1px solid #444444;
  padding: 0 0 10px 0;
  margin-bottom: 10px;
}

#callNow {
  background: #44A892;
  height: 50px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

#callNow .wrapper {
  padding-top: 15px;
  color: #fff;
  position: relative;
  text-align: center;
}

#callNow .wrapper a {
  color: #fff;
}

#callNow .wrapper a:hover {
  color: #fff;
  background-color: #ababab;
  ;
}

/* MISC */
.clear {
  clear: both;
}

.note {
  font-size: .85em;
}

.faqH2 {
  color: #44A892;
}

.faq {
  color: #44A892;
  position: absolute;
  left: -30px;
}

.emph {
  font-weight: bold;
}

.hidden {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  /* IE6 & 7 */
  clip: rect(1px, 1px, 1px, 1px);
}

.li_bold {
  font-weight: bold;
  color: #fff;
}

.tabbed {
  padding-left: 15px;
}

/* MEDIA QUERIES FOR A RESPONSIVE LAYOUT */
@media (max-width: 1215px) {

  #slider_content1,
  #slider_content2,
  #slider_content3 {
    width: auto;
    margin-right: 50px;
  }

  #slider_content1 h2,
  #slider_content2 h2,
  #slider_content3 h2,
  #slider_content4 h2 {
    font-size: .75em;
  }
}

@media (max-width: 915px)
/* ----------- DONE ----------- */
  {
  input {
    padding: 4px;
    font-size: 14px;
  }

  input[type="submit"] {
    padding: 1px 14px;
  }

  header nav {
    font-size: .65em;
  }

  nav ul {
    padding: 10px 2px 9px 0px;
  }

  nav ul li a {
    padding: 10px 10px;
  }

  nav ul li ul {
    top: 33px;
  }

  #content,
  header {
    width: 686px;
  }

  #content article.column1 {
    float: none;
    width: auto;
    margin: 50px 30px 0 30px;
  }

  div.slide2 div.opportunities {
    width: 80%;
  }

  footer .wrapper {
    width: 666px;
    padding-top: 20px;

  }

  footer .wrapper .column {
    font-size: .90em;
  }

  footer .wrapper .colfiller {
    margin-top: 46px;
  }

  footer .wrapper .rightlist {
    width: auto;
    *width: 484px;
    margin-top: 20px;
  }

  /*        #callNow .wrapper #faxnum
        {
              display: none;

        }
*/
}

@media (max-width: 765px)
/* ----------- WIP ----------- */
  {
  header {
    height: 175px;
  }

  #header,
  #header a,
  header #menu {
    display: block;
  }

  header #headerimgcontainer {
    height: 152px;
  }

  header #headerMainImg {
    width: auto;
  }

  header #headerMainTxt {
    margin-top: 0px;
  }

  header nav {
    display: none;
  }

  #content,
  header {
    width: 500px;
  }

  footer .wrapper {
    width: 480px;
  }

  footer .wrapper .column {
    width: 218px;
  }

  footer .wrapper .midlist {
    margin-top: 10px;
  }

  footer .wrapper .rightlist {
    margin-top: 10px;
  }

  footer #footerclear {
    display: block;
  }

  footer #callNow .wrapper {
    font-size: 1.25em;
    padding-left: 0px;
    width: 500px;
  }

  #callNow .wrapper #mailto {
    display: none;
  }

  /* ------- page subheader----------------- */

  .subheading .subimagecont {
    display: none;
  }

  .subheading .subimagecont_small {
    display: block;
  }

  /*  -------------------------- */
  .subheading .subtitle {
    /* float:left;*/
    position: inherit;
    top: 0px;
    padding: 10px;
  }

}

@media (max-width: 500px) {
  /* .container
  {
          height:1px;
          top: -1500px;

  } */

  #slider_content1 h3,
  #slider_content2 h3,
  #slider_content3 h3,
  #slider_content4 h3,
  #slider_content5 h3 {
    font-size: .8em;
    padding: 5px 10px;
  }

  header {
    height: 140px;
  }

  header #headerimgcontainer {
    height: 140px;
  }

  header #headerMainImg {
    width: 100px;
  }

  #content,
  header {
    width: auto;
  }

  footer {
    min-height: 194px;
  }

  footer .wrapper {
    width: auto;
  }

  footer .wrapper .colfiller {
    display: none;
  }

  footer .wrapper .column {
    display: none;
  }

  footer .wrapper .rightlist {
    display: block;
    width: auto;
  }

  footer #callNow .wrapper {
    font-size: 1em;
    width: auto;
  }

  /* ------- page subheader-----------------

		.subheading .subimagecont
		{
			display:none;
		}
		.subheading .subimagecont_small
		{
			display:block;
		}
		*/
  /*  -------------------------- */
}

@media (max-width: 380px) {
  footer #callNow .wrapper {
    font-size: .90em;
    width: auto;
  }

  /*		.subheading .subtitle
		{
		    float:left;
			position:inherit;
			top:0px;
			padding:10px;
		}*/
}

@media (max-width: 344px) {
  footer #callNow .wrapper {
    width: auto;
  }
}