/*
Theme Name: Physical Therapy Center of Ocean Springs 1058
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: url('images/patternbg.png');
    overflow-y: scroll;
}

html {
position: relative;
min-height: 100%;
}
#footer {
position: absolute;
bottom: 0;
width: 100%;
}

.clr:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clr             { zoom: 1; } /* IE6 */
*:first-child+html .clr { zoom: 1; } /* IE7 */

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

body {
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-family: "open sans",sans-serif;
}

h1,h2,h3,h4,h5,h6 {
    font-family: "open sans",sans-serif;
    color:#FFF !important;
    font-weight:normal;
}

h1, #faqTitle{font-size:180%;}
#faqTitle{text-align:center;}
h1 span {color:#ffd204;font-size:85%;}
h2 {font-size:140%;}
h3 {font-size:110%;}
h5 {font-size:90%;text-transform:capitalize !important; border-bottom:none !important;}
.video h3{color:#01538d !important;padding-top:12px;font-size:145%;}

.video a {color:#01538d !important;}
.video a:hover {color:#464646 !important;}

.base,.gmaptopper {
    background-color: #01538d !important;
    border-color: #01538d !important;
}

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

.base_text,.base_sprite,.brd,.testimonial,.colorlist,.bodytext {
    color: #01538d !important;
}

.altcolor {
    color: #000
}

a:link {
    color: #ffd204
}

a:visited,a:active {
    color: #ffd204
}

a:hover {
    color: #CCC;
    text-decoration: none
}

.toprightheadline {font-family: 'Dancing Script', cursive;font-size: 22px;color:#01538d !important;font-weight:normal; text-align: center; margin-bottom: 12px;line-height:1.5em;}


.homebox {
    border: 2px solid #01538d;
    background-color: #ffd204;
    color:#000;
    font-weight:bold;
    padding: 8px;
    font-size:14px;
}

.homebox a{color:#01538d !important;}
.homebox a:hover {color:#4494d3 !important;}

.homebox h1, .homebox h2 {color:#01538d !important;}

.box {
    border: 2px solid #01538d;
    background-color: #ffd204;
    color:#000;
    font-weight:bold;
    padding: 12px;
    font-size:14px;
}
.timetable td {color:#01538d !important;}

.box1 {
    border: 2px solid #ffd204;
    background-color: #01538d;
    color:#ffd204;
    font-size:14px;
    padding: 12px;
}
.box1 ul{color:#ffd204;}

.brd {
    border: solid 2px #01538d;
}

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

.dbrd {
    border: solid 2px #01538d;
    background-color: #ffd204;
    padding: 3px;
}

.dbrd1 {
    border: solid 2px #ffd204;
    background-color: #01538d;
    padding: 3px;
}

.faqbackground {
    background-color: #01538d;
}


/*-----Header--------*/
header {
    height: 273px;
    width: 990px;
    margin: 0 auto;
    text-align: left;
    background-color: transparent;
    position: relative;
    background:url('images/headerbg.png') no-repeat;
}

#heroframe{width:886px;height:278px;margin:0 auto 20px;background:url('/files/hero/bg.png') no-repeat;position:relative;}
#herophoto{width:842px;height:238px;margin:0 auto;position:relative;box-shadow: 0 0 10px #a0a0a0;top: 50%;transform: translateY(-50%);}

#logo{position:absolute;top:16px;left:28px;width:475px;height:150px;}

#tagline{font-family:'open sans', sans-serif;font-size:20px;text-align:center;font-style:italic;text-shadow: 0px 5px 10px rgba(150, 150, 150, 0.8);}

#topaddr {
    font-family: 'open sans', sans-serif;
    font-size: 15px;
    font-weight: 300;
    position: absolute;
    text-transform:uppercase;
    right: 22px;
    text-align: right;
    top: 15px;
    width: 500px;
    /*text-shadow: 1px 1px 2px #000;*/
    letter-spacing: .1em;
    z-index:999;
}

#topaddr span {
    color:#ffd204;
}

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

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

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

/*-------Main Area/Content-------*/
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    width:990px;
    margin: 0 auto -142px;
    background:url('images/centerbg.png') repeat-y;
    position:relative;
}

.main {
    position: relative;
    padding: 0;
    width: 886px;
    margin: 0 auto 25px;
    text-align: left;
    overflow: hidden;
    background: transparent;
}

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

#sidebar {
	position: absolute;
	top:200px;
    width: 220px;
    height: 500px;
    margin: 0;
    padding: 0;
}

#wrap {
    padding: 0 8px;
}

/*MENUS*/

#horimenu {
    width: 990px;
    margin: 0 auto;
    position: absolute;
    z-index: 100;
    height: 56px;
    background:url('images/menubg.png') no-repeat;
    font-family: 'open sans', sans-serif;
    font-size: 14px;
    /*letter-spacing: 1px;*/
    top:173px;
}
#navCenter{width:970px;margin:0 auto;position:relative;}

.current_page_item a {
    color: #ffd204 !important
}

.sf-menu a {
    /*text-shadow: 1px 1px 0 #333333;*/
	/*font-weight: bold;*/
    padding: 10px 13px;
    border: none;
    text-decoration: none;
}

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

.sf-menu {
    float: left;
}

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

.sf-menu li li {
    background: #01538d;
}

.sf-menu li li li {
    background: #01538d;
}

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

.sf-menu li li:hover, .sf-menu li li.sfHover, .sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
    color: #ffd204;
    background:#347bb6;
    outline: 0;
}

/*DESIGN ELEMENTS - boxes and such*/
#footer,.push {
    height: 142px;
}

#footer {
    position: relative;
    color: #FFFFFF;
    width: 990px;
    text-align: left;
    margin: 0 auto;
    padding: 0;
    background:#01538d;
}

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

#footer p {
    padding: 0 8px;
    margin: 0;
}

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

