/*-----------------------------------------------------------------------------
Grow, London Style Sheet

version:   1.0
author:    FAT FREE DESIGN
email:     info@fatfreedesign.co.uk
website:   http://www.fatfreedesign.co.uk/
Copyright 2007
All Rights Reserved
----------------------------------------------------------------------------- */

/* =Body : remove padding and margin
----------------------------------------------------------------------------- */
* {
  	margin: 0;
	padding: 0;
}

body {
	font-family: "Lucida Grande", Verdana, Arial;
	background-color: #fff;
	color: #333;
	text-align: center; /* for IE + auto margins */
	font-size: x-small; /* IE5/Win thinks the declaration has ended */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small; /* for complient browsers */
}

html>body { /* be nice to Opera */
	font-size: small;
}

/*--page indicators--*/
#what #sub_menu li.what a {
	background: url("../images/sub_nav/what_clr.png") no-repeat;
	height: 23px;
	width: 115px;
	cursor: default;
	display: block;
	text-indent: -6000px;}

#playhouse #sub_menu li.playhouse a {
	background: url("../images/sub_nav/playhouse_clr.png") no-repeat;
	height: 28px;
	width: 76px;
	cursor: default;
	display: block;
	text-indent: -6000px;}

#learning #sub_menu li.learning a {
	background: url("../images/sub_nav/learning_clr.png") no-repeat;
	height: 23px;
	width: 146px;
	cursor: default;
	display: block;
	text-indent: -6000px;}
	
#studio #sub_menu li.studio a {
	background: url("../images/sub_nav/studio_clr.png") no-repeat;
	height: 17px;
	width: 54px;
	cursor: default;
	display: block;
	text-indent: -6000px;}
	
#arena #sub_menu li.arena a {
	background: url("../images/sub_nav/arena_clr.png") no-repeat;
	height: 19px;
	width: 50px;
	cursor: default;
	display: block;
	text-indent: -6000px;}
	
#open #sub_menu li.open a {
	background: url("../images/sub_nav/open_clr.png") no-repeat;
	height: 20px;
	width: 84px;
	cursor: default;
	display: block;
	text-indent: -6000px;}
	
#greenroom #sub_menu li.green a {
	background: url("../images/sub_nav/green_clr.png") no-repeat;
	height: 19px;
	width: 114px;
	cursor: default;
	display: block;
	text-indent: -6000px;}
	
#testimonials #sub_menu li.testimonials a {
	background: url("../images/sub_nav/testimonials_clr.png") no-repeat;
	height: 18px;
	width: 96px;
	cursor: default;
	display: block;
	text-indent: -6000px;}
	
#contact #sub_menu li.contact a {
	background: url("../images/sub_nav/contact_clr.png") no-repeat;
	height: 17px;
	width: 66px;
	cursor: default;
	display: block;
	text-indent: -6000px;}
#growp #sub_menu li.growp a {
	background: url("../images/sub_nav/growp_blk.png") no-repeat;
	height: 29px;
	width: 65px;
	cursor: default;
	display: block;
	text-indent: -6000px;}
#home #sub_menu li.home a {
	background: url("../images/sub_nav/home_wht.png") no-repeat;
	height: 21px;
	width: 40px;
	cursor: default;
	display: block;
	text-indent: -6000px;}


/* =Container
----------------------------------------------------------------------------- */
#container {
	position: relative;
	width: 925px;
	margin: 0 auto;
	text-align: left;
	border-right: 1px dotted #ccc;
	
}

#container_home {
	position: relative;
	width: 925px;
	margin: 0 auto;
	text-align: left;
}

#bg_home {
	background: url("../images/container_bg_home.gif") top left repeat-y;
	margin-top: 0;}
	
#bg_what {
	background: url("../images/container_bg_what.gif") top left repeat-y;
	margin-top: 0;}
	
#bg_playhouse {
	background: url("../images/container_bg_playhouse.gif") top left repeat-y;
	margin-top: 0;}
	
#bg_studio {
	background: url("../images/container_bg_studio.gif") top left repeat-y;
	margin-top: 0;}
	
#bg_arena {
	background: url("../images/container_bg_arena.gif") top left repeat-y;
	margin-top: 0;}
	
#bg_openspace {
	background: url("../images/container_bg_openspace.gif") top left repeat-y;
	margin-top: 0;}
	
