/*
Theme Name: Joint Motion Physical Therapy 721
Theme URI: http://www.e-rehab.com/
Version: 1.0
Description: Designed by John Mason
Author: John B Mason
Author URI: http://www.e-rehab.com
Template: xwp
*/
@import url(superfish.css);

html {
    background: transparent url('/files/images/html-sliver.png') repeat-y top center;
    overflow-y: scroll;
    position: relative;
    min-height: 100%;
    height: auto !important;
}

body,td,.bottom,.mceContentBody,.normal {
    color: #000;
}

body {
    height: auto !important;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 1px;
    font-weight: normal;
    font-style: normal;
    font-family: 'Roboto', sans-serif;

}

.ctr{text-align:center;}
img.ctr{display:block;margin-left:auto;margin-right:auto;margin-bottom:20px;}

h1,h2,h3,h4,h5,h6 {
    font-family: 'Michroma', sans-serif;
}

h1 span {color: #336f9c; font-size: .9em;}

h4 span {font-weight:normal !important; font-size: 1em;font-family: 'Roboto', sans-serif;}

.base,.gmaptopper {
    background-color: #464646 !important;
    border-color: #336f9c !important;
}

.base_sprite,.base_numbers li:before {
    background-image: url(images/shortcodes/sprites/custom_sprite_092334.png) !important;
}

.base_text,.base_sprite a,h1,h2,h3,h4,h5,h6,.brd,.testimonial,.colorlist,.bodytext {
    color: #001629 !important;
}

.bluestrip{background:#001629;padding:4px;color:#FFF;text-align:center;margin-bottom:12px;}

.altcolor {
    color: #336f9c;
}

a:link {
    color: #E70024;
}

a:visited {
    color: #336f9c;
}

a:hover,a:active {
    color: #E70024;
    text-decoration: none
}

a.linkopacity:hover img {
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
-khtml-opacity: 0.7;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity = 70);
}

a.linkopacity img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity = 100);
}

.box {
    border: 2px solid #336f9c;
    background-color: #ffffff;
    padding: 12px;
    margin-bottom:16px;
}

.box1 {
    border: 2px solid #464646;
    background-color: #ffffff;
    padding: 12px;
    margin-bottom:16px;
}

.brd {
    border: solid 2px #336f9c;
}

.brd1 {
    border: solid 2px #464646;
}

.dbrd {
    border: solid 2px #336f9c;
    background-color: #464646;
    padding: 3px;
}

.dbrd1 {
    border: solid 2px #464646;
    background-color: #336f9c;
    padding: 3px;
}

.faqbackground {
    background-color: transparent;
}

.staff{padding-bottom:14px;border-bottom:1px dotted #464646;margin-bottom:16px;}

.staff:last-of-type{border-bottom:none;border-bottom:0;}


/*-----Header--------*/
header {
  height: 225px;
  width: 1200px;
  margin: 0 auto;
  text-align: left;
  position: relative;
}

.headerinner {
  width: 990px;
  margin: 0 auto;
  position: relative;
  z-index: 100;
}

#topaddr {
font-family: 'Michroma', sans-serif;
  font-size: 15px;
  right: 10px;
  text-align: right;
  top: 10px;
  width: 440px;
  float: left;
  letter-spacing: .08em;
  position: relative;
  font-weight: bold;
  line-height: normal;
}

#topaddr span {
  line-height: 2em;
  display: block;
  color: #336f9c;
  letter-spacing: .03em;
  font-weight: bold;
}

#topaddr * {
    text-decoration: none;
    color: #0f3754;
}

#topaddr a:hover {
    color: #E70024 !important;
}

#topaddr a:hover span {
    color: #E70024 !important;
}

/*-------Main Area/Content-------*/
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto;
}

.wrapperinner {
   width: 1200px;
  margin: 0 auto;
  position: relative;
  min-height: 690px;
}

.main {
    position: relative;
    padding: 0;
    width: 990px;
    margin: 0 auto;
    text-align: left;
    overflow: hidden;
    background: transparent;
    min-height: 1100px;
}

.home .main {top: -142px;}

#rightcol {
    float: right;
    width: 730px;
    margin: 0;
    padding: 10px 20px;
}

.library-page .main, .faq-page .main {
  float: right;
  width: 740px;
  margin: 0 110px 0 auto;
  padding: 10px 20px;
}

#sidebar {
    position: absolute;
    top: 15px;
    width: 200px;
    height: 500px;
    margin: 0;
    padding: 0;
    z-index: 400;
    left: 105px;
}

.home #sidebar {
    top: 345px;
}

#wrap {
    padding: 0 8px;
}

/*MENUS*/

/*#horimenu {
    width: 990px;
    margin: 0 auto;
    font-family: arial, serif;
    position: relative;
    z-index: 100;
    height: 34px;
    top: 25px;
}*/

.menubg {
    background: rgba(254,254,254,1);
    background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 1%, rgba(226,226,226,0.71) 97%, rgba(254,254,254,0.7) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,254,254,1)), color-stop(1%, rgba(254,254,254,1)), color-stop(97%, rgba(226,226,226,0.71)), color-stop(100%, rgba(254,254,254,0.7)));
    background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 1%, rgba(226,226,226,0.71) 97%, rgba(254,254,254,0.7) 100%);
    background: -o-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 1%, rgba(226,226,226,0.71) 97%, rgba(254,254,254,0.7) 100%);
    background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 1%, rgba(226,226,226,0.71) 97%, rgba(254,254,254,0.7) 100%);
    background: linear-gradient(to bottom, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 1%, rgba(226,226,226,0.71) 97%, rgba(254,254,254,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#fefefe', GradientType=0 );
    width: 100%;
    height: 34px;
    position: absolute;
    z-index: 99;
    top: 226px;
}

.home .menubg {
  top: 512px;
}

.home #horimenu {
    top: -144px;
}

