/* @override http://www.coolkidschannel.com/assets/templates/fiveq/home.css */

/*--------{ COOL KIDS CSS TEMPLATE }--------*/
/*--------{ created by Heath Gerlock @ 5Q Communications, Inc. 6.13.2007 }-------*/
/*--------{ visit http://www.5Qcommunications.com/ -- five questions that change the web. }--------*/

/* @group Content */

.homeBG {
	background: url(/assets/templates/fiveq/images/star_tile.gif) repeat-y center top;
	z-index: 10;
}

a {
	text-decoration: none;
}
/* @end */

/* @group Image Titles */

#imageTitleBlueBIG {
	width: 100%;
	margin-bottom: 10px;
	padding-bottom: 5px;
	height: 45px;
	background: url(/assets/templates/fiveq/images/blue_coolkids.gif) no-repeat left top;
	z-index:300;
}
#imageTitleBlueBIG h2 {
	text-transform: uppercase;
	color: #002d62;
	font-size: 1.2em;
	margin-bottom: 5px;
	bottom: 0;
	right: 0;
}
.borderLeft {
	border-left: 1px dashed #002d62;
}

/* @end */

/* @group Icons */

#iconRespect {
	cursor: default;
	margin-top: 20px;
	width: 96%;
	height: 43px;
	float: left;
	border: none;
	display: block;
	text-transform: uppercase;
	background: url(/assets/templates/fiveq/images/icon_Respect.gif) no-repeat bottom center;
}
	#iconRespect:hover {
		background: url(/assets/templates/fiveq/images/icon_Respect.gif) no-repeat top center;
	}
#iconDone {
	cursor: default;
	margin-top: 20px;
	width: 48%;
	height: 43px;
	float: left;
	border: none;
	display: block;
	text-transform: uppercase;
	background: url(/assets/templates/fiveq/images/icon_Done.gif) no-repeat bottom center;
}
	#iconDone:hover {
		background: url(/assets/templates/fiveq/images/icon_Done.gif) no-repeat top center;	
	}
#iconWork {
	cursor: default;
	margin-top: 20px;
	width: 48%;
	height: 43px;
	float: left;
	border: none;
	display: block;
	text-transform: uppercase;
	background: url(/assets/templates/fiveq/images/icon_Work.gif) no-repeat bottom center;
}
	#iconWork:hover {
		background: url(/assets/templates/fiveq/images/icon_Work.gif) no-repeat top center;	
	}
#iconConfident {
	cursor: default;
	margin-top: 20px;
	width: 48%;
	height: 43px;
	float: left;
	border: none;
	display: block;
	text-transform: uppercase;
	background: url(/assets/templates/fiveq/images/icon_Confident.gif) no-repeat bottom center;
}
	#iconConfident:hover {
		background: url(/assets/templates/fiveq/images/icon_Confident.gif) no-repeat top center;
	}
#iconCool {
	cursor: default;
	margin-top: 20px;
	width: 48%;
	height: 43px;
	float: left;
	border: none;
	display: block;
	text-transform: uppercase;
	background: url(/assets/templates/fiveq/images/icon_Cool.gif) no-repeat bottom center;
}
	#iconCool:hover {
		background: url(/assets/templates/fiveq/images/icon_Cool.gif) no-repeat top center;
	}
#iconCoolRules {
	cursor: default;
	width: 237px;
	height: 69px;
	float: left;
	border: none;
	display: block;
	text-transform: uppercase;
	background: url(/assets/templates/fiveq/images/icon_Cool_Rules.gif) no-repeat center center;
	z-index:300;

}

#columnOne h1.homeTitle  {
	font-size: 1.4em;
	line-height: 1.4em;
	margin-bottom: 10px;
}

#columnOne ul.homeContent li {
	color: #002d62;
	line-height: 1.1em;
	font-size: 1.1em;
	margin-left: 25px;
	margin-bottom: 10px;
}

/* @end */

/* @group Features */

#featureWrapper {
	margin: 12px 0 20px 0;
	float: right;
	position: relative;
	width: 565px;
}

/* @group Drop Shadow */

.shadowParent { /*create a drop shadow*/
	color: #666;
	position: relative;
	left: 1px;
	top: 1px;
	z-index: 100 !important;
}

.shadowChild {
	position: absolute;
	color: #fff;
	left: -1px;
	top: -1px;
	z-index: 1 !important;
}

/* @end */

/* @group Green Feature */

#greenBtn {
	display: block;
	height: 20px;
	padding-top: 7px;
	width: 80px;
	margin: 0px 28px;
	text-align: center;
	background: url(/assets/templates/fiveq/images/green_btn.gif) no-repeat center center;
	z-index: 1000;
}	
#greenBtn a {
	color: #fff;
	text-transform: uppercase;	
}
#greenBtn a:hover {
	text-decoration: underline;
}
#greenFeature {
	display: block;
	float: left;
	position: relative;
	margin: 43px 3px 0 0;
	width: 137px;
	background: #fff url(/assets/templates/fiveq/images/green_feature_bg.gif) repeat-y center center;

}
#greenFeatureTop {
	position: absolute;
	margin-top: -43px;
	width: 137px;
	height: 43px;
	color: #fff;
	background: url(/assets/templates/fiveq/images/green_feature_top.gif) no-repeat center top;
}
#greenFeatureBottom {
	position: absolute;
	width: 137px;
	height: 20px;
	margin-bottom: -20px;
	background: url(/assets/templates/fiveq/images/green_feature_bottom.gif) no-repeat center bottom;
}

#greenFeature p {
	padding: 10px;
	color: #607f24;
	height: 75px;
}

#greenFeatureTop h2 {
	position: relative;
	margin-top: 29px;
	_margin-top: 26px;
	font-size: 1.0em;
	text-align: center;
	text-transform: uppercase;
}



/* @end */


/* @group Orange Feature */

#orangeBtn {
	display: block;
	height: 20px;
	padding-top: 7px;
	width: 80px;
	margin: 0px 28px;
	text-align: center;
	background: url(/assets/templates/fiveq/images/orange_btn.gif) no-repeat center center;
	z-index: 1000;
}	
#orangeBtn a {
	color: #fff;
	text-transform: uppercase;	
}
#orangeBtn a:hover {
	text-decoration: underline;
}

#orangeFeature {
	position: relative;
	display: block;
	float: left;
	margin: 43px 3px 0;
	width: 137px;
	background: #fff url(/assets/templates/fiveq/images/orange_feature_bg.gif) repeat-y center center;
}
#orangeFeatureTop {
	position: absolute;
	margin-top: -43px;
	width: 137px;
	color: #fff;
	height: 43px;
	background: url(/assets/templates/fiveq/images/orange_feature_top.gif) no-repeat center top;
}
#orangeFeatureBottom {
	position: absolute;
	width: 137px;
	height: 20px;
	margin-bottom: -20px;
	background: url(/assets/templates/fiveq/images/orange_feature_bottom.gif) no-repeat center bottom;
}

#orangeFeature p {
	padding: 10px;
	color: #ad6005;
	height: 75px;
}

#orangeFeatureTop h2 {
	position: relative;
	margin-top: 29px;
	_margin-top: 26px;
	font-size: 1.0em;
	text-align: center;
	text-transform: uppercase;
}

/* @end */

/* @group Lavendar Feature */

#lavendarBtn {
	display: block;
	height: 20px;
	padding-top: 7px;
	width: 80px;
	margin: 0px 28px;
	text-align: center;
	background: url(/assets/templates/fiveq/images/lavendar_btn.gif) no-repeat center center;
	z-index: 1000;
}	
#lavendarBtn a {
	color: #fff;
	text-transform: uppercase;	
}
#lavendarBtn a:hover {
	text-decoration: underline;
}
#lavendarFeature {
	position: relative;
	display: block;
	float: left;
	margin: 43px 3px 0;
	width: 137px;
	background: #fff url(/assets/templates/fiveq/images/lavendar_feature_bg.gif) repeat-y center center;
}
#lavendarFeatureTop {
	position: absolute;
	margin-top: -43px;
	width: 137px;
	color: #fff;
	height: 43px;
	background: url(/assets/templates/fiveq/images/lavendar_feature_top.gif) no-repeat center top;
}
#lavendarFeatureBottom {
	position: absolute;
	width: 137px;
	height: 20px;
	margin-bottom: -20px;
	background: url(/assets/templates/fiveq/images/lavendar_feature_bottom.gif) no-repeat center bottom;
}

#lavendarFeature p {
	padding: 10px;
	color: #3c4e73;
	height: 75px;
}

#lavendarFeatureTop h2 {
	position: relative;
	margin-top: 29px;
	_margin-top: 26px;
	font-size: 1.0em;
	text-align: center;
	text-transform: uppercase;
}
/* @end */



/* @group Blue Feature */


#blueBtn {
	display: block;
	height: 20px;
	padding-top: 7px;
	width: 80px;
	margin: 0px 28px;
	text-align: center;
	background: url(/assets/templates/fiveq/images/blue_btn.gif) no-repeat center center;
	z-index: 1000;
}	
#blueBtn a {
	color: #fff;
	text-transform: uppercase;	
}
#blueBtn a:hover {
	text-decoration: underline;
}

#blueFeature {
	position: relative;
	display: block;
	float: left;
	margin: 43px 0 0 2px;
	width: 137px;
	background: #fff url(/assets/templates/fiveq/images/blue_feature_bg.gif) repeat-y center center;
}
#blueFeatureTop {
	position: absolute;
	margin-top: -43px;
	color: #fff;
	width: 137px;
	height: 43px;
	background: url(/assets/templates/fiveq/images/blue_feature_top.gif) no-repeat center top;
}
#blueFeatureBottom {
	position: absolute;
	width: 137px;
	height: 20px;
	margin-bottom: -20px;
	background: url(/assets/templates/fiveq/images/blue_feature_bottom.gif) no-repeat center bottom;
}

#blueFeature p {
	padding: 10px;
	color: #01587d;
	height: 75px;	
}
#blueFeatureTop h2 {
	position: relative;
	margin-top: 29px;
	_margin-top: 26px;
	font-size: 1.0em;
	text-align: center;
	text-transform: uppercase;
}


/* @end */

/* @end */