#bg_greenroom {
	background: url("../images/container_bg_greenroom.gif") top left repeat-y;
	margin-top: 0;}
	
#bg_learning {
	background: url("../images/container_bg_learning.gif") top left repeat-y;
	margin-top: 0;}
	
#bg_testimonials {
	background: url("../images/container_bg_testimonials.gif") top left repeat-y;
	margin-top: 0;}
	
#bg_contact {
	background: url("../images/container_bg_contact.gif") top left repeat-y;
	margin-top: 0;}
	
#bg_growp {
	background: url("../images/container_bg_growp.gif") top left repeat-y;
	margin-top: 0;}
	

/* =Header information
----------------------------------------------------------------------------- */
#header {
	background-color: #fff;
	height: 127px;
	width: 100%;
	margin-top: 10px;
}

#logo {
	background: url("../images/grow_logo.gif") no-repeat;
	height: 127px;
	width: 250px;
	text-indent: -5000px;
	float: left;
}

#strapline {
	background: url("../images/strapline.gif") no-repeat;
	height: 16px;
	width: 320px;
	text-indent: -5000px;
	float: left;
	margin: 111px 0 0 10px;
}

#phone {
	background: url("../images/phone.gif") no-repeat;
	height: 13px;
	width: 109px;
	text-indent: -5000px;
	float: right;
	margin: 134px 10px 0 0;
}

#splash {
	position: absolute;
	left: 812px;
	top: 5px;
}

#splash img {
	border: 0;
}

/* =Main Content for home page only
---------------------------------------------------------------------------------------------------- */
#main_content_home {
	float: left;
	margin-top: 40px;
	padding-bottom: 20px;
	color: #333;
	width: 660px;}

#main_content_home p {
	font-size: 100%;
	line-height: 1.8em;
	color: #333;
	margin: 10px 0;}

#main_content_home h1 {
	font-size: 110%;
}

br {
	line-height: 1.5em;
}
	
#main_content_home p a:hover {
	background-color: #ccc;
	color: #fff;
	border-bottom: 1px dotted #ccc;}

#sub_content_home {
	float: right;
	margin-top: 40px;
	width: 220px;
	height: 585px;
	background: url("../images/character_bg.gif") bottom right no-repeat;
	text-indent: -4000px;
}

/* =Main Content for all other pages
---------------------------------------------------------------------------------------------------- */
#main_content {
	margin-left: 320px;
	background-color: #fff;
}

#main_content h1 {
	font-size: 120%;
	margin-bottom: 10px;
}

#main_content h2 {
	font-size: 110%;
	margin: 20px 0 10px 0;
	padding-top: 5px;
	border-top: 1px dotted #ccc;
}

#main_content h3 {
	font-size: 90%;
	margin: 0 0 10px 0;
	padding: 0;
}


#main_content p {
	font-size: 100%;
	line-height: 1.6em;
	color: #333;
	margin: 0 20px 10px 0;
}

#main_content img.quote {
	margin-top: 25px;
	margin-bottom: 50px;}

#main_content img.title {
	margin: 20px 0;
}

#main_content img.inline {
	float: right;
	margin: 10px 0 10px 10px;
}

#main_content ul {
	margin: 10px 0 10px 30px;
}

#main_content li {
	padding-bottom: 5px;
}