.faq-page .question {font-size: 1.2em;}
.faq-page .video {margin-bottom: 20px;}

#maincontent ul ul {
    list-style-type: none;
}
#maincontent ul ul li:before {
    content: "–"; /* en dash here */
    position: absolute;
    margin-left: -1.1em;
}

h4.prelist {
  background: none repeat scroll 0 0 #FAFAFA;
  border: 1px solid #DDDDDD;
  color: #ffd204 !important;
  font-size: 18px;
  letter-spacing: 1px;
  padding: 3px 12px;
  margin-bottom: 4px;
}
.yellowtext{color:#ffd204 !important;}

.bluestrip{background:#01538d;color:#ffd204;font-weight:bold;text-align:center;padding:4px;margin-bottom:9px;}

.yellowtext{color:#ffcc00 !important;}

.imgshadow {
    box-shadow: 0 0 10px #a0a0a0;
    border: 2px solid #fff;
    margin: 14px;
}

a:hover .imgshadow,a:active .imgshadow{
    box-shadow: 0 0 10px #01538d;
}

.slideshow div {display: none;}
.slideshow div *{display: block;}

.gfield_label, .gform_description {color: #FFF}

.gform_wrapper .gform_body .gform_fields .gfield input[type=text],
.gform_wrapper .gform_body .gform_fields .gfield input[type=email],
.gform_wrapper .gform_body .gform_fields .gfield input[type=tel],
.gform_wrapper .gform_body .gform_fields .gfield input[type=url],
.gform_wrapper .gform_body .gform_fields .gfield input[type=number],
.gform_wrapper .gform_body .gform_fields .gfield input[type=password],
.gform_wrapper .gform_body .gform_fields .gfield select,
.gform_wrapper .gform_body .gform_fields .gfield textarea {
	font-size:13px;
	color:#01538d;
	background:#FFF;
	border:solid 1px #ffd204;
}

#comment, #s {
	color:#01538d;
	background:#FFF;
	border:solid 1px #ffd204;
}

#maincontent ul li, ol li {padding-bottom:9px;}
#maincontent ul li:last-child, #maincontent ol li:last-child {padding-bottom:0px;}
#maincontent ul ul li:last-child, #maincontent ol ol li:last-child {padding-bottom:0px;}
#maincontent ul ul li:first-child, #maincontent ol ol li:first-child {padding-top:0px;}

ul.leaders {
    max-width: 40em;
    margin:0;
    padding: 0;
    overflow-x: hidden;
    list-style: none}
ul.leaders li:before {
    float: left;
    width: 0;
    white-space: nowrap;
    content:
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "}
ul.leaders span:first-child {
    padding-right: 0.33em;
    background: #3d8ac7}
ul.leaders span + span {
    float: right;
    padding-left: 0.33em;
    background: #3d8ac7}

img.center {display: block; margin-left: auto; margin-right: auto;}

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

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

.thickline{width:938px;height:38px;margin-left:-9px;zoom:1;margin-bottom:14px;background:url('images/thickline.png') no-repeat;}

hr {
border: 0;
color: #ffd204;
background-color: #ffd204;
height: 1px;
width: 100%;
text-align: left;
margin-left:0;
}

hr.white {
border: 0;
color: #fff;
background-color: #fff;
height: 1px;
width: 100%;
text-align: left;
margin-left:0;
}

#medlib a, #medlib a:active,#medlib a:visited {color:#01538d;}
#medlib a:hover,#medlib a:hover:visited {color:#464646;}
#medlib h1, #medlib h2, #medlib h3, #medlib h4 {color:#01538d !important;}
#medlib h5, #medlib h6 {color:#000 !important;letter-spacing:1px !important;}
#medlib #bodyText {color:#000;}
/*a#gotoarttop, a#gotolist {color:#FFFF66 !important;}
a:hover#gotoarttop, a:hover#gotolist  {color:#DDD !important;}*/

.question a{padding-left:18px;text-decoration:none;display:inline-block;}
.question a{background-image:url("http://www.ptclinic.com/x3/images/plusdark.png"); background-repeat:no-repeat; background-position:0px 4px;}
.questionOver a{background-image:url("http://www.ptclinic.com/x3/images/minusdark.png"); background-repeat:no-repeat; background-position:0px 4px;}

.staffpic {float: left;margin-right:10px;}

.rightpixheader, .rightcolimg {display: none;}

.page-id-7 .rightpixheader {display: block !important; font-size: 11px; text-align: center; margin-bottom: 10px; }

.page-id-7 .rightcolimg {display: block !important; margin-left: 23px; margin-bottom: 10px;}

.contentleft {float: left; width: 440px;}

.contentleft .text {padding-bottom: 20px; width: 350px; line-height: 20px; margin-left: 20px; font-size: 12px;}

.contentleft img {margin-bottom: 10px;}

.contentleft strong {font-size: 110%;}
.locationpic {margin: 0px auto; margin-top: 20px; width: 400px;}

.contentright {float: left; width:500px;}

.page-id-27 .firsttext {font-size:20px;line-height:1.5em;text-align: center !important;margin-top:20px;}

.service.title {font-weight: bold; text-align: center; font-size: 16px; margin-bottom: 10px; margin-top: 20px;}

.insurance.title {font-weight: bold; text-align: center; font-size: 16px; margin-bottom: 10px; margin-top: 20px;}

#gform_1 {width: 600px; margin: 0px auto;}

.gform_heading {text-align: center; margin: 0px auto; text-align: center; margin-top: 10px;}

.aptatext1 {font-weight: bold;}
.aptatext2 {font-weight: bold; margin-bottom: 10px; line-height: 14px;}

.staffwrapper {margin: 20px 0px 30px 0px;clear:both;}
.stafftitle {margin-bottom: 20px;position: relative; top: 8px;color:#ffd204 !important;}

.stafftitle strong {font-size: 115%;}
.stafftext{color:#FFF;}
.staffpic {float: left;margin-right:10px;}

.locationaddy {text-align: center; margin: 0px auto; font-weight: bold; margin-top: 20px;}

.loweroptions{background:#FFF;padding:5px;}



.rightlinkbox.otherpages {width: 210px; position: relative;}

.rightlinkbox.otherpages.hours {padding-bottom: 20px;}

.rightlinkbox.otherpages .righticon.hours img{width: 50px; position: absolute; float: left;}

.rightlinkbox.otherpages .timetable {width: 200px; color: #333;margin-bottom: 10px; text-align: left; font-size: 10px; position: absolute; left: 50px;}

.rightlinkbox {float: left; width: 205px; height: 115px; margin: 10px; padding-bottom: 5px; text-align: center;  border-bottom: 1px solid #eee;}

.rightlinkbox.otherpages.last { border-bottom:  1px solid #eee; margin-bottom: 20px;}
.rightlinkbox.otherpages.last { margin-bottom: 20px;}


.rightlinkbox.last {height: 160px; border: none;}
.rightlinkbox a:link, .rightlinkbox a:visited {text-decoration: none; color: #2D74AC; text-shadow: 1px 1px 0px #ddd;}
.rightlinkbox a:hover {color: #f89a02; text-shadow: 1px 1px 3px #999; }

.righticon {float: left; position: relative; top: 10px;}
.righticon.hours {margin-top: 20px; margin-right: 10px;}

.rightlinktitle {margin-top: 10px; font-weight: bold;}

.contact { font-size: 16px; margin-top: 30px;}

.rightlinktitle.directions { font-size: 16px; line-height: 16px; margin-top: 30px;}

.rightlinktitle.facebook { font-size: 18px; line-height: 18px; margin-top: 20px;}

.rightlinktitle.weekly {  font-size: 16px; line-height: 16px; margin-top: 25px;}

.rightlinktitle.appointment {  font-size: 16px; line-height: 16px; margin-top: 25px;}

.tabletitle {font-size: 16px; margin-bottom: 5px; font-weight: bold;}

.timetable {width: 208px; color: #333;margin-bottom: 10px; text-align: left; font-size: 11px;}

.imgcenter{display:block;margin-left:50%;margin-right:50%;position:relative;}

 .workready{color:#162b83;font-family:'arial black', arial, sans-serif;font-weight:bold;font-style:italic;}
 .workreadyphrase{font-family:'times new roman', serif;font-size:11px;}
 .workreadytm{font-family:'times new roman', serif;font-size:8px;padding-left:2px;}

.text{
    width:450px;
    margin:5px auto;
}

.one_fourth {
    width: 16%;
    margin-left: 35px;
}

.ctr{text-align:center;}
img.ctr{display:block;margin-left:auto;margin-right:auto;}
div.ctr{display:block;margin:0 auto;}