/* general formatting */

body {
	margin: 0px 0px 10px 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 62.5%;
	background: #39b5d2 url(/images/bgtile.gif) repeat-x scroll top;
}

p, h1, h2, h3, h4, h5 {
	padding: 0px 0px 15px 0px;
	margin: 0px;
}

h1, h3, h4, h5 {
	font-weight: normal;
}

h1 {
	font-size: 2.7em;
}

h2 {
	font-size: 1.4em;
	line-height: 1.6em;
}

form {
	margin: 0px;
	padding: 0px;
}

input.text, input.password, textarea {
	color: #000000;
	font-size: 0.9em;
	line-height: 0.9em;
	height: 1.2em;
	width: 14em;
	padding: 0px;
	border: 1px solid #a9aaab;
}

select {
	color: #405987;
	font-size: 1em;
	line-height: 1em;
}

textarea {
	height: 8em;
}

a {
	color: #ff7f00;
}

a:hover {
	text-decoration: none;
	color: #D03A07;
}

.white {
	color: #FFFFFF;
}

ul {
	margin-top: 5px;
}

.clearer {
	clear: both;
}

img {
	border: none;
}


/* structural styles */

#logo {
	float: left;
	width: 341px;
	height: 180px;
}

#logo h1 {
	text-indent:-3000em; 
}

#topContainer {
	position: relative;
	width: 832px;
    margin: 0 auto;
	height: 180px;
	overflow: hidden;
}

#mainNavTop, #mainNavBot {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#mainNavTop li, #mainNavBot li {
	margin: 0; 
	padding: 0;
	height: 130px;
	float: left;
}

#mainNavTop a, #mainNavBot a {
	display: block;
	overflow: hidden;
	height: 130px;
	text-indent:-3000em; 
}

#mainNavBot li, #mainNavBot a { height: 50px; }

#navhome {
	width: 136px;
	background: transparent url(/images/nav_home.jpg) no-repeat scroll 0px 0px;
}

#navabout {
	width: 90px;
	background: transparent url(/images/nav_about.jpg) no-repeat scroll 0px 0px;
}

#navmeet {
	width: 123px;
	background: transparent url(/images/nav_meet.jpg) no-repeat scroll 0px 0px;
}

#navgames {
	width: 142px;
	background: transparent url(/images/nav_games.jpg) no-repeat scroll 0px 0px;
}

#navlinks {
	width: 151px;
	background: transparent url(/images/nav_links.jpg) no-repeat scroll 0px 0px;
}

#navblog {
	width: 98px;
	background: transparent url(/images/nav_blog.jpg) no-repeat scroll 0px 0px;
}

#navopportunities {
	width: 117px;
	background: transparent url(/images/nav_opportunities.jpg) no-repeat scroll 0px 0px;
}

#navcontactus {
	width: 125px;
	background: transparent url(/images/nav_contactus.jpg) no-repeat scroll 0px 0px;
}

.mainContainer {
	position: relative;
	width: 840px;
	height: 550px;
    margin: 0 auto;
	overflow: hidden;
}


/*homepage stuff */

#homeWelcome {
	width: 394px;
	height: 288px;
	float: left;
	overflow: hidden;
}

#homeWelcome p {
	height: 113px;
	background: transparent url(/images/welcomebg.jpg) no-repeat scroll 0px 0px;
	padding: 10px 160px 0px 30px;
	margin: 0px;
	font-size: 1.1em;
	line-height: 1.4em;
	color: #FFFFFF;
	font-weight: bold;
}

#homeCharacters, #homeCharacters img {
	float: left;
	overflow: hidden;
}

#homeOpportunities, #homeShop {
	float: left;
	width: 278px;
	height: 252px;
	background: transparent url(/images/home_opportunities-bg.jpg) no-repeat scroll bottom;
	color: #224e22;
	font-size: 1.1em;
	line-height: 1.4em;
}

#homeOpportunities, #homeShop {
	background: transparent url(/images/home_shop-bg.jpg) no-repeat scroll bottom;
}

