/* CSS Document */

body
{
margin: 0;padding: 0;
font:80% Arial, Helvetica, sans-serif;
line-height:1.6em;
color:#333;
background: url("/images/back_fade.jpg") repeat-x #FFFFFF/*#CDE3FA;*/
/*background: url("/images/page_background2.jpg") repeat-x #8EBEE0;*/
}

#wrapper {
width:836px;
margin:0 auto;
padding: 8px;
border: 1px solid #2584C6;
background: #fff;
}

#leftContent {
margin: 0;
padding: 0;
width: 600px;
float: left;
display: inline;
/*background: url("/images/skyline2.jpg") no-repeat top left;*/
}

#sideForms {
width: 228px;
float: left;
background: #fff;
margin-left: 8px;
display: inline;
}

.mainform h2{
width: 188px;
background: url("/images/form_top1.gif") no-repeat top left;
padding: 20px 0 0 0;
margin: 0;
font: 150% Georgia, Serif;
}
.mainform h3{
width: 188px;
padding: 10px 0 0 0;
/*margin-top: 12px;*/
margin-left: 20px;
margin-right: 20px;
margin-bottom: 5px;
font: 120% Georgia, Serif;
}

.mainform h4{
width: 188px;
padding: 10px 0 0 0;
margin-top: 0px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 0px;
font: 120% Georgia, Serif;
}

.mainform p{
font-size: 80%;
}

.mainform {
width: 228px;
float: left;
display: inline;
}
.mainform .last {
background: url("/images/form_bottom1.gif") no-repeat bottom left;
}

.mainform h2, .mainform p{
padding-left: 20px;
padding-right: 20px;
}


.subform {
margin-bottom: 12px;
background: url("/images/form_middle1.gif") repeat-y top left;
}

#header {
width: 600px;
height: 255px;
background:  url("/images/header2009v1.jpg") no-repeat top left;
}

h1 {
margin: 0;
padding: 0;
font-size: 150%;
color: #FF0000;
text-indent: -9000px;
float: left;
}


#navBar {
float:left;
width:584px;
margin:0;
padding: 5px 8px 0 8px;
background:  url("/images/main_nav_back.jpg") no-repeat top left;
display: inline;
}

#navBar ul {
margin:0;
padding:0;
list-style: none;
width: 99%; /* CHANGED FROM 584px TO 99% STOPPED ERROR IN IE6 WHERE A FEW PIXELS ADDED AT BOTTOM DURING HOVER */
float: left;
display: inline;
}

#navBar li {
background: url("/images/main_nav_blue_right.jpg") no-repeat top right;
margin: 0 2px;
}

#navBar ul li{
float: left;
display: inline;
}

#navBar ul a{
display: block;
border:  0;
padding: .15em .5em;
line-height:2em;
text-decoration: none;
color: #000;
font-size: 90%;
font-weight: bold;
background: url("/images/main_nav_blue_left.jpg") no-repeat top left;
}

#navBar a:hover{
color: #333;
margin:0;
}
#navBar a:visited{
margin:0;
}

#subNav {
float:left;
width:584px;
margin:0;
padding: 2px 8px 2px 8px;
display: inline;
border-bottom: dotted 1px  #2584C6;
}

#subNav ul {
margin:0;
padding:0;
list-style: none;
width: 99%;  /* CHANGED FROM 584px TO 99% STOPPED ERROR IN IE6 WHERE A FEW PIXELS ADDED AT BOTTOM DURING HOVER */
float: left;
display: inline;
}

#subNav li {
background: url("") no-repeat top right;
margin: 0 2px;
}

#subNav ul li{
float: left;
display: inline;
}

#subNav ul a{
display: block;
border: 0;
padding: .15em .5em;
line-height:2em;
text-decoration: none;
color: #2584C6;
font-size: 80%;
font-weight: bold;
background: url("") no-repeat top left;
}

#subNav a:hover{
color: #A3BCDB;
margin:0;
}
#subNav a:visited{
margin:0;
}

