/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */


/* my styles */

	.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

a {
text-decoration: none;
}

a img{
	border: none;
}


body {
	background: #7e63e6 url(/images/bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-attachment: scoll;
	font-family: Arial, sans-serif;
	font-size: 14px;
	padding: 0;
	margin: 0;
}

.headnav {
	height: 48px;
	width: 960px;
	margin: auto;
}

div {
position: relative;
}

.leftcurve {
	position: absolute;
	top: -1px;
	left: -1px;
	z-index: 1;
}
/* nav */

.nav {
width: 500px;
height: 31px;
margin: 17px 0 0 0;
float: right;
	display: inline;
}

.nav ul {
	float: right;
		display: inline;
	padding: 6px 6px  9px; /* IE needs padding and margin in the ul to create v space */
	margin: 0;
	background-color: #2e0359;
}

.nav li {
	display: inline;
}

.nav ul li a {
background-color: #2e0359;
padding: 6px 6px 9px;  /* FF needs padding and margin in the  ul li a to create v space */
margin: 0;
font: normal 14px arial, sans-serif;
color: #fff;
}


.nav ul li a:hover {
background-color: #58357a;
color: #fff;
}

/* current page */

.page-id-66 #current a{
	background-color: #58357a;
	color: #fff;
}

.page-id-5 #current2 a{
	background-color: #58357a;
	color: #fff;
}

.page-id-6 #current3 a{
	background-color: #58357a;
	color: #fff;
}

.page-id-10 #current4 a{
	background-color: #58357a;
	color: #fff;
}


.page-id-35 #current5 a{
	background-color: #58357a;
	color: #fff;
}


/* end nav */


/* horiz nav */

.tab cont{
	
}

#ts_tabmenu {
font-size: 14px; /* set the font size */
padding: 50px 0px 0px 20px; /* set the padding */
position: absolute;
right: 0;
bottom: -1px;
z-index: 3;
}
#ts_tabmenu ul {
line-height: 1em; /* setting the line height now so we don’t have any headaches*/
margin: 0px; /* let’s keep the margin set to 0 for the same reasons as above*/
list-style-type: none; /* we remove the UL’s default disc bullets */
float: left; /* we float the list to the left like we will all the elements inside*/
padding: 0px 0px 0px 5px; /* give it a left padding of 5px to counter the effect of margin -5px below */
}
#ts_tabmenu ul li {
float: left; /* floatin’ left */
}
#ts_tabmenu ul li a {
text-decoration: none; /* remove the default underline off the anchor text */
display: block; /* we display this text as block so that we can apply padding/margin without problems */
float: left; /* floatin’ left, to make the menu horizontal */
padding: 0px 0px 0px 10px; /* we give it a left padding of 10px to show the first 10 pixels of the tabs image. you can also use padding-left: 10px; */
background: url(/images/tabs.png) no-repeat left top; /* we link to the tabs image, no tiling, showing the top left part of it */
margin-left: -5px; /* this is important for the overlapping part - we are overlapping the tabs by 5 px */
z-index: 0; /* keep it on layer 0 (default) */
position: relative; /* very important as this enables the z-index to work for us and keeps the tabs where they should be */
color: #fff; /* color of the tab text */
}
#ts_tabmenu ul li a strong {
font-weight: normal; /* remove the bold effect */
display: block; /* display the strong element as a block so we can pad it, etc. */
float: left; /* float it left as well */
background: url(/images/tabs.png) no-repeat right top; /* now we show the right part of the tab and we complete the "puzzle" */
padding: 4px 10px 5px 5px; /* important, as through this you define the position of the text within the tab */
cursor: pointer; /* this makes the browser show the "hand" cursor when hovering over the tab */
}
#ts_tabmenu ul li a:hover {
position: relative; /* again, keep things relative */
z-index: 5; /* we show this tab over all other tabs in the menu, which would be on layer 0, thus overlapping occurs */
background: url(/images/tabs.png) no-repeat left bottom; /* now we show the bottom part of the tabs image, the "hover" instance */
color: #000000; /* we color the hovered tab’s text black */
}
#ts_tabmenu ul li a:hover strong {
background-image: url(/images/tabs.png) no-repeat;
position: relative; /* keep it relative */
z-index: 5; /* show this on layer 5 as well */
background-position: right bottom; /* we show the right bottom part of the tabs image (the hover instance) */
}