#homeOpportunities p, { height: 150px; padding: 10px 150px 0px 35px; }

#homeShop p { height: 93px; padding: 5px 20px 0px 35px; }

#homeOpportunities img.clickmore, #homeShop img.clickmore { margin:0px 0px 0px 32px; }

#homeGames {
	float: left;
	width: 264px;
	height: 252px;
	background: transparent url(/images/home_games-bg.jpg) no-repeat scroll bottom;
	color: #183b8f;
	font-size: 1.1em;
	line-height: 1.4em;
}

#homeGames p { height: 135px; padding: 5px 130px 0px 20px; }

#homeGames img.clickmore { margin:0px 0px 0px 12px; }

#homeBlog {
	float: left;
	width: 298px;
	height: 252px;
	background: transparent url(/images/home_blog-bg.jpg) no-repeat scroll bottom;
	color: #FFFFFF;
	font-size: 1.1em;
	line-height: 1.4em;
}

#homeBlog p { height: 153px; padding: 5px 150px 0px 23px; }

#homeBlog img.clickmore { margin:0px 0px 0px 10px; }


/* footer styles */

#footer {
	position: relative;
	width: 834px;
	height: 34px;
    margin: 0 auto;
	background: transparent url(/images/footerbg.jpg) no-repeat scroll top;
	color: #FFFFFF;
	padding: 12px 0px 0px 22px;
}

#footer a {
	color: #FFFFFF;
	text-decoration: none;
	background: transparent url(/images/footericon.gif) no-repeat scroll 0px 3px;
	padding-left: 9px;
}

#footer img {
	vertical-align: middle;
	margin: 0px 3px;
}



/* tier styles */

/* opportunities */

#MCOpportunities {
	width: 858px;
}

#opportunitiesLeft {
	width: 250px;
	float: left;
	padding: 15px 20px 0px 30px;
	font-size: 1.2em;
	line-height: 1.4em;
}

#opportunitiesLeft img, #opportunitiesRight img {
	margin-bottom: 12px;
}

#opportunitiesRight {
	width: 558px;
	float: left;
	padding: 20px 0px 0px 0px;
	font-size: 1.2em;
	line-height: 1.4em;
}

#opportunitiesRight strong {
	color: #f45b0f;
}

#opportunitiesRight div.indent {
	padding: 0px 0px 0px 26px;
}

#opportunitiesRight ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 245px;
}

#opportunitiesRight ul.leftlist {
	padding-right: 25px;
}

#opportunitiesRight li {
	padding: 0px 0px 0px 12px;
	background: transparent url(/images/smallbullet.gif) no-repeat scroll 0px 6px;
}

#opportunitiesBecome {
	clear: left;
	width: 550px;
	height: 165px;
	background: transparent url(/images/opportunities_becomebg.jpg) no-repeat scroll left top;
}

#opportunitiesBecome div.text {
	width: 330px;
	height: 121px;
	float: left;
	padding: 0px 20px 0px 18px;
	font-size: 0.9em;
	line-height: 1.4em;
	font-weight: bold;
}

#opportunitiesBecome div.text img {
	margin-top: 7px;
}

#opportunitiesBecome div.images {
	float: right;
	width: 178px;
	overflow: hidden;
}

#opportunitiesBecome div.images img {
	margin: 0px 0px 8px 0px;
}


/* about us */

#aboutLeft {
	width: 243px;
	float: left;
	padding: 15px 20px 0px 21px;
	font-size: 1.5em;
	line-height: 1.5em;
	font-weight: bold;
}

#aboutLeft img { margin-bottom: 22px; }

#aboutLeft p { margin-bottom: 15px; }

#aboutCentre {
	width: 279px;
	height: 540px;
	background: transparent url(/images/about_centrecol.jpg) no-repeat scroll bottom;
	float: left;
	font-size: 1.2em;
	line-height: 1.5em;
}

#aboutCentre img.zoon { 
	clear: left;
	float: left;
	padding: 25px 5px 0px 2px;
}

#aboutCentre p {
	float: left;
	width: 150px;
	padding: 30px 3px 0px 0px;
}

