/* Created by Joanna Candler of Jo Can Do
http://www.jocando.co.uk
Date:  15 July 2009 */
body {
text-align: center;
min-width: 890px;
background-color: #c0dffd;
font-size: 62.5%;
}

#wrapper {
width: 850px;
margin: 0 auto;
text-align: left;
background-color: #ffffff;
}

#header {
position: relative;
}

#header h1 {
position: absolute;
top: -500px;
}

#header #inspiration {
position:absolute;
top: -450px;
}

/* put colour strips over header image */
#headerImage {
padding-top: 8px;
}

#home #headerImage, #faqs #headerImage, #contactPage #headerImage {
background-color: #3366cc; /*blue */
}

#what #headerImage, #class #headerImage {
background-color: #f8ab05; /* orange */
}

#good #headerImage, #media #headerImage {
background-color:#CC99FF; /* lilac */
}

#testimonials #headerImage, #links #headerImage {
background-color:#fa3177; /* pink */
}
/* end of colour strips */

/*sidebar styles*/
#mainNav {
width: 220px;
float: left;
padding-top: 20px;
padding-bottom: 20px;
}

#contact {
font-size: 1.4em;
color:#000000;
margin-left: 20px;
font-weight: bold;
text-indent: 10px;
}

#mainNav #contact a {
color: #000000;
}

/*end of sidebar styles*/

/*Styling main content*/
#content {
width: 600px;
float: right;
}

#content h2, #content h3, #content h4, #content p {
padding-right: 35px;
}

#content h2 {
font-size: 2.2em;
font-family: Geneva, Arial, Helvetica, sans-serif;
margin-top: 0.8em;
}

#content h3 {
font-size: 1.8em;
font-family: Geneva, Arial, Helvetica, sans-serif;
margin-bottom: -0.5em;
}

#content a {
color:#0033CC;
text-decoration: underline;
}

#content a:visited {
color:#3366cc;
}

/* Style pages according to colour */
#home h2, #home h3, #home h4, #faqs h2, #faqs h3, #faqs h4, #contactPage h2, #contactPage h3, #contactPage h4 {
color: #3366cc; /* blue */
}

#what h2, #what h3, #what h4, #class h2, #class h3, #class h4 {
color: #f8ab05; /* orange */
}

#good h2, #good h3, #good h4, #media h2, #media h3, #media h4{
color:#b46bfd; /* lilac */
}

#testimonials h2, #testimonials h3, #testimonials h4, #links h2, #links h3, #links h4  {
color:#fa3177; /* pink */
}

#content p {
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
font-size: 1.4em;
}

/*style lists */
#content ul {
font-size: 1.4em;
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
padding-right: 35px;
}

#content ul li {
padding-bottom: 2px;
}

.imageRight {
float: right;
margin: 0 0 10px 20px;
}

.imageLeft {
float: left;
margin: 0 20px 10px 0;
}

#footer {
clear: both;
position: relative;
}

#footer p {
text-align:center;
font-size: 1.2em;
font-family: Arial, Helvetica, sans-serif;
padding: 0.5em;
color:#3366cc;
}

#footer a {
color:#3366cc;
text-decoration:none;
}

#jocando {
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#333333;
position: absolute;
top: 30px;
left: 780px;
text-decoration: none;
}