/* following classes are used exclusively for links in main copy on home page */	
.copy_link {
	text-decoration: none;
	color: #333;
	border-bottom: 1px dotted #333;}
.playhouse_link {
	text-decoration: none;
	color: #1a7f23;
	border-bottom: 1px dotted #1a7f23;}
.learning_link {
	text-decoration: none;
	color: #351e7e;
	border-bottom: 1px dotted #351e7e;}
.studio_link {
	text-decoration: none;
	color: #a80054;
	border-bottom: 1px dotted #a80054;}
.arena_link {
	text-decoration: none;
	color: #e1c005;
	border-bottom: 1px dotted #e1c005;}
.open_link {
	text-decoration: none;
	color: #3a9ed5;
	border-bottom: 1px dotted #3a9ed5;}
.green_link {
	text-decoration: none;
	color: #67a31c;
	border-bottom: 1px dotted #67a31c;}
#main_content p a:hover {
	background-color: #ccc;
	color: #fff;
	border-bottom: 1px dotted #ccc;}
q {
	font-style: italic;
	color: #1d4e9d;
	line-height: 1.4em;
}

.quote_playhouse {
	color: #209d2b;}
	
.quote_what {
	color: #6a0022;}

.quoteref {
	color: #999;
	font-size: 80%;
}

.spacer {
	margin-top: 30px;
}

#contact #main_content ul {
	margin: 10px 0;
	list-style: none;
}

#contact #main_content li {
	padding-bottom: 5px;
	font-weight: bold;
}

/* =Sub Menu - on left - should really be named main_nav but due to last minute client changes etc...
---------------------------------------------------------------------------------------------------- */
#sub_menu {
	float: left;
	position: relative;
	margin: 0;
	width: 300px;
}

#sub_menu p {
	padding: 40px 10px 0 10px;
	color: #fff;
	font-size: 0.8em;}
	
#sub_menu p a:link {
	color: #fff;}

#sub_menu.homebg {
	background: #000 url("../images/home_bg.gif") top right no-repeat;}
#sub_menu.whatbg {
	background: #6a0022 url("../images/what_bg.gif") top right no-repeat;}
#sub_menu.playhousebg {
	background: #209d2b url("../images/playhouse_bg.gif") top right no-repeat;}
#sub_menu.learningbg {
	background: #2d1a68 url("../images/learning_bg.gif") top right no-repeat;}
#sub_menu.studiobg {
	background: #cc0066 url("../images/studio_bg.gif") top right no-repeat;}
#sub_menu.arenabg {
	background: #efcc05 url("../images/arena_bg.gif") top right no-repeat;}
#sub_menu.openbg {
	background: #41ade9 url("../images/open_bg.gif") top right no-repeat;}
#sub_menu.greenroombg {
	background: #6dac1d url("../images/greenroom_bg.gif") top right no-repeat;}
#sub_menu.testimonialsbg {
	background: #1d4e9d url("../images/testimonials_bg.gif") top right no-repeat;}
#sub_menu.contactbg {
	background: #333 url("../images/contact_bg.gif") top right no-repeat;}
#sub_menu.growpbg {
	background: #7f7f7f url("../images/growp_bg.gif") top right no-repeat;}

#sub_menu ul {
	margin: 20px 0 0 0;
	padding: 0;
	border: 0;
	list-style: none;
}

#sub_menu li {
	padding: 0 0 20px 10px;
}

#sub_menu li.what a:link, #sub_menu li.what a:visited {
	background: url("../images/sub_nav/what_wht.png") no-repeat;
	height: 23px;
	width: 115px;
	display: block;
	text-indent: -5000px;}
#sub_menu li.what a:hover {
	background: url("../images/sub_nav/what_clr.png") no-repeat;
	height: 23px;
	width: 115px;}
/*-----*/
#sub_menu li.playhouse a:link, #sub_menu li.playhouse a:visited {
	background: url("../images/sub_nav/playhouse_wht.png") no-repeat;
	height: 28px;
	width: 76px;
	display: block;
	text-indent: -5000px;}
#sub_menu li.playhouse a:hover {
	background: url("../images/sub_nav/playhouse_clr.png") no-repeat;
	height: 28px;
	width: 76px;}
/*-----*/
#sub_menu li.studio a:link, #sub_menu li.studio a:visited {
	background: url("../images/sub_nav/studio_wht.png") no-repeat;
	height: 17px;
	width: 54px;
	display: block;
	text-indent: -5000px;}
#sub_menu li.studio a:hover {
	background: url("../images/sub_nav/studio_clr.png") no-repeat;
	height: 17px;
	width: 54px;}
/*-----*/
#sub_menu li.arena a:link, #sub_menu li.arena a:visited {
	background: url("../images/sub_nav/arena_wht.png") no-repeat;
	height: 19px;
	width: 50px;
	display: block;
	text-indent: -5000px;}
#sub_menu li.arena a:hover {
	background: url("../images/sub_nav/arena_clr.png") no-repeat;
	height: 19px;
	width: 50px;}
/*-----*/
#sub_menu li.open a:link, #sub_menu li.open a:visited {
	background: url("../images/sub_nav/open_wht.png") no-repeat;
	height: 20px;
	width: 84px;
	display: block;
	text-indent: -5000px;}
