﻿/* HOMEPAGE SPECIFIC CSS */

div#wrapper div#container.home {
	min-height: 0;
	_height: auto;
	
	width:915px;
	background:#ffffff none;
}


div#wrapper div#crazy_ball{
	position:absolute;
	top:200px;
	left:0px;
	width:205px;
	height:205px;
	background:url("../images/home/2010crazycatch.gif") top left no-repeat;
	text-indent:-5000px;
	z-index:900;
}

div#wrapper div#crazy_ball a {
	width:205px;
	height:205px;
	display:block;
	z-index:900;
}



div#wrapper div#crazy_ballsml{
	position:absolute;
	top:200px;
	left:0px;
	width:205px;
	height:205px;
	background:url("") top left no-repeat; 
}

div#wrapper div#crazy_ballsml a {
	width:205px;
	height:205px; 
}



div#wrapper div#shopconfidence {
	position:absolute;
	top:425px;
	left:55px;
	width:205px;
	height:205px;
	background:url("../images/home/2010ShopConfidence.jpg") top left no-repeat;
	text-indent:-5000px;
	z-index:900;
}

div#wrapper div#shopconfidence a {
	width:205px;
	height:205px;
	display:block;
	z-index:900;
}

div#wrapper div#moreinfo {
	position:absolute;
	top:545px;
	left:55px;
	width:205px;
	height:205px;
	background:url("../images/home/2010MoreInfo.jpg") top left no-repeat;
	text-indent:-5000px;
	z-index:900;
}

div#wrapper div#moreinfo a {
	width:205px;
	height:205px;
	display:block;
	z-index:900;
}


/* =================================================================================================================================== HEADER */

div#wrapper div#home_header {
	position:relative;
	width: 940px;
	height: 137px;
	background: url("../images/home/2010Header.jpg") top left no-repeat;
}

div#wrapper div#home_networking {
	position:relative;
	width: 940px;
	height: 60px;
	background: url("../images/home/2010Networking.jpg") 140px 12px no-repeat #ffffff;
	text-indent:-5000px;
}

div#wrapper div#home_networking a#flickr {
	position:relative;
	left:440px;
	top:-120px;
	width:110px;
	height:60px;
	display:block;
	z-index:900;
}

div#wrapper div#home_networking a#youtube {
	position:relative;
	left:550px;
	top:-180px;
	width:110px;
	height:60px;
	display:block;
	z-index:900;
}

div#wrapper div#home_networking a#twitter{
	position:relative;
	left:660px;
	top:-240px;
	width:60px;
	height:60px;
	display:block;
	z-index:900;
}

div#wrapper div#home_networking a#slideshare{
	position:relative;
	left:720px;
	top:-300px;
	width:150px;
	height:60px;
	display:block;
	z-index:900;
}


div#wrapper div#home_networking a#FlicxFacebook {
	position:relative;
	left:140px;
	top:0px;
	width:150px;
	height:60px;
	display:block;
	z-index:900;
}

div#wrapper div#home_networking a#CCFacebook{
	position:relative;
	left:290px;
	top:-60px;
	width:150px;
	height:60px;
	display:block;
	z-index:900;
}



/* =================================================================================================================================== LEFT MENU */

div#wrapper div#container div#home_menu {
	width: 133px;
	padding: 15px 0 0 0;
	background: url('../images/home/left_menu_bg.jpg') right 21px no-repeat;
}

div#wrapper div#container div#home_menu div.bottom {
	width: 133px;
	height: 20px;
	background: url('../images/home/left_menu_bot.jpg') right top no-repeat;
}

ul#left_menu li {
	list-style: none;
	margin-bottom: 4px;
	padding: 0 0 0 18px;
}

div#wrapper div#container div#home_menu ul#left_menu li a {
	display: block;
	width: 99px;
	height: 69px;
	text-indent: -5000px;
	background: url('../images/home/menu_one.jpg') left top no-repeat;
}

div#wrapper div#container div#home_menu ul#left_menu li a.two {
	background: url('../images/home/menu_two.jpg') left top no-repeat;
}

div#wrapper div#container div#home_menu ul#left_menu li a.three {
	background: url('../images/home/menu_three.jpg') left top no-repeat;
}

div#wrapper div#container div#home_menu ul#left_menu li a.four {
	background: url('../images/home/menu_four.jpg') left top no-repeat;
}

