@charset "utf-8";
#boat {
	background-image: url(banner_imgs/boat.png);
	height: 49px;
	width: 69px;
	position: absolute;
	left: 253px;
	top: 5px;
}
#content {
	background-image: url(home_imgs/homepagebkg.png);
	position: absolute;
	height: 535px;
	width: 803px;
	left: 65px;
	top: 94px;
	background-repeat: no-repeat;
}
#contactbtn {
	position: absolute;
	height: 164px;
	width: 184px;
	left: -25px;
	top: -14px;
	background-image: url(home_imgs/contactus_btn_s1and2.png);
	display:block;
}

#contactbtn:hover{
	background-position: 184px;
}

#productsbtn {
	position: absolute;
	height: 180px;
	width: 155px;
	left: -29px;
	top: 138px;
	display: block;
	background-image: url(home_imgs/apps_btn.png);
	/* background-image: url(home_imgs/products_btn_s1and2.png); */
}

#productsbtn:hover {
	background-position: 155px;
}
#aboutusbtn {
	background-image: url(home_imgs/aboutus_btn_s1and2.png);
	display: block;
	position: absolute;
	height: 176px;
	width: 182px;
	left: 335px;
	top: 292px;
}
#aboutusbtn:hover {
	background-position: 182px;
}
#customersrvbtn {
	background-image: url(home_imgs/customerservice_btn_s1and2.png);
	display: block;
	position: absolute;
	height: 179px;
	width: 209px;
	left: 521px;
	top: 260px;
}
#customersrvbtn:hover {
	background-position: 209px;
}





#wksbtn {
	background-image: url(home_imgs/worksheetlab_btn_s1and2.png);
	display: block;
	position: absolute;
	height: 184px;
	width: 210px;
	left: 128px;
	top: 256px;
}

#wksbtn:hover{
	background-position: 210px;
}

#productsbtn:active,  #contactbtn:active, #aboutusbtn:active, #customersrvbtn:active, #wksbtn:active{
    background-color: transparent; /* Can be any colour, not just transparent */
}

#productsbtn:hover,  #contactbtn:active, #aboutusbtn:active, #customersrvbtn:active, #wksbtn:active{
    background-color: transparent; /* Can be any colour, not just transparent */
}

#productsbtn,  #contactbtn, #aboutusbtn, #customersrvbtn, #wksbtn{
    background-color: transparent; /* Can be any colour, not just transparent */
}