#tagline{background:#00213a;height:100px;width:575px;position:absolute;top:-170px;right:0;}
#tagline p {font-size:32px;color:#FFF;font-weight:bold;font-style:italic;margin-top:63px;margin-left:195px;}

#horimenu {
    width: 990px;
    margin: 0 auto;
    font-family: arial, serif;
    position: relative;
    z-index: 100;
    height: 34px;
    /* top: 25px; */
}

.current_page_item a {
  color: #E70024 !important;
  text-shadow: 1px 1px 0 #000 !important;
}

.sf-menu a {
    font-family: 'Michroma', sans-serif;
    text-shadow: 1px 1px 0 #ffffff;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: normal;
    padding: 10px 13px;
    border: none;
    text-decoration: none;
    text-transform: uppercase;
}

.sf-menu a, .sf-menu a:visited {
 /* visited pseudo selector so IE6 applies text colour*/
    color: #001629;
  /*Match color above*/
}

.sf-menu {
    float: left;
}

.sf-menu ul {width: 215px;}

.sf-menu li li a {
    border-right: none;
}

.sf-menu li li {
    background: #ddd;
    opacity: .8;
}

.sf-menu li li li {
    background: #ddd;
    opacity: .8;
}

.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    color: #E70024 !important;
    outline: 0;
}

/*DESIGN ELEMENTS - boxes and such*/
#footer {
    position: absolute;
    bottom: 0;
    color: #FFFFFF;
    width: 100%;
    text-align: left;
    margin: 0 auto;
    padding: 0;
    height: 200px;
    background: transparent url('/files/images/bg-footer.png') repeat-x 0px 0px;
}

#footer a:link,#footer a:visited {
    color: white;
}

#footer p {
    padding: 0 8px;
    margin: 0;
    text-align: center;
}

.footerinner {
    width: 990px;
    margin: 0 auto;
    padding-top: 10px;
}

/*-------- Specific to this site ------------*/
.underline {
    text-decoration: underline;
}

.faq-page .question {font-size: 1em; letter-spacing: 1px;
    font-weight: normal;
    font-style: normal;
    font-family: 'Roboto', sans-serif;}
.faq-page .video {margin-bottom: 20px;}

#slider {
  background: transparent;
  width: 100%;
  z-index: -2;
  position: relative;
  top: -141px;
}



.mb {
    width: 200px;
    height: 170px;
    margin: 0 auto;
}

.mb a {
    background: transparent url('/files/images/bg-mb-2.png') no-repeat 0px 0px;
    margin: 0 auto;
    height: 140px;
    width: 140px;
    display: block;
    font-family: 'Michroma', sans-serif;
}

.mb a:hover {
    background: transparent url('/files/images/bg-mb-2-hover.png') no-repeat 0px 0px;
    color: #000;
  	text-shadow: 1px 1px 1px #888;
}

.mb a span {
  text-transform: uppercase;
  text-align: center;
  display: block;
  font-size: 1em;
  padding-top: 50px;
  font-weight: bold;
  color: #000;
}

.mb a span.smalltxt {
	font-size: .9em;
}

.mb a span.smallertxt {
  font-size: .6em;
}

.logo {
    width: 495px;
    float: left;
    top: 5px;
    left: 5px;
    position: relative;
}

.logo a {display: block;}

.social {
    left: 155px;
    position: absolute;
    top: 135px;
}

.locationhero {
    background: url(/files/hero/streetview.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

/*.social a {
    display: block;
}*/

.social a:hover {opacity: .7;}

.social a img {
	 margin: 0 auto 5px auto;
  	display: block;
}

.sf-sub-indicator {
  background: url('images/arrows-000000.png') no-repeat -10px -100px;
}

.header-top {width: 100%; border-collapse: collapse; height: 230px;position: absolute;z-index:100;}
.header-top .middleswoosh {width: 1198px;background: transparent url('/files/images/swoosh-new-3.png') no-repeat 0px 0px;}
.header-top .left,
.header-top .right {background: transparent url('/files/images/bg-header-new2.png') repeat-x 0 0;}
/*.swoosh {
	background: transparent url('/files/images/swoosh-inside-new2.png') no-repeat top center;
  	width: 1200px;
  	height: 230px;
  	position: absolute;
  	z-index: 2;
}*/

.home .swoosh {
	display: none;
}

#layerslider_1 {  border-bottom: 15px solid #464646;}
.gmaptopper {line-height: 1.2em !important;}

.seoH1{ color: #001629;font-size:18px; }
.seoH2{ color: #001629;font-size:14px; }
.seoFooter{ font-size:x-small;color:white;margin:0;}
.seoFooter a:link,.seoFooter a:visited{color:#001629;text-decoration:none;}
.seoFooter a:hover,.seoFooter a:active{color:#888;text-decoration:none;}
.seoPhrase{font-weight:normal;}

.testimonialbox {
  border-top: 4px double #ececec;
}

.testimonialbox p {
  padding-top: 20px;
}

i.fa-google-plus-square{ color: #dc4e41 !important;}
i.fa-facebook-square{ color: #3b5998 !important;}
i.fa-twitter-square{ color: #55acee !important;}
i.fa-youtube-square{ color: #cd201f !important;}
i.fa-pinterest-square{ color: #bd081c !important;}


.open-saturdays {
background:url('/files/images/OpenSaturdays.png') no-repeat;
	    -webkit-transform: rotate(15deg);
	    -moz-transform: rotate(15deg);
	    -ms-transform: rotate(15deg);
	    -o-transform: rotate(15deg);
	    transform: rotate(15deg);
	    position:absolute;top:125px;right:100px;
	}