/* =================================================================================================================================== LINKS */


#homevideo {
	position: absolute;
	left: 202px;
	top: 520px;  
}


div#wrapper div#container div#home_links {
	position: absolute;
	right: 58px;
	_right: 0px;
	top: 220px;
}

div#wrapper div#container div#home_links div {
	float: left;
	width: 213px;
	margin-right: 25px;
}

div#wrapper div#container div#home_links div p a {
	display: block;
	margin-left: 5px;
	width: 225px;
	height: 50px;
	background: url('../images/home/shop_button.jpg') left top no-repeat;
	text-indent: -5000px;
}

div#wrapper div#container div#home_links div#home_links_1 p a 
{
	position:relative;
	width:144px;
	height:43px;
    left:30px;
	display: block;		
	background: url('../images/home/2010ClickSchools.jpg') left top no-repeat;
	z-index:900;
}

div#wrapper div#container div#home_links div#home_links_2 p a {

	position:relative;
		width:144px;
	height:43px;
  left:30px;
	display: block;
	background: url('../images/home/2010ClickClubs.jpg') left top no-repeat;
			z-index:900;
}

div#wrapper div#container div#home_links div#home_links_3 p a {
	position:relative;
	width:144px;
	height:43px;
  left:30px;
		display: block;
	background: url('../images/home/2010ClickGarden.jpg') left top no-repeat;
			z-index:900;
}

/* =================================================================================================================================== CENTRAL TEXT AREA */

div#wrapper div#container div#area4 {
	margin: -60px 5px 0 220px;
	padding: 0px 80px 380px 0px;
	top:380px;
	_height:280px;
	min-height:280px;
	position: relative;
	color: #2327c8;
}


/* =================================================================================================================================== FOOTER AND INSET */

div#wrapper div#container div#footer_inset {
	width: 939px;
	height: 177px;
	position: relative;
	background: url('../images/home/2010footer_inset.jpg') left top no-repeat;
}

/* ---------------------------------------------------- NEWS */

div#wrapper div#container div#footer_inset div.news {
	position: absolute;
	left: 30px;
	top: 75px;
	font-size: 14px;
	line-height: 22px;
	color: #2327c8;
}

div#wrapper div#container div#footer_inset div.news a {
	font-weight: bold;
	color: #2327c8;
	margin-right: 20px;
}

div#wrapper div#container div#footer_inset div.news a:hover {
	text-decoration: underline;
}

/* ---------------------------------------------------- BOTTOM LINKS */

div#wrapper div#container div#footer_inset div.footerlinks {
	width: 503px;
	height: 74px;
	position: absolute;
	top: 51px;
	left: 408px;
	text-align: center;
	text-indent: -5000px;
}

div#wrapper div#container div#footer_inset div.footerlinks a#VideoCompetition {
	position:relative;
	left:0px;
	top:0px;
	width:131px;
	height:74px;
	display:block;
	z-index:900;
}

div#wrapper div#container div#footer_inset div.footerlinks a#CricketKit{
	position:relative;
	left:132px;
	top:-74px;
	width:131px;
	height:74px;
	display:block;
	z-index:900;
}

div#wrapper div#container div#footer_inset div.footerlinks a#Secure100{
	position:relative;
	left:264px;
	top:-148px;
	width:239px;
	height:74px;
	display:block;
	z-index:900;
}


div#wrapper div#container div#footer_inset div.links {
	width: 143px;
	height: 110px;
	position: absolute;
	top: 33px;
	right: 10px;
	text-align: center;
}

div#wrapper div#container div#footer_inset div.links a {
	margin-right: 10px;
}

/* ---------------------------------------------------- FOOTER */

div#wrapper div#container div#footer_inset div.footer {
	position: absolute;
	left: 30px;
	bottom: 5px;
	color: #fff;
}

div#wrapper div#container div#footer_inset div.footerMenu {
	position: absolute;
	right: 20px;
	bottom: 5px;
	color: #fff;
}

div#wrapper div#container div#footer_inset div.footerMenu ul li {
	list-style: none;
	float: left;
	margin-left: 10px;
}

div#wrapper div#container div#footer_inset div.footerMenu ul li a {
	color: #fff;
}

div#wrapper div#container div#footer_inset div.footerMenu ul li a:hover {
	text-decoration: underline;
}