.home #navBar #homepage a, .about #navBar #aboutpage a, .services #navBar #servicespage a, .eventIdeas #navBar #eventIdeaspage a, .bookings #navBar #bookingspage a, .clients #navBar #clientspage a, .locations #navBar #locationspage a, .faqs #navBar #faqspage a{
background: url("/images/main_nav_white_left.jpg") no-repeat top left;

}
.home #navBar #homepage li, .about #navBar #aboutpage li, .services #navBar #servicespage li, .eventIdeas #navBar #eventIdeaspage li, .bookings #navBar #bookingspage li, .clients #navBar #clientspage li, .locations #navBar #locationspage li, .faqs #navBar #faqspage li{
background: url("/images/main_nav_white_right.jpg") no-repeat top right;

}

/*FORM*/
#sideForms label
{
font-size:100%;
width: 188px;
float: left;
text-align: left;
display: block;
color: #000;
position: relative;
top: 3px
}


#sideForms input
{
clear:both;
color: #333; 
background: #fff;
border: 1px solid #B2D5EB; /*0D234C;*/
width: 188px;
margin: 0;
padding: 1px;
}



#formRight input.err{
clear:both;
color: #333; 
background: #FFF799;
border: 1px solid #FF0000;
width: 115px;
margin: 0;
padding: 1px;
}

#sideForms input.mini1
{
clear:both;
color: #333; 
background: #fff;
border: 1px solid #B2D5EB; 
width: 45px;
margin: 0;
padding:1px;
}
#sideForms input.mini1_err
{
clear:both;
color: #333; 
background: #FFF799;
border: 1px solid #FF0000;
width: 45px;
margin: 0;
padding:1px;
}

#sideForms input.mini2{
padding:0;
width: auto;
color: none;
background: #FFF799;
border: 1px solid #FF0000;
background: none;
border: none;
clear:both;

}

#advEnq select.err {

color: #333; 
background: #FFF799;
border: 1px solid #FF0000;

}

#advEnq input.err{
clear:both;
color: #333; 
background: #FFF799;
border: 1px solid #FF0000;
width: 115px;
margin: 0;
padding: 1px;
}

#advEnq input.mini1
{
clear:both;
color: #333; 
background: #fff;
border: 1px solid #B2D5EB; 
width: 45px;
margin: 0;
padding:1px;
}
#advEnq input.mini1_err
{
clear:both;
color: #333; 
background: #FFF799;
border: 1px solid #FF0000;
width: 45px;
margin: 0;
padding:1px;
}

#advEnq input.mini2{
padding:0;
width: auto;
color: none;
background: none;
border: none;
clear:both;
}

#advEnq input.mini2_err{
padding:0;
width: auto;
color: none;
background: #FFF799;
border: 1px solid #FF0000;
clear:both;
}

#formLeft {
width:73px;
float: left;
display: inline;
padding: 0;
margin-left:20px;
}

#formLeft label
{
font-size:80%;
width: 73px;
float: left;
text-align: left;
display: block;
color: #000;


}

#formRight {
width:115px;
float: left;
display: inline;
padding: 0;
margin:0;
font-size:80%;
color: #000;
}

#formRight input 
{
color: #333; 
background: #FFF;
border: 1px solid #B2D5EB;
width: 115px;
}

#formTreatsOrThpstsLeft {
width:60px;
float: left;
display: inline;
padding: 0;
margin-left:20px;
}

#formTreatsOrThpstsRight {
width:128px;
float: left;
display: inline;
padding: 0;
margin:0;
font-size:80%;
color: #000;
}

#formRadioButtons {
width:188px;
float: left;
display: inline;
padding: 0;
margin-left:20px;
font-size:80%;
color: #000;
}

#sideForms select
{
clear:both;
color: #333; 
background: #fff;
border: 1px solid #B2D5EB; /*0D234C;*/
margin: 0;
padding: 1px;
}

p.submit {
padding-top:16px;}