.page-id-35 #current5 {
background-image: url(/images/tabs.png) no-repeat;
position: relative; /* keep it relative */
z-index: 5; /* show this on layer 5 as well */
background-position: right bottom; /* we show the right bottom part of the tabs image (the hover instance) */
}

.page-id-35 #current55 {
position: relative; /* again, keep things relative */
z-index: 5; /* we show this tab over all other tabs in the menu, which would be on layer 0, thus overlapping occurs */
background: url(/images/tabs.png) no-repeat left bottom; /* now we show the bottom part of the tabs image, the "hover" instance */
color: #000000; /* we color the hovered tab’s text black */
}


.page-id-11 #current6 {
background-image: url(/images/tabs.png) no-repeat;
position: relative; /* keep it relative */
z-index: 5; /* show this on layer 5 as well */
background-position: right bottom; /* we show the right bottom part of the tabs image (the hover instance) */
}

.page-id-11 #current66 {
position: relative; /* again, keep things relative */
z-index: 5; /* we show this tab over all other tabs in the menu, which would be on layer 0, thus overlapping occurs */
background: url(/images/tabs.png) no-repeat left bottom; /* now we show the bottom part of the tabs image, the "hover" instance */
color: #000000; /* we color the hovered tab’s text black */
}


.page-id-12 #current7 {
background-image: url(/images/tabs.png) no-repeat;
position: relative; /* keep it relative */
z-index: 5; /* show this on layer 5 as well */
background-position: right bottom; /* we show the right bottom part of the tabs image (the hover instance) */
}

.page-id-12 #current77 {
position: relative; /* again, keep things relative */
z-index: 5; /* we show this tab over all other tabs in the menu, which would be on layer 0, thus overlapping occurs */
background: url(/images/tabs.png) no-repeat left bottom; /* now we show the bottom part of the tabs image, the "hover" instance */
color: #000000; /* we color the hovered tab’s text black */
}


.page-id-13 #current8 {
background-image: url(/images/tabs.png) no-repeat;
position: relative; /* keep it relative */
z-index: 5; /* show this on layer 5 as well */
background-position: right bottom; /* we show the right bottom part of the tabs image (the hover instance) */
}

.page-id-13 #current88 {
position: relative; /* again, keep things relative */
z-index: 5; /* we show this tab over all other tabs in the menu, which would be on layer 0, thus overlapping occurs */
background: url(/images/tabs.png) no-repeat left bottom; /* now we show the bottom part of the tabs image, the "hover" instance */
color: #000000; /* we color the hovered tab’s text black */
}


.page-id-14 #current9 {
background-image: url(/images/tabs.png) no-repeat;
position: relative; /* keep it relative */
z-index: 5; /* show this on layer 5 as well */
background-position: right bottom; /* we show the right bottom part of the tabs image (the hover instance) */
}

.page-id-14 #current99 {
position: relative; /* again, keep things relative */
z-index: 5; /* we show this tab over all other tabs in the menu, which would be on layer 0, thus overlapping occurs */
background: url(/images/tabs.png) no-repeat left bottom; /* now we show the bottom part of the tabs image, the "hover" instance */
color: #000000; /* we color the hovered tab’s text black */
}

.page-id-27 #current10 {
background-image: url(/images/tabs.png) no-repeat;
position: relative; /* keep it relative */
z-index: 5; /* show this on layer 5 as well */
background-position: right bottom; /* we show the right bottom part of the tabs image (the hover instance) */
}

.page-id-27 #current101 {
position: relative; /* again, keep things relative */
z-index: 5; /* we show this tab over all other tabs in the menu, which would be on layer 0, thus overlapping occurs */
background: url(/images/tabs.png) no-repeat left bottom; /* now we show the bottom part of the tabs image, the "hover" instance */
color: #000000; /* we color the hovered tab’s text black */
}


.page-id-80 #current11 {
background-image: url(/images/tabs.png) no-repeat;
position: relative; /* keep it relative */
z-index: 5; /* show this on layer 5 as well */
background-position: right bottom; /* we show the right bottom part of the tabs image (the hover instance) */
}

.page-id-80 #current111 {
position: relative; /* again, keep things relative */
z-index: 5; /* we show this tab over all other tabs in the menu, which would be on layer 0, thus overlapping occurs */
background: url(/images/tabs.png) no-repeat left bottom; /* now we show the bottom part of the tabs image, the "hover" instance */
color: #000000; /* we color the hovered tab’s text black */
}

/* end horiz nav */

.head {
	width: 960px;
	height: 219px;
	margin: auto;
	background: transparent url(/images/mid.jpg) no-repeat;
}

