/* index.html specific definitions */

#maincontainer { position: relative; height: 602px; padding: 0; text-align: left; }
#mainbox { position: relative; padding: 0; text-align: left; }

#bannerbox {
	display: block;
	position: absolute;
	height: 181px;
	width: 857px;
	left: 0;
	top: 0;
}

#truckbox {
	display: block;
	position: absolute;
	height: 192px;
	width: 857px;
	left: 0;
	top: 414px;
}

#buildingbox {
	display: block;
	position: absolute;
	width: 857px;
	height: 233px;
	background: url(../images/buildings.gif) no-repeat top left;
	top: 181px;
	left: 0px;
	text-align: left;
}
	
#gifts { display: block; position: absolute; top: 0; left: 28px; }
#gifts a { display: block; height: 233px; width: 150px; }
#gifts a:hover, #books a:active { background-image: url(../images/buildings_lit.gif); background-position: -28px 0; background-repeat: no-repeat; }

#stationery { display: block; position: absolute; top: 35px; left: 178px; }
#stationery a { display: block; height: 198px; width: 145px; }
#stationery a:hover, #stationery a:active { background-image: url(../images/buildings_lit.gif); background-position: -178px -35px; background-repeat: no-repeat; }

#stationary { display: block; position: absolute; top: 35px; left: 178px; }
#stationary a { display: block; height: 198px; width: 145px; }
#stationary a:hover, #stationary a:active { background-image: url(../images/buildings_lit.gif); background-position: -178px -35px; background-repeat: no-repeat; }

#prints { display: block; position: absolute; top: 75px; left: 323px; }
#prints a { display: block; height: 158px; width: 155px; }
#prints a:hover, #prints a:active { background-image: url(../images/buildings_lit.gif); background-position: -323px -75px; background-repeat: no-repeat; }

#contact { display: block; position: absolute; top: 33px; left: 481px; }
#contactlit { display: block; visibility: hidden; position: absolute; height: 120px; width: 70px; background-image: url(../images/buildings_lit.gif); background-position: -481px -33px; background-repeat: no-repeat; }
#contact a { display: block; position: absolute; top: 120px; height: 80px; width: 70px; }
#contact a:hover, #contact a:active { background-image: url(../images/buildings_lit.gif); background-position: -481px -153px; background-repeat: no-repeat; }

#shops { display: block; position: absolute; top: 20px; left: 551px; }
#shops a { display: block; height: 213px; width: 133px; }
#shops a:hover, #shops a:active { background-image: url(../images/buildings_lit.gif); background-position: -551px -20px; background-repeat: no-repeat; }

#news { display: block; position: absolute; top: 100px; left: 684px; }
#news a { display: block; height: 133px; width: 133px; }
#news a:hover, #news a:active { background-image: url(../images/buildings_lit.gif); background-position: -684px -100px; background-repeat: no-repeat; }