#sideForms .submit input
{
color: #fff;
background: url("/images/button_background.gif") top left;/*#2584C6;*/
border: 1px solid  #DA0F00;
/*margin-top: 16px;*/
margin-left:auto;
margin-right: auto;
display: block;
padding: 3px;
width: auto;
font-size: 130%;
}


#sideForms legend
{
color: #fff;
background-color: #144566;
border: 1px solid #0D234C;
padding: 2px 6px
} 

#sideForms textarea {
color: #333; 
background: #FFF;
border: 1px solid #B2D5EB; /*0D234C;*/
width: 188px;
}

#sideForms textarea.err {

color: #333; 
background: #FFF799;
border: 1px solid #FF0000;
width: 188px;
}

#sideForms .formExplained  {
margin: 0;
font-size:80%;
line-height: 1.3em;
}

.formExplained{
margin: 0;
font-size:80%;
line-height: 1.3em;
}

#sideForms p.errorMessage2{

margin: 12px 16px 0 12px;
font-size:80%;
line-height: 1.3em;
}

#sideForms form {
padding: 0;
margin: 0;
}

#sideForms select
{
color: #333; 
background: #FFF;
border: 1px solid #B2D5EB;

}
#sideForms select.err {

color: #333; 
background: #FFF799;
border: 1px solid #FF0000;

}

#preFooter {
clear: both;
margin: 0;
padding: 16px 0 0 0;
}

#preFooter p{
padding: 0 8px 0px 8px;
margin: 0;
font-size:90%;
line-height: 1.5em;
}

#footer {
clear: both;
margin: 0;
padding: 16px 0 0 0;
}

#footer p{
padding: 0 8px 0px 8px;
margin: 0;
font-size:90%;
line-height: 1.5em;
}

#mainContent {
margin: 0px 8px;
}

#mainContent a, a:visited {
text-decoration: none;
border-bottom: 1px dotted #DA0F00; /*0D234C;*/
color: #DA0F00; /*0D234C;*/
}
#mainContent a:hover {
text-decoration: none;
border-bottom: 1px solid #DA0F00; /*0D234C;*/
color: #DA0F00; /*0D234C;*/
}


#sideForms a, a:visited {
text-decoration: none;
border-bottom: 1px dotted #DA0F00; /*0D234C;*/
color: #DA0F00; /*0D234C;*/
}
#sideForms a:hover {
text-decoration: none;
border-bottom: 1px solid #DA0F00; /*0D234C;*/
color: #DA0F00; /*0D234C;*/
}

#footer a, a:visited {

text-decoration: none;
border-bottom: 1px dotted #0D234C;
color: #0D234C;
}
#footer a:hover {
text-decoration: none;
border-bottom: 1px solid #0D234C;
color: #0D234C;
}

/* headers here */


#mainContent h2 {
margin: 0;
padding: 12px 0 0 0;
font: 170% Georgia, Serif;
color: #144566;
}


#mainContent h3 {
margin: 12px 0px 0 0px;
padding: 0;
font: 140% Georgia, Serif;
color: #144567;
}

#intro_pic.workplace_therapies{
/*float: left;
display: inline;
width: 87px;
height:95px;
margin: 12px 0 0 0;
background:  url("/images/mini_workplace_therapies.jpg") no-repeat top left;
*/}

#intro_pic.employee_rewards{
/*float: left;
display: inline;
width: 87px;
height:95px;
margin: 12px 0 0 0;
background:  url("/images/mini_employee_rewards.jpg") no-repeat top left;
*/}

#intro_pic.promotions{
/*float: left;

width: 87px;
height:95px;
margin: 12px 0 0 0;
background:  url("/images/mini_promotions.jpg") no-repeat top left;
*/}



#intro_pic.locations{
/*float: left;
display: inline;
width: 87px;
height:95px;
margin: 12px 0 0 0;
background:  url("/images/mini_locations.jpg") no-repeat top left;
*/}

#intro_text {
/*float: left;
display: inline;
*/}

#clear {
clear: both;
}