#sub_menu li.open a:hover {
	background: url("../images/sub_nav/open_clr.png") no-repeat;
	height: 20px;
	width: 84px;}
/*-----*/
#sub_menu li.green a:link, #sub_menu li.green a:visited {
	background: url("../images/sub_nav/green_wht.png") no-repeat;
	height: 19px;
	width: 114px;
	display: block;
	text-indent: -5000px;}
#sub_menu li.green a:hover {
	background: url("../images/sub_nav/green_clr.png") no-repeat;
	height: 19px;
	width: 114px;}
/*-----*/
#sub_menu li.learning a:link, #sub_menu li.learning a:visited {
	background: url("../images/sub_nav/learning_wht.png") no-repeat;
	height: 23px;
	width: 146px;
	display: block;
	text-indent: -5000px;}
#sub_menu li.learning a:hover {
	background: url("../images/sub_nav/learning_clr.png") no-repeat;
	height: 23px;
	width: 146px;}
/*-----*/
#sub_menu li.testimonials a:link, #sub_menu li.testimonials a:visited {
	background: url("../images/sub_nav/testimonials_wht.png") no-repeat;
	height: 18px;
	width: 96px;
	display: block;
	text-indent: -5000px;}
#sub_menu li.testimonials a:hover {
	background: url("../images/sub_nav/testimonials_clr.png") no-repeat;
	height: 18px;
	width: 96px;}
/*-----*/
#sub_menu li.contact a:link, #sub_menu li.contact a:visited {
	background: url("../images/sub_nav/contact_wht.png") no-repeat;
	height: 17px;
	width: 66px;
	display: block;
	text-indent: -5000px;}
#sub_menu li.contact a:hover {
	background: url("../images/sub_nav/contact_clr.png") no-repeat;
	height: 17px;
	width: 66px;}
/*-----*/
#sub_menu li.home a:link, #sub_menu li.home a:visited {
	background: url("../images/sub_nav/home_wht.png") no-repeat;
	height: 21px;
	width: 40px;
	display: block;
	text-indent: -5000px;}
#sub_menu li.home a:hover {
	background: url("../images/sub_nav/home_clr.png") no-repeat;
	height: 21px;
	width: 40px;}
/*-----*/
#sub_menu li.growp a:link, #sub_menu li.growp a:visited {
	background: url("../images/sub_nav/growp_wht.png") no-repeat;
	height: 29px;
	width: 65px;
	display: block;
	text-indent: -5000px;}
#sub_menu li.growp a:hover {
	background: url("../images/sub_nav/growp_clr.png") no-repeat;
	height: 29px;
	width: 65px;}
/*-----*/


#sub_menu_g {
	margin-top: 50%;}

#sub_menu_g_playhouse {
	margin-top: 450%;}
#sub_menu_g_studio {
	margin-top: 350%;}
#sub_menu_g_contact {
	margin-top: 75%;}
#sub_menu_g_growp {
	margin-top: 1150%;}
#sub_menu_g_home {
	margin-top: 30%;}
#sub_menu_g_testimonials {
	margin-top: 40%;}
#sub_menu_g_arena {
	margin-top: 30%;}


/* =Quote
----------------------------------------------------------------------------- */
#quote {
	width: 437px;
	height: 183px;
	background: url("../images/quote.gif") no-repeat;
	text-indent: -5000px;
	margin: 40px 0 0 0;
}

/* =Sub Content - right hand column
----------------------------------------------------------------------------- */
#sub_content {
	float: right;
	width: 320px;
	margin: 40px 0 0 0;
}

/* =Footer
----------------------------------------------------------------------------- */
#footer {
	clear: both;
	background-color: #fff;
	width: 924px;
	height: 83px;
	text-align: center;
	color: #666;
	font-size: 70%;
	border: 1px dotted #ccc;
}

#footer ul {
	margin: 10px 0 0 0;
	list-style: none;
}

#footer li {
	display: inline;
}

#footer a:link, #footer a:visited {
	padding: 5px 10px 5px 10px;
	color: #666;
	text-decoration: none;
}

#footer li a:hover {
	text-decoration: underline;
	color: #333;
}

#footer.notopborder {
	border-top: 0;
}