/*
Theme Name: Bayside Rehabilitation, Inc. 558
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: #DCDACE url('/files/images/bg-sliver.jpg') repeat 0px 0px;
    overflow-y: scroll;
    position: relative;
    min-height: 100%;
    height: auto !important;
}
body{background:url('/files/images/beach.png') no-repeat;background-size: 100% 252px;}

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

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

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

h1{margin-top:0;padding-top:0;}

#faqTitle{text-align:center;}

.base,.gmaptopper {
    background-color: #00a0c4 !important;
    border-color: #00a0c4 !important;
}

.bluestrip{background:#00a0c4;padding:4px;color:#FFF;font-weight:bold;text-align:center;margin-bottom:12px;}

.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: #00a0c4 !important;
}

.altcolor {
    color: #7e130f
}

a:link {
    color: #1c4980
}

a:visited {
    color: #1c4980
}

a:hover,a:active {
    color: #00a0c4;
    text-decoration: underline;
}

.box {
    border: 2px solid #00a0c4;
    background-color: #FFF;
    padding: 12px;
    margin-bottom:16px;
}

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

.brd {
    border: solid 2px #00a0c4;
}

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

.dbrd {
    border: solid 2px #00a0c4;
    background-color: #fff;
    padding: 3px;
}

.dbrd1 {
    border: solid 2px #00703c;
    background-color: #d2e5ba;
    padding: 3px;
}

.faqbackground {
    background-color: transparent;
}

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

.mapaddy{font-size:130%;line-height:1.5em;}

/*-----Header--------*/
header {
    height: 150px;
    width: 100%;
    margin: 0 auto;
    text-align: left;
    /*background: transparent url('/files/images/bg-beach-header-sliver.jpg') repeat-x 0px 0px;*/
    position: relative;
}

.header-beach {
    height: 140px;
    width: 100%;
    margin: 0 auto;
    /*background: transparent url('/files/images/bg-beach-header1.jpg') no-repeat 0px 0px;*/
}

.header-inner {
    width: 990px;
    height: 140px;
    margin: 0 auto;
    position: relative;

}

.logo {
    width: 450px;
    height: 103px;
    position: relative;
    left: 0px;
    top: 6px;
}

#topaddr {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 17px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 12px;
    line-height: 1.1em;
    letter-spacing: -.01em;
}

#topaddr a {
    display: block;
    float: left;
    width: 140px;
}

#topaddr span {
    display: block;
}

#topaddr * {
    text-decoration: none;
    /*color: #e5f5f2;*/
   color:#00703c
}

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

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

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

.wrapper-inner {
    width: 990px;
    margin: 0 auto;
    position:relative;
}

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

#rightcol {
    margin: 0;
    padding: 0 0 10px;
}

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

#wrap {
    padding: 0 8px;
}

/*MENUS*/

#horimenu {
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 100;
    height: 32px;
    top: -1px;
    background:#00a0c4;
}

#navCenter {
    position:relative;
    width: 820px;
    margin: 0 auto;
}

/*#vertmenu {
width:195px; position:relative;float:left;z-index:100;min-height:270px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 17px;
	font-weight: normal;
	letter-spacing: 1px;
	text-shadow: 1px 0px 0px #444;
}
#navigation{
float:left;padding-right:0;padding-bottom:10px;clear:both;
}*/

header .shadow {
    background: transparent url('/files/images/menu-shadow.png') no-repeat 14px -4px;
	height: 35px;
	width: 1035px;
	margin: 0 auto;
    position: relative;
    top: 3px;
}

.current_page_item a {
    color: #fff !important;
    background-color: #00703c;
}
.current_page_item a:hover{
color:#color: #f0e088 !important;
    background-color: #00703c;
}

.sf-menu li li .current_page_item a:hover {
    background: #00a0c4;
}


.sf-menu a {
	padding: 8px 9px;
	border: none;
	text-decoration: none;
	text-transform: uppercase;
}

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

.sf-menu {
    float: left;
}

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

.sf-menu li li {
    background: #DCDACE url('/files/images/bg-sliver.jpg') repeat 0px 0px;
}

.sf-menu li li li {
    background: #DCDACE url('/files/images/bg-sliver.jpg') repeat 0px 0px;
}

.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    color: #f0e088;
    text-shadow: 1px 1px 1px #F0CC00;
    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: #f0e088;
    text-shadow: 1px 1px 1px #F0CC00;
    outline: 0;
    background:#00a0c4;
}

.sf-sub-indicator {background: url('images/arrows-000000.png') no-repeat -10px -100px;}
/*DESIGN ELEMENTS - boxes and such*/
#footer,.push {
    height: 224px;
}

#footer {
    position: absolute;
    bottom: 0;
    color: #FFFFFF !important;
    width: 100%;
    text-align: left;
    margin: 0 auto;
    padding: 0;
    /*background: #00a0c4;*/
    background:url('/files/images/footerbg.png') no-repeat;background-size: 100% 224px;}
}

#footer a:link,#footer a:visited {
    color: #FFF !important;
}

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

#footer p a:hover {
    color: #F0CC00 !important;
}

a#whitelink {
color:#FFF !important;
}

a:hover#whitelink{
    color: #F0CC00 !important;
}

#footer p:last-child {
    margin-top: 10px;
}
/*-------- Specific to this site ------------*/
.underline {
    text-decoration: underline;
}
.faq-page .main, 
.library-page .main {
    width: 950px;
    padding: 10px 20px;
}

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

img a:hover {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity = 50);
}


