@charset "utf-8";
body {
	background:#666;
	color:#2F3733;
	font:normal 12px/17px "Lucida Grande",Arial,Geneva;
	margin:0 auto;
	padding:0;
}
.clear {
	clear:both;
	}
	

	#buynow{
		position:absolute;
		top: 197px;
		left: 50%;
		width: 150px;
		height: 55px;
		margin-left: -60px;	

	}
	#trynow{
		position:absolute;
		top: 197px;
		left: 50%;
		width: 150px;
		height: 55px;
		margin-left: 80px;
	}
	
	
	
#wrapper{
	margin:0 auto;
	margin-top:45px;
	padding:0;
	padding-top:35px;
	width:872px;
	background:url(../images/templatetop.png) no-repeat;
}
#container{
	margin:0;
	padding:0 24px 0 23px;
	background:url(../images/templaterepeat.png) repeat-y;
}
#header{
	width:825px;
}
#header .topheader{
	width:100%;
	height:60px;
}
.topheader .callus{
	float:left;
	width:204px;
	height:48px;
	background:url(../images/icon-callus.jpg) no-repeat;
}

.topheader .logo{
	float:left;
	width:285px;
	height:60px;
	background:url(../images/logo.jpg) no-repeat;
}
.toplinks{
	float:right;
}

.toplinks ul {
	float:left;
	list-style:none; 
	height:37px; margin-left:0px; padding:0px;
} 
.toplinks li{
	float:left;
	list-style:none; 
	height:37px; padding:0px; margin:0px;
}

.home{
	width:84px; 
	background:url(../images/bgicons.jpg) no-repeat 0 0;
}
.products{
	width:98px;
	background:url(../images/bgicons.jpg) no-repeat -84px 0;
}
.ourstory{
	width:87px;
	background:url(../images/bgicons.jpg) no-repeat -182px 0; /* -84 + -98 = 182 */
}
.ccms{
	width:76px;
	background:url(../images/bgicons.jpg) no-repeat -269px 0; /* -182 + -87 = 269 */
}
.support{
	width:75px;
	background:url(../images/bgicons.jpg) no-repeat -345px 0; /* 269+76 = 345 */
}

.hubnews{
	width:108px;
	background:url(../images/bgicons.jpg) no-repeat -421px 0; /* 269+76 = 345 */
}

.toplinks a{
	display:block;
	height:37px;
	text-decoration:none;
	text-indent:-9999px;
	overflow:hidden;
}
.home a:hover, .home a.active, .home a.active:hover{
	background:url(../images/bgicons.jpg) no-repeat 0 -37px;
}
.products a:hover, .products a.active, .products.active a:hover{
	background:url(../images/bgicons.jpg) no-repeat -84px -37px;
}
.ourstory a:hover, .ourstory a.active, .ourstory a.active:hover{
	background:url(../images/bgicons.jpg) no-repeat -182px -37px;
}
.ccms a:hover, .ccms a.active, .ccms a.active:hover{
	background:url(../images/bgicons.jpg) no-repeat -269px -37px;
}
.support a:hover, .support a.active, .support a.active :hover{
	background:url(../images/bgicons.jpg) no-repeat -345px -37px;
}

.hubnews a:hover, .hubnews a.active, .hubnews a.active :hover{
	background:url(../images/bgicons.jpg) no-repeat -421px -37px;
}



.bottomheader{
	background:url(../images/imgHeader.jpg) no-repeat;
	height:268px;
	position:relative;
}

.bottomheader_products{
	background:url(../images/header_bottomheader_products.jpg) no-repeat;
	height:275px;
	position:relative;
}
.bottomheader_ourstory{
	background:url(../images/header_ourstory.jpg) no-repeat;
	height:272px;
	position:relative;
}
.watchvideo, .trynow{
	display:block;
	display:block;
	width:135px;
	height:45px;
	position:absolute;
	top:155px;
	text-indent:-9999px;
}
.watchvideo{
	left:287px;
}
.trynow{
	left:432px;
}
#contents{
	clear:both;
	width:790px;
	padding: 0 20px 20px 20px;
}
.introTextBox p{
	margin:0;
	padding:0;
	text-align:justify;
	font-size:14px;
	width:786px;
	color:#000;
	line-height:160%;
	letter-spacing:.3px;
}
.zoomMenu{
	margin-top:35px;
	height:121px;
	background:url(../images/imgfancyzoom.jpg) no-repeat;
	width:797px;
}
.zoomMenu a{
	width:85px;
	height:101px;
	display:block;
	text-indent:-9999px;
}
.attendance{
	float:left;
	margin:0;
}
.children, .dashboard, .website, .parents, .report{
	float:left;
	margin-left:57px;
}

.box01, .box02, .box03{
	width:260px;
	height:315px;
	margin-right:1px;
	float:left;
	position:relative;
}
.box03{
	float:right;
}
.box02 .testimonials{
	display:block;
	width:248px;
	height:200px;
	background:url(../images/imgTestimonial.jpg) no-repeat;
	text-indent:-9999px;
	margin-top:60px;

}
.box03 .img{
		margin-top:10px;
}

.learnMore{
	display:block;
	width:68px;
	height:9px;
	background:url(../images/iconLearnMore.jpg) no-repeat;
}
.box01 .learnMore, .box03 .learnMore{
	float:right;
	margin-right:30px;
	top:334px;
	left:150px;
	position:absolute;
}

h1{
	font:bold 17px/22px Arial,"Lucida Grande", sans-serif;
	color:#333;
}
.box01 p{
	width:97%;
	padding-top:7px;
}

a:focus{
	-moz-outline:none;
}
.bold{
	font-weight:bold;
}
#footer{
	background:url(../images/templatebottom.png) no-repeat 0 0;
	height:60px;
	padding-top:35px;
}
.footerlogo{
	background:url(../images/footerlogo.png) no-repeat;
	width:108px;
	height:20px;
	float:left;
	margin-left:23px;
}
.footertext{
	float:right;
	font-size:10px;
	color:#B3B3B3;
	margin-right:24px;
}
.footertext a{
	color:#B3B3B3;
	text-decoration:underline;
}
.footertext a:hover{
	text-decoration:none;
}
.govtaccredited, .govtaccredited:hover {
	width: 127px;
	height: 121px;
	position:absolute;
	right:42px;
	bottom:1px;
	display:block;	
	cursor:pointer;
	z-index:2000;
	}
	
.header_tophub_news{
	background:url(../images/header_hub.jpg) no-repeat;
	height:272px;
	position:relative;
	}