#aboutCentre p.pogo {
	background: transparent url(/images/about_pogotext.gif) no-repeat scroll 0px 28px;
}

#aboutCentre p.jaz {
	background: transparent url(/images/about_jaztext.gif) no-repeat scroll 0px 28px;
}

#aboutCentre p.zap {
	background: transparent url(/images/about_zaptext.gif) no-repeat scroll 0px 28px;
}

#aboutRight {
	float: left;
	width: 239px;
	padding: 20px 11px 0px 27px;
	font-size: 1.2em;
	line-height: 1.5em;
}

#aboutRight h2 {
	font-size: 1.2em;
	line-height: 1.5em;
	color: #eb037c;
}


/* games */

#gamesLeft {
	width: 430px;
	float: left;
	padding: 15px 0px 0px 35px;
	font-size: 1.5em;
	line-height: 1.5em;
}

#gamesLeft p {
	padding-top: 10px;
}

#gamesRight {
	width: 330px;
	float: left;
	padding: 0px 0px 0px 0px;
	font-size: 1.5em;
	line-height: 1.5em;
	font-weight: bold;
}

#gamesLeft img.game, #gamesRight img.game {
	margin-top: 33px;
}

#gamesLeft img.game {
	margin-left: 30px;
}


/* downloads and links section */

#downloadsLeft {
	width: 385px;
	float: left;
	padding: 15px 0px 0px 35px;
	font-size: 1.2em;
	line-height: 1.3em;
}

#downloadsLeft p.intro {
	width: 350px;
	padding: 10px 0px;
	line-height: 1.6em;
}

#downloadsIcons {
	width: 326px;
	height: 161px;
	background: transparent url(/images/icons_bg.gif) no-repeat 0px 0px;
	color: #FFFFFF;
	line-height: 1.3em;
	margin-bottom: 10px;
}

#downloadsIcons p { padding: 0px 20px; }
#downloadsIcons div { padding: 7px 0px 0px 20px; }
#downloadsIcons div img { float: left; margin-right: 11px;  }

#wordSearch, #colouringSheet {
	width: 326px;
	height: 27px;
	background: transparent url(/images/wordsearch_bg.gif) no-repeat 0px 0px;
	margin-bottom: 7px;
	padding: 12px 0px 0px 45px;
}

#colouringSheet { background-image: url(/images/colouringsheet_bg.gif); }

#wordSearch img, #colouringSheet img, #links img {
	float: left;
}

#wordSearch a, #colouringSheet a {
	text-decoration: none;
	color: #FFFFFF;
	display: block;
}

#wordSearch span, #colouringSheet span { padding-left: 5px; }

#links {
	background: transparent url(/images/linksbg.gif) no-repeat 0px 0px;
	margin-top: 12px;
	padding: 15px 0px 0px 0px;
}

#links div {
	float: left;
	width: 200px;
	padding: 4px 0px 0px 7px;
}

#links a {
	display: block;
	clear: both;
	padding-top: 2px;
}

#downloadsRight {
	float: left;
	width: 400px;
	padding: 20px 0px 0px 0px;
	font-size: 1.2em;
	line-height: 1.6em;
}

#downloadsRight p {
	padding: 2px 0px 8px 0px;
}

div.wallpaper {
	height: 78px;
	margin-bottom: 14px;
}

div.wallpaper img.floater {
	float: left;
	margin-right: 7px;
}

div.wallpaper div {
	float: left;
	margin-left: 14px;
}

div.wallpaper ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	float: left;
}

div.wallpaper ul li {
	background: transparent url(/images/wp_bullet.gif) no-repeat 0px 7px;
	padding: 6px 15px 0px 15px;
	margin: 0px;
}

div.wallpaper ul li a {
	color: #000000;
	text-decoration: none;
}

div.wallpaper ul li a:hover {
	color: #ff7f00;
}


/* character styles */

#MCCharacter { width: 821px; }

