/*
Theme Name: Fort Mill Physical Therapy 1317
Theme URI: http://www.e-rehab.com/
Version: 1.0
Description: Designed by Jon Shiroma
Author: J shiroma
Author URI: http://www.e-rehab.com
Template: xwp
*/
@import url(superfish.css);


body,td,.bottom,.mceContentBody,.normal{color:#666;}
body{font-size:16px;font-weight:normal;font-style:normal;font-family:"futura","century gothic",verdana,sans-serif;}
h1,h2,h3,h4,h5,h6{font-family:"futura","century gothic",verdana,sans-serif;}
.gmaptopper{background-color:#004080 !important;border-color:#5a69a4 !important;}
.base{background-color:#FFF !important;border-color:#5a69a4 !important;}

h1{font-size:24px;line-height:1.4em;}
h2{font-size:20px;}
h2 span{font-weight:normal !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:#5a69a4 !important;}
.altcolor { color: #7e130f}
a:link { color: #5a69a4}
a:visited { color: #5a69a4 }
a:hover,a:active { color: #800000; text-decoration: none }
.box{border:2px solid #5a69a4;background-color:#FFF;padding:12px;}
.box1{border:2px solid #000;background-color:#a5b2e4;padding:12px;}
.brd {border:solid 2px #5a69a4;}
.brd1 {border:solid 2px #000;}
.dbrd {border:solid 2px #5a69a4;background-color:#FFF;padding:3px;}
.dbrd1 {border:solid 2px #000;background-color:#a5b2e4;padding:3px;}
.faqbackground {background-color: #ffffc2;}

.bluetext{color:#336dce;}

.bluequote{font-style:italic;font-size:120%;color:#336dce;}

/* Column Layouts ----------------------------------------------------- */
.one_half{width:48%;}
.one_third{width:30.66%;}
.two_third{width:65.33%;}
.one_fourth{width:22%;}
.three_fourth{width:74%;}
.one_fifth{width:16.8%;}
.two_fifth{width:37.6%;}
.three_fifth{width:58.4%;}
.four_fifth{width:79.2%;}
.one_sixth{width:13.33%;}
.five_sixth{width:82.67%;}
.custom_column{position:relative;margin:0;float:left;}
.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{position:relative;margin-right:4%;float:left;min-height:1px;margin-bottom:0;}
.last{margin-right:0!important;clear:right;}


/*STRUCTURE - header, footer, etc*/
html {
    background-color: #FFF;
    border-top:solid 7px #5a69a4;
    overflow-y:scroll;

}
.wrapper{
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto -80px;
}

/*-----Header--------*/
header{height:143px;width:995px;margin:0 auto;text-align:left;background-color:transparent;position:relative;}


/*-------Main Area/Content-------*/
.main {position: relative; padding:0;width:1025px;text-align:left;margin:0 auto;text-align:left;overflow:hidden;background:white;margin-top:15px;}

#leftcol {float:left;width:750px;display:inline;margin:0;padding:10px;}

#rightcol {float:left;width:220px;height:788px;display:inline;margin:0;padding:0;}

#wrap {padding:0 8px;}

/*MENUS*/

#horimenu {
width:995px;margin:0 auto;font-family: arial, serif; position:relative;z-index:100;height:34px;border-bottom:12px solid #5a69a4;border-top:6px solid #404b50;
}
#navCenter {
width:970px; margin:0 auto;
}

.current_page_item a {color:#00 !important}

.sf-menu a {
font-family: "futura","century gothic",verdana, sans-serif;
font-size: 13px;
/*font-weight: bold;*/
letter-spacing: 1px;
padding: 10px 10px;
border:none;
text-decoration:none;
}

.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 {
	/*background:		transparent;*/
}

.sf-menu li li a {
	border-right:none;
}
.sf-menu li li, .sf-menu a:active {
	background:		#FFF;
}
.sf-menu li li li {
	background:		#FFF;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover {
	color:#5a69a4;
	outline:		0;
}
.sf-menu li li:hover, .sf-menu li li.sfHover,
.sf-menu li li a:focus, .sf-menu li li a:hover {
	color:#fff;
	outline:		0;
	background:		#5a69a4;
	color:#FFF;
}


/*DESIGN ELEMENTS - boxes and such*/

.staffleft {width:300px;float:left;}
.staffright {width:300px;float:left;}

#footer {position: relative; color:#000;width:100%;text-align:left;margin:0 auto;padding:3px 0;border-bottom:39px solid #5a69a4;}

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

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

/*-------- Specific to this site ------------*/

#footer {font-size:85%;}

.purpletext{color:#5a69a4;}
.purplebrd{border:solid 1px #5a69a4;}
.purplestrip{background:#5a69a4;padding-top:3px;padding-bottom:3px;color:#FFF;font-weight:bold;text-align:center;}

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

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

a.linkopacity:hover img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}

a.linkopacity img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }

.topbox{display:none;}

.fps img {
			margin-top:70px;
			border:0px;
}
.fps {
			background-color:black;
			background-repeat:no-repeat;
			margin-bottom:12px;
			display:block;
			width:320px;
			height:264px;
			outline:none;
			border:2px solid #042A7F;
}
.fps:hover {
    border:2px solid #000 !important;
}

/* Ticker Styles */
.tickercontainer { /* the outer div with the black border */
border: 1px solid #000;
background: #fff;
width: 928px;
height: 27px;
margin: 12px 0px 30px 30px;
padding: 0
overflow: hidden;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 4px;
width: 908px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 950px;
font: bold 14px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #003152;
text-decoration:none;
font: bold 14px Verdana;
margin: 0 50px 0 0;
}
ul.newsticker span {
margin: 0 10px 0 0;
}
.video{margin-bottom:20px;}
#seoH1{ color: #829ee3;font-size:16px; }
.seoH2{ color: #829ee3;font-size:14px; }
.seoFooter{ bfont-size:x-small;color:#000;margin:0;}
.seoFooter a:link,.seoFooter a:visited{color:#000;text-decoration:none;}
.seoFooter a:hover,.seoFooter a:active{color:#888;text-decoration:none;}
.seoPhrase{font-weight:normal;}

.socialwrapper	{ width: 650px; height: 50px;}
.social			{ width: 37px; height: 35px; float: left; margin-right: 15px;}
.slide			{ width: 995px; height: 462px; margin: 0px auto; position: relative; left: 0px; margin-bottom: 20px; }

.thumb			{ display: block; height: 150px; width: 600px; margin: 0px auto;  margin-bottom: 30px !important;}
.pic			{ float: right; border: 1px solid #6d6f73; height: 150px;  }
.front			{ width: 90px; text-align: center; float: right; margin-top: 60px; }
.back			{ width: 100px; text-align: center; float: right; margin-top: 60px; }

.quote			{ width: 500px; margin: 0px auto; margin-bottom: 20px; font-size: 12px; letter-spacing: 2px;}
.name			{ }

img.locationpic {width: 145px; height: 108px; margin-bottom: 30px;}
.smallrnd {border-radius: 25px;}
.blackbrd {border: 3px solid #0B0D0A;}

.nostyle {color:#666;}
.nostyle:hover, .nostyle:visited, .nostyle:link {color:#666;cursor: text; }

#topaddr {
   font-family: "futura","century gothic",verdana, sans-serif;
font-size: 15px;
position: absolute;
right: -112px;
text-align: left;
top: 31px;
width: 400px;
/* text-shadow: 1px 1px 2px #000; */
letter-spacing: .1em;
}

#topaddr span {
    font-size: 1.75em;
    line-height: 1.05em;
}

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

#topaddr a:hover {
    color: #5A69A4 !important;
}

#topaddr a:hover span {
    font-size: 1.75em;
    color: #5A69A4 !important;
}

/* nice flat button */
.flatbutton a {min-width: 250px;
min-height: 22px;
padding: 12px;
text-align: center;
background: #2e3192;
display: block;
color: #FFF !important;
margin-bottom: 10px;
font-weight: bold;
text-transform: uppercase;
font-size: 18px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 2px 1px rgba(50, 50, 50, 0.75);
box-shadow:         0px 2px 1px rgba(50, 50, 50, 0.75);}

.flatbutton a:hover {
background: #85a3d5;
color:#000 !important;
}