@charset "utf-8";
/* CSS Document */

html {background:url(../images/bg_blue.jpg);}
body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.62em;}

#main_wrapper 	{width:1000px; margin:auto; position:relative;}
#background 	{width:1000px; position:absolute; background:url(../images/bg_paper.png) repeat-y center top; z-index:5;}	
#main_content 	{width:615px; float:left; margin: 0 0 0 190px; }

#base_nav {float:left; width:645px; background:url(../images/dash.jpg) no-repeat left top;}
	#base_nav li {float:left; padding: 12px 2px 8px 0; font-size:0.9em;}
	#base_nav li a {text-decoration:none; color:#000;}
	#base_nav li a:hover {text-decoration:underline;}

#copyright {float:left; width:615px; margin: 0 0 -40px 0;}
	#copyright p {text-align:center; margin: 10px 0 20px 0; color:#fff;}

.dash 	{float:left; width:615px; height:6px; background:url(../images/dash.jpg) no-repeat center top;}
.video 	{float:left; width:335px;}

/* styles for main content*/

#header			{float:left; width:615px;}
#footer 		{float:left; width:615px;}

.title 			{float:left; padding: 8px 35px 15px 25px;}
.panel			{float:left; width:615px;}
.panel_small 	{float:right; width:460px;}

.panel p, .panel_small p, .panel li, .panel_small li {clear:left;}

h1 	{font-size:4.3em;}
h2 	{font-size:2.3em;}
h3 	{font-size:1.6em;}
h4 	{font-size:1.4em;}
h5 	{font-size:1.2em;}
h6 	{font-size:1.0em;}
p 	{font-size:1.0em;}

a 		{text-decoration:underline; color:#000;}
a:hover {text-decoration:none;}
.bold 	{font-weight:bold;}

/* main navigation */

#top_nav {float:left; padding: 0 0 0 5px; width:650px;}
	#top_nav span {display:none;}
	#top_nav a {float:left; height:50px; background-repeat:no-repeat; margin: 9px 0 0 0}

a#home 					{background-image:url(../images/top_nav/btn_home_u.jpg); width:58px;}
	a#home:hover 		{background-image:url(../images/top_nav/btn_home_d.jpg);}
	a#home.selected 	{background-image:url(../images/top_nav/btn_home_s.jpg);}
	
a#what 					{background-image:url(../images/top_nav/btn_what_u.jpg); width:91px;}
	a#what:hover 		{background-image:url(../images/top_nav/btn_what_d.jpg);}
	a#what.selected 	{background-image:url(../images/top_nav/btn_what_s.jpg);}
	
a#order 				{background-image:url(../images/top_nav/btn_order_u.jpg); width:86px;}
	a#order:hover 		{background-image:url(../images/top_nav/btn_order_d.jpg);}
	a#order.selected 	{background-image:url(../images/top_nav/btn_order_s.jpg);}
	
a#share 				{background-image:url(../images/top_nav/btn_share_u.jpg); width:150px; margin:0;}
	a#share:hover 		{background-image:url(../images/top_nav/btn_share_d.jpg);}
	a#share.selected 	{background-image:url(../images/top_nav/btn_share_s.jpg);}
	
a#training 				{background-image:url(../images/top_nav/btn_training_u.jpg); width:78px;}
	a#training:hover 	{background-image:url(../images/top_nav/btn_training_d.jpg);}
	a#training.selected {background-image:url(../images/top_nav/btn_training_s.jpg);}
	
a#contact 				{background-image:url(../images/top_nav/btn_contact_u.jpg); width:88px;}
	a#contact:hover 	{background-image:url(../images/top_nav/btn_contact_d.jpg);}
	a#contact.selected 	{background-image:url(../images/top_nav/btn_contact_s.jpg);}
	
a#story 				{background-image:url(../images/top_nav/btn_story_u.jpg); width:128px; margin: -10px 0 0 0;}
	a#story:hover 		{background-image:url(../images/top_nav/btn_story_d.jpg);}
	a#story:selected 	{background-image:url(../images/top_nav/btn_story_s.jpg);}
	
a#team 					{background-image:url(../images/top_nav/btn_meet_u.jpg); width:126px; margin: -10px 0 0 0;}
	a#team:hover 		{background-image:url(../images/top_nav/btn_meet_d.jpg);}
	a#team.selected 	{background-image:url(../images/top_nav/btn_meet_s.jpg);}

a#basket 				{background-image:url(../images/top_nav/btn_basket_u.jpg); width:65px; }
	a#basket:hover 		{background-image:url(../images/top_nav/btn_basket_d.jpg);}
	a#basket.selected 	{background-image:url(../images/top_nav/btn_basket_s.jpg);}

/* left and right boxes */

#box_ruth 		{left:0; top:0; z-index:7; background:url(../images/boxes/box_ruth.png);}
#ruth 			{left:13px; top:14px; z-index:6; background:url(../images/boxes/ruth.jpg);}

#box_indoors 	{left:1px; top:162px; z-index:3; background:url(../images/boxes/box_indoors.png);}
#indoors 		{left:31px; top:187px; z-index:2; background:url(../images/boxes/indoors.jpg);}

#box_outside	{left:1px; top:310px; z-index:1; background:url(../images/boxes/box_outside.png);}
#outside 		{left:16px; top:340px; z-index:0; background:url(../images/boxes/outside.jpg);}

#box_comp		{right:0px; top:30px; z-index:1; background:url(../images/boxes/box_comp.png);}
#comp 			{right:-25px; top:57px; z-index:0; background:url(../images/boxes/comp.jpg);}

#box_inclusive 	{right:0; top:210px; z-index:7; background:url(../images/boxes/box_inclusive.png);}
#inclusive 		{right:-20px; top:234px; z-index:6; background:url(../images/boxes/inclusive.jpg);}

#box_fun 		{left:0; top:495px; z-index:3; background:url(../images/boxes/box_fun.png);}
#fun 			{left:19px; top:527px; z-index:2; background:url(../images/boxes/fun.jpg);}

#box_extra 		{left:0; top:680px; z-index:1; background:url(../images/boxes/box_extra.png);}
#extra 			{left:14px; top:699px; z-index:0; background:url(../images/boxes/extra.jpg);}

#box_ruth, #ruth  {position:absolute; width:190px; height:220px; background-repeat:no-repeat;}
#box_indoors, #indoors, #box_outside, #outside, #box_comp, #comp, #box_inclusive, #inclusive, #box_fun, #fun, #box_extra, #extra {position:absolute; width:220px; height:220px; background-repeat:no-repeat;}

#button {z-index:8; position:absolute; left:805px;}
	#button a { background:url(../images/btn_comp_u.png) no-repeat left top; display:block; width:103px; height:85px;}
	#button a:hover { background:url(../images/btn_comp_d.png) no-repeat left top; display:block; width:103px; height:85px;}


/* basket */

a.btn_pink { background:url(../images/btn_cont_shop_u.png) no-repeat left top; display:block; width:102px; height:27px; margin: 0 0 20px 0; }
a:hover.btn_pink { background:url(../images/btn_cont_shop_d.png) no-repeat left top; }

	
/* testimonials  */	

#testimonials 				{background:url(../images/testimonials/dash.png) repeat-y left top; position:absolute; left:840px; top:475px;}
	#testimonials_header 	{background:url(../images/testimonials/header.png) no-repeat left top; width:165px; height:62px; margin-top:-62px;}
	#testimonials_footer 	{background:url(../images/testimonials/footer.png) no-repeat left top; width:159px; height:12px; margin-bottom:-12px;}
	.testimonials_quote 	{background:url(../images/testimonials/quote.png) no-repeat left top; padding: 0 20px 5px 25px;}
	.testimonials_divider 	{background:url(../images/testimonials/divider.png) no-repeat left top; width:145px; height:29px; margin: 0 0 0 9px;}
		.testimonials_quote p {color:#231f20; font-size:1.0em; line-height:1.4em;}
		.testimonials_quote	p.person {color:#0670d2; font-weight:bold; padding: 5px 0 1px 0;}
		.testimonials_quote p.position {color:#0670d2;}