#slider {
    width: 558px;
    height: 351px;
    position: relative;
    left: 0px;
    margin-bottom: 50px;
    float: left;
    top: 0;
}

#slider .shadow {
    background: transparent url('/files/images/drop-shadow.png') no-repeat 0px 0px;
    height: 25px;
    position: relative;
    top: -10px;
    z-index: -1;
}

#maincontent .shadow {
    background: transparent url('/files/images/hero-shadow2.png') no-repeat 0px 0px;
    height: 31px;
    position: relative;
    top: -10px;
    z-index: -1;
}#maincontent .shadow2 {
    background: transparent url('/files/images/hero-shadow2.png') no-repeat 0px 0px;
    height: 31px;
    position: relative;
    top: -10px;
    left:65px;
    z-index: -1;
}

.page-id-83 .shadow2 {
    background: transparent url('/files/images/hero-shadow2.png') no-repeat 0px 0px;
    height: 31px;
    position: relative;
    top: -26px;
    z-index: -1;
}

.effect2
{
    position: relative;
}
.effect2:before, .effect2:after
{
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width:300px;
    background: #777;
    -moz-box-shadow: 0 15px 10px #777;
	-webkit-box-shadow: 0 15px 10px #777;
    box-shadow: 0 15px 10px #777;  
  -moz-transform:rotate(-3deg);  
  -webkit-transform:rotate(-3deg);  
  -o-transform:rotate(-3deg);  
  -ms-transform:rotate(-3deg);  
    transform: rotate(-3deg);
}
.effect2:after
{  
  -moz-transform:rotate(3deg);  
  -webkit-transform:rotate(3deg);  
  -o-transform:rotate(3deg);  
  -ms-transform:rotate(3deg);  
    transform: rotate(3deg);
    right: 10px;
    left: auto;
}

/* HOMEPAGE SIDEBAR */

.home-side {
    width: 225px;
    float: left;
    position: relative;
    top: 0;
    left: 23px;
}

.home-side a {
	width: 223px;
	height: 112px;
	display: table;
	background: transparent url('/files/images/bg-green-gradient.jpg') no-repeat 0px 0px;
	color: #fff;
	text-shadow: 2px 2px 2px #444;
	text-transform: uppercase;
	margin-bottom: 8px;
	font-weight: bold;
}

.home-side a span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 1.4em;
}

.home-side a:hover {opacity: .5}

.tagline {
    font-size: 1.75em;
    text-shadow: 2px 2px 1px green;
    color: #fff;
    width: 520px;
    text-align: center;
    position: relative;
    font-style: italic;
    left: 435px;
    top: -10px;
    font-weight: bold;
}

/* MINIBANNERS */
.minibanners {
    position: relative;
    top: 10px;
    height: 200px;
    width: 75.5%;
    margin:0 auto;
}

.minibanners div {
    background: transparent url('/files/images/bg-minibanner.png') no-repeat 0px 0px;
    width: 153px;
    height: 152px;
    display: table;
    float: left;
    margin-right: 45px;
}

.minibanners div:last-child {
    margin-right: 0;
    float: left;
}

.minibanners a {
    width: 153px;
    height: 152px;
    display: table-cell;
    vertical-align: middle;
}

.minibanners a span {
    color: #00703c;
    text-shadow: 1px 1px 1px #aaa;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1em;
    letter-spacing: normal;
    margin-left: -7px;
}

.minibanners div a:hover {
    background: transparent url('/files/images/bg-minibanner-hover-2.png') no-repeat 0px 0px;
}

.minibanners div a:hover span {
    text-shadow: 1px 1px 1px #F0CC00;
}


/* HOME BOTTOM BOXES */
.home-boxes-wrap {  
    background: #00703c;
    width: 100%;
    border-top: 12px solid #00a0c4;
}

.home-boxes-inner {
    color: #fff;
    width: 990px;
    margin: 20px auto;
    position: relative;
    height: 275px;
}

.home-boxes-inner .home-box h3 {
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 21px;
    height: 75px;
    margin: 0 5px;
}

.home-boxes-inner .home-box h3 a {color: #00a9cd}
.home-boxes-inner .home-box h3 a:hover {text-decoration: underline;}

.home-boxes-inner .home-box {
    width: 325px;
    display: inline-table;
    border-left: 1px solid #fff;
    position: relative;
}
.home-boxes-inner .home-box div {
    padding: 10px 10px 10px 20px;
    margin-right: 10px;
}
.home-boxes-inner .home-box:first-child {border-left: none;}
.home-boxes-inner .home-box p.fl {
    width: 55%;
    font-size: .9em;
}

.newgmap {overflow: visible !important;}

.rnd {-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}

.smallmap{width:220px;height:160px;}


.gfield_label, .gform_description {color: #000}

.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-family: verdana, sans-serif;
	font-size:13px;
	width:190px;
	color:#00a0c4;
	border:solid 1px #00a0c4;
	background:#fff;
}

.comments input[type=text],
.comments input[type=email],
.comments input[type=tel],
.comments input[type=url],
.comments input[type=number],
.comments input[type=password],
.comments select,
.comments textarea {
	background: #fff;
	border: 1px solid #00a0c4;
	width: 230px;
}

div.staffBox{
margin:0px 0px 50px 0px;
letter-spacing:0;
}

.staffBox img{
float:left;
margin-bottom:10px;
margin-right:10px;
border:2px solid #000;
}

.staffBox h4{
margin-top:0px;
padding-top:0px;
}

.staffBox div{
margin-left:170px;
width:810px;
}