#mainContent h4 {
margin: 12px 0 0 0;
padding: 0;
font: 120% Georgia, Serif;
color: #4C5D67;
}
#mainContent h5 {
margin: 12px 0 0 0;
padding: 0;
font: 100% Georgia, Serif;
color: #4C5D67;
}

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

#mainContent p.indent {
padding: 0;
margin: 0 8px 0 24px;
}

#mainContent h5.indent{
margin: 12px 0 0 24px;
padding: 0;
font: 100% Georgia, Serif;
color: #4C5D67;
}


#mainContent ul {
margin: 5px 8px 10px 8px;
}
#mainContent li {

list-style: square;
}

acronym {
font-weight: bold;
border-bottom: 1px dotted #0D234C;
cursor: help;
}

#partition1 {
margin: 16px 0px 16px 0;
padding: 0 11px 0 0px;
width: 213px;
float: left;
display: inline;
border-right: 1px solid #95C3E4; /*2584C6;*/
}

#partition1 h2{
background:  url("/images/workplace_therapies.jpg") no-repeat top left;
padding: 138px 0px 0 0px;
font-size: 140%;
margin: 0;
}

#partition2 {
margin: 16px 0 16px 0px;
padding: 0 8px 0 12px;
width: 213px;
float: left;
display: inline;
}

#partition2 h2{
background:  url("/images/employee_fun.jpg") no-repeat top left;
padding: 138px 0px 0 0px;
font-size: 140%;
margin: 0;
}

#partition1 p, #partition2 p{
font-size:90%;
margin: 0;
padding:0;
}

#primaryContent{
width: 458px;
float: left;
display: inline;
}

#sideBar {
margin: 16px 0 8px 8px;
width: 110px;
float: left;
display: inline;
border-left: 1px solid #95C3E4; /*2584C6;*/
}

#sideBar p{
font-size: 90%;
}

#sideBar h2 {
font-size: 130%;
padding-left: 8px;
}

#sideBar a, a:visited {
border: 0;
text-decoration: none;
color: #0D234C;
}

#generalContent {
clear: both;
padding: 0 0px 0 0;
margin: 0px 0 0 0;
}

#spaceFiller {
clear: both;
padding: 12px 8px;
}

#spaceFiller p{
font-size:90%;
margin: 0;
padding:0;
}

#supplementalColumn {
margin: 0;
padding: 12px 16px 0 0;
float: left;
display: inline;
width: 193px;
}

#supplementalColumn h2{
width: 175px;
background: url("/images/supp_border_top.jpg") no-repeat top left;
padding: 12px 8px 8px 10px;
font: 110% Georgia, Serif;
}

#supplementalColumn h3{
width: 175px;
padding: 24px 8px 8px 10px;
font: 110% Georgia, Serif;
}

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

#supp_box .last {
background: url("/images/supp_border_bottom.jpg") no-repeat bottom left;
padding: 0 0 0px 0;
margin: 0 0 0px 0;
clear: both;
}

#supp_box {
margin-bottom: 12px;
background: url("/images/supp_border_middle.jpg") repeat-y top left;
float: left; 
display: inline;
font-size: 100%;
width: 193px;
padding: 0px;
margin: 0px;
line-height: 1.4em;
}

#supp_box ul {
list-style: none;
margin: 0px;
padding: 0px 8px;
border: none;
}
#supp_box  ul li {
clear: both;
display: block;
list-style: none;
margin: 0px;
padding: 0px;
}


#supp_box  ul li a {
font-size: 80%;
float: left;
display: block;
border-bottom: 1px dotted #B2D5EB;
padding: 5px 0px 2px 2px;
text-decoration: none;
color: #666;
width:172px;
}

#supp_box  ul li a:hover, .supp_box  ul li a:focus {
color: #333;
background: url("/images/side_nav_background.jpg") repeat-x top left;
border-bottom: 1px dotted #B2D5EB;
text-decoration: none;
}

#mainText {
float: left;
display: inline;
padding: 0 16px 0 0;
margin: 0;
}

#mainText p{
font-size: 100%;
padding:0 0 8px 0;
margin:0;
}