.address {
	text-align: right;
	float: right;
	margin: 27px;
		display: inline;
}

#wrap {
width: 960px;
margin: 0 auto;
padding: 15px 10px;
border: 1px solid #ccc;
background-color: #fff;
-moz-box-sizing:border-box;box-sizing:border-box;
}

.page-template-home-php #wrap, .page-template-home-php #content {
	background: #fff;
}

#content {
	width:930px;
	min-height: 350px;
	margin: 15px;
	-moz-box-sizing:border-box;box-sizing:border-box;
  	margin: auto;
	text-align: center;
	background-color: #fff;
}

#reaxionwrap {
	height: 83px;
	margin: 0;
	background-repeat: repeat-x;
	background-color: #7e63e6;
	position: relative;
}

.features {
	width: 537px;
	height: 170px;
	background-color: #eee;
	margin: 0 auto;
}

.features div{
	background: url(/images/colbg.gif) no-repeat;
	width: 158px;
	height: 170px;
	padding: 0 10px 0 10px;
	float: left;
	display: inline;
	text-align: left;
	font: normal 14px/18px arial, sansserif;
}

.borders {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

#button {
	width: 73px;
	height: 28px;
	margin: 10px 0 0;
	padding: 4px 0 0 0;
	background: url(/images/button.jpg) no-repeat;
	background-position: right;
	float: right;
	display: inline;
	text-align: center;
	font: italic 21px "Times New Roman", serif;
	color: #fff;
	position: absolute;
	right: 10px;
	bottom: 10px;
}

#button a{
	color: #fff;
}

#button a:hover{
	color: #ccc;
}

#reaxionwrap a {
	color: #fff;
}

#logodiv {
width: 960px;
height: 30px;
margin: 0 auto;
padding: 15px 0 0;
color: #ccc;
text-align: right;
background-image: url(/images/ReaxionX.png);
background-position: right;
background-repeat: no-repeat;
background-color: #7e63e6;
position: absolute;
top: 30px;
right: 0px;
}

.halfdivl {
	width: 189px;
	height: 530px;
	float: left;
	display: inline;
	background: #d8d0f7 url(/images/divbg.jpg) repeat-x bottom;
	font: normal 14px/21px arial, sansserif;
	text-align: left;
	z-index: 2;
}

.halfdivl p{
		padding: 0 5px 5px;
}

.halfdivr p{
		padding: 0 5px 5px;
}

.mission {
		background: #fff url(/images/missionbg.jpg) no-repeat;
		padding: 10px 0 0 5px;
		height: 29px;
		width: 184px;
		text-align: left;
		font: normal 19px/21px "Times New Roman",times,serif;
		color: #fff;
}

.announcements {
		background: #d8d0f7 url(/images/announcments.gif) no-repeat;
}

h1{
	font: normal 19px/21px "Times New Roman",times,serif;
	color: #fff;
	padding: 0;
	margin: 10px 0;
	text-align: left;
	z-index: 999;
}

.page-template-therapy-php h1, .page-template-store-php h1, .page-template-inside-php h1, .page-template-fitness-php h1, .page-template-hospitality-php h1, .page-template-safety-php h1, .page-template-about-php h1, #form h1, .page-template-contact-php h1, .page-template-weddings-php h1, .page-template-newsletter-php h1{
	font: italic 42px/36px "Times New Roman",times,serif;
	color: #7a76b6;
	padding: 0;
	margin: 10px 0 0 -25px;
	text-align: left;
	border-bottom: 1px solid #ccc;
}

#form h1 {
		padding: 0;
	margin: 10px 0 0 -35px;
}

 .page-template-contact-php h1 {
 	margin: 27px 0 0 30px;
 }

 .archive h3{
	font: italic 21px/36px "Times New Roman",times,serif;
	color: #7a76b6;
	padding: 0;
	margin: 10px 0 0 -25px;
	text-align: left;
	border-bottom: 1px solid #ccc;
}

 .archive h3 a{
 	color: #7a76b6;
	}
	
	
 .archive h3 a:hover{
 	color: #666;
	}

.page-template-blog-php .lcol h2, .single .lcol h2{
	font: italic 32px/36px "Times New Roman",times,serif;
	color: #7a76b6;
	padding: 0;
	margin: 10px 0 0 -25px;
	text-align: left;
	border-bottom: 1px solid #ccc;
}

.halfdivr {
	width: 189px;
	height: 530px;
	float: right;
	display: inline;
	font: normal 14px/18px arial, sansserif;
	background: #d8d0f7 url(/images/divbg.jpg) repeat-x bottom;
}


.lcol {
	width: 625px;
	padding: 15px 5px 5px 60px;
	float: left;
	display: inline;
	font: normal 14px/21px arial, sansserif;
	text-align: left;
}


.rcol {
	width: 228px;
	float: right;
	display: inline;
	font: normal 14px/18px arial, sansserif;
	text-align: left;
	background-color: #fff;
	margin: 50px 0 0;
	overflow: hidden;
}

.page-template-contact-php .lcol {
	width: 425px;
	padding: 15px 5px 5px 60px;
	float: left;
	display: inline;
	font: normal 14px/21px arial, sansserif;
	text-align: left;
}


.page-template-contact-php .rcol {
		width: 425px;
		min-height: 400px;
	float: right;
	display: inline;
	font: normal 14px/18px arial, sansserif;
	text-align: left;
	background-color: #fff;
	margin: 10px 0 0;
}

.rcol ul{
list-style: none;
}

.rcol img{
	padding: 5px 0;
	text-align: center;
}


/* slider styles */

#featured{ 
	width:280px; 
	padding-right:250px; 
	position:relative; 
	border:5px solid #ccc; 
	height:375px; 
	background:#fff;
	overflow: hidden;
	margin: 0 auto 10px;
	text-align: left;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:329px; 
	list-style:none; 
	padding:0; margin:0; 
	width:200px; 
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:1px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:60px; 
	color:#333;  background:#fff; 
	line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#featured li.ui-tabs-selected{ 
	background:url('/images/selected-item.gif') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#ccc; 
}
#featured .ui-tabs-panel{ 
	width:329px; height:375px; 
	background:#999; position:relative;
	overflow: hidden;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:305px; left:0; 
	height:70px; 
	background: url('/images/transparent-bg.png'); 
	text-align: left;
}
#featured .info h2{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	padding: 0 10px 0 0;
	width: 319px;
	font-family:Verdana; font-size:11px; 
	line-height:15px; 
	color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}



/* widget text */

.widgettitle {
		font: italic 28px "Times New Roman",times,serif;
		margin: 0 0 8px;
		border-bottom: 1px solid #ccc;
}

.page-template-home-php .widgettitle {
		font: bold 14px/0 arial, sansserif;
		margin: 5px 0 0;
		padding: 5px 0;
		border: none;
}

.page-template-home-php li {
list-style: none;
}

.page-template-therapy-php .widget_text, .widget_archive, .widget  {
	background-color: #eee;
	text-align: center;
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #ccc;
}

.page-template-home-php .widget, .widget_sp_imag{
	background-color: #eee;
	text-align: left;
	border: 0px solid #ccc;
	padding: 0;
	margin: 0;
}

.page-template-weddings-php .widget, .widget_sp_imag, .page-template-store-php  .widget, .page-template-about-php .widget, .page-template-therapy-php .widget, .page-template-hospitality-php .widget, .page-template-fitness-php .widget, .page-template-safety-php .widget{
	background-color: #fff;
	text-align: left;
	border: 0px solid #ccc;
	padding: 0;
	margin: 0;
	list-style: none;
}



.widget_recent_entries ul,  .widget_categories ul {
	padding: 0;
	margin: 3px 0 0;
}

.widget_recent_entries li, .widget_categories  li {
	text-align: left;
	padding: 5px;
	margin: 0 0 5px 0;
	font-size: 12px;
	background-color: #F4F4F4;
}

.page-template-home-php .widget_recent_entries li{
	text-align: left;
	padding: 5px;
	margin: 0 0 0px 0;
	background-color: #F4F4F4;
}

.widget_recent_entries li a, .widget_categories li a{
	color: #666;
}

.widget_recent_entries li:hover, .widget_categories li:hover{
	background: #ccc;
}

.widget_recent_entries a:hover, .widget_categories a:hover{
	color: #000;
}

.page-template-home-php .widget li {
	background: transparent;
	font: italic bold 16px arial, sansserif;
	color: Purple;
	padding: 0;
	margin: 0;
}

.page-template-home-php .widget li a{
color: Purple;
}


.newsletter {
	margin: 0 0 10px; 
	padding: 5px 5px 2px;
	text-align: left; 
	background: #eee;
}

.newsletter a{
	color: red;
}

.newsletter img{
	padding: 0 15px 0 0;
}