#pogoLeft, #jazLeft, #zapLeft {
	float: left;
	width: 265px;
	height: 500px;
	margin-top: 15px;
	background: transparent url(/images/pogo_background.jpg) no-repeat 0px 0px;
	font-size: 1.2em;
	line-height: 1.2em;
	padding: 26px 10px 0px 30px;
}

#jazLeft {
	background-image: url(/images/jaz_background.jpg);
	color: #FFFFFF;
	line-height: 1.3em;
}

#zapLeft {
	background-image: url(/images/zap_background.jpg);
	color: #FFFFFF;
	line-height: 1.3em;
}

#pogoLeft img.titleimg, #zapLeft img.titleimg { margin-bottom: 10px; }

#jazLeft img.titleimg { margin-bottom: 15px; }

#pogoRight, #jazRight, #zapRight {
	float: left;
	width: 516px;
	height: 524px;
	margin-top: 15px;
}


/* meet the zoons */

#MCMeet {
	width: 906px;
}

#meettext {
	background: transparent url(/images/meetbg_left.jpg) no-repeat 33px 0px;
	float: left;
	width: 245px;
	padding: 9px 0px 0px 51px;
	font-size: 1.2em;
	line-height: 1.3em;
}

#meetzoons {
	float: left;
	width: 610px;
	height: 546px;
	background: transparent url(/images/meetbg_bottom.jpg) no-repeat left bottom;
}

#meetzoons img.floater {
	float: left;
}

#meettext img.subtitle {
	margin: 20px 0px 0px 0px ;
}

#meettext p {
	padding: 10px 30px 0px 0px;
}



/* blog styles */

#blogLeft {
	width: 355px;
	float: left;
	padding: 0px 0px 0px 25px;
	font-size: 1.2em;
	line-height: 1.3em;
}

#blogLeft p {
	padding-left: 30px;
}

#blogLeft img.bloglink {
	margin: 0px 0px 18px 25px;
}

#blogRight {
	width: 450px;
	float: left;
	padding: 15px 0px 0px 0px;
	font-size: 1.2em;
	line-height: 1.3em;
}

#blogEntry {
	width: 350px;
	height: 450px;
	background: transparent url(/images/blog_bg.jpg) no-repeat 0px 0px;
	margin-top: 20px;
	padding: 22px 45px 0px 55px;
}

#blogText {
	height: 340px;
	overflow: auto;
}



/* contact us styles */

#contactDiv {
	padding: 15px 0px 0px 21px;
	font-size: 1.3em;
	line-height: 1.4em;
	background: transparent url(/images/contact_pic.jpg) no-repeat right 10px;
}

#contactDiv img.subtitle {
	margin: 5px 0px 10px 0px;
}



/* site map styles */

#siteMap {
	padding: 15px 20px 0px 21px;
	font-size: 1.3em;
	line-height: 1.4em;
}

#siteMap ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}


#siteMap ul li ul {
	margin-left: 10px;
}

#siteMap ul li {
	background: transparent url(/images/wp_bullet.gif) no-repeat 0px 9px;
	padding: 6px 15px 0px 17px;
	margin: 0px;
}



/* testimonials styles */

#testContainer {
	padding: 7px 5px 0px 21px;
}

#testTopLinks {
	height: 43px;
}

#testTopLinks img {
	float: left;
}

#testTopLinks img.link {
	float: right;
	margin: 8px 0px 0px 10px;
}

#Testimonial1 {
	float: left;
	width: 235px;
	font-size: 1.2em;
	padding: 0px 15px 0px 0px;
}

#Testimonial2 {
	float: left;
	width: 250px;
	font-size: 1.2em;
	padding: 0px 20px 0px 20px;
	border-left: 1px solid #b9b9b9;
	border-right: 1px solid #b9b9b9;
}

#Testimonial3 {
	float: left;
	width: 235px;
	font-size: 1.2em;
	padding: 0px 0px 0px 15px;
}

#Testimonial1 img, #Testimonial3 img {
	margin: 0px 0px 10px 10px;
}

#Testimonial2 img {
	margin: 0px 0px 10px 18px;
}

p.sig {
	text-align: right;
	font-weight: bold;
	font-style: italic;
	color: #ff5900;
}