#mainTextSmall {
float: left;
display: inline;
padding: 0 0 0 0;
margin: 0;
width: 375px;
}

#mainTextSmall p{
font-size: 100%;
padding:0 0 8px 0;
margin:0;
}

.quote {
font-size: 80%;
line-height: 1.5em;
}

.quotation{
font-style: italic;
margin: 24px;
}

.quote_marks {
float: left;
margin: 4px 8px 0 0;
}

.rep_pic {
float: left;
padding: 4px;
margin: 6px 16px 6px 0;
border: 1px dotted #95C3E4
}
.rep_pic_thumb {
display: block;
float: left;
padding:0;
margin: 0 5px 0 2px;
border: 1px solid #95C3E4
}

/* TABLES //////////////////////*/
/*
td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
}

th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
}
*/
.table-border{
	border-top: 1px solid #B2D5EB;
	border-left: 1px solid #B2D5EB;
	border-collapse: collapse;
	margin-left:3px;
	margin-right:10px;
	margin-bottom: 20px;
	line-height: 1.5em;
}

.table-border caption{
	font-family: Arial, sans-serif;
	padding-bottom:6px;
	font-weight: bold;
	text-align: center;
	font-size: 90%;
}

.table-border th, .table-border td {
	padding: 3px;
	border-right: 1px solid #B2D5EB;
	border-bottom: 1px solid #B2D5EB; 
}

.table-border th{
	
	font-weight: normal;
	background: url("/images/side_nav_background.jpg") repeat-x top left;
	
}


.table-key{
font-family: Arial, sans-serif;
font-size: 100%;
line-height: 1.5em;
}

.table-key caption{
	font-family: Arial, sans-serif;
	padding-bottom:0px;
	font-weight: bold;
	text-align: left;
	font-size: 100%;
}

/*FORM*/
#advEnq label
{
width: 120px;
float: left;
text-align: right;
margin-right: 5px;
display: block;
font-size: 100%;
}

#advEnq .submit input
{
color: #fff;
background: url("/images/button_background.gif") top left;/*#2584C6;*/
border: 1px solid  #DA0F00;
margin-top: 16px;
margin-left:auto;
margin-right: auto;
display: block;
padding: 3px;
width: auto;
font-size: 130%;
}

#advEnq input
{
color: #333; 
background: #FFF;
border: 1px solid #B2D5EB;
width: 135px;
}
#advEnq  input.err {
color: #333; 
background: #FFF799;
border: 1px solid #FF0000;
width: 135px;
}
/*
#advEnq .submit input
{
color: #fff;
background:  #4C5D67;
border: 2px outset #d7b9c9;
} */
#advEnq fieldset
{
border: 1px solid #B2D5EB;
width: 564px;
background: url("/images/form_back_main.jpg") top left;
}

#advEnq legend
{
background: url("/images/side_nav_background.jpg") top left;/*#2584C6;*/
border: 1px solid #B2D5EB;
padding: 3px;

/*
color: #fff;
background-color: #144566;
border: 1px solid #0D234C;
padding: 2px 6px
*/} 

#advEnq textarea {
color: #333; 
background: #FFF;
border: 1px solid #B2D5EB;
width: 408px;
}

#advEnq textarea.err {
color: #333; 
background: #FFF799;
border: 1px solid #FF0000;
width: 408px;
}

#advEnq p.special_indent {
margin-left: 120px;
} 
#advEnq p.special_indent_underline {
margin-left: 120px;
padding-top: 2px; 
padding-bottom: 2px;
margin-right: 8px;
border-bottom: 1px dashed #B2D5EB;
} 

#advEnq .err_text{
background: #FFF799;
border: 1px solid #FF0000;
padding: 2px;
line-height: 2.2em;
}

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

#advEnq h2 {
font-size: 130%;
padding: 8px 8px 0 8px;
}

.error_image1 {
float: left;
padding: .7em 0 2em 2em;
}

.error_image2 {
float: left;
padding: 0 8px 0 0;
}