body {
	text-align: center;
	background-color: #596F80;
}
img { border-width: 0px; }
#maincontent { background-color: black; 
	width: 778px;
	height: 550px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	position: relative;
	top: 0px;
	left: 0px;
}
.quadrant { 
	height: 265px; width: 379px;
	margin: 5px; padding: 0px;
	background-color: black;
	float: left;
	position: relative;
	z-index: 4;
}
#logo { 
	position: absolute; 
	left: 63px; 
	top: 68px;
	background-image: url(../images/IntroLargeLogo.png);
	background-repeat: no-repeat;
	height: 480px;
	width: 700px;
	z-index: 999;
}
#resturantBoxImg { position: absolute; left: -30px; top: 145px; }
#supermarketBoxImg { position: absolute; right: -45px; top: 130px; }
#surveilBoxImg { position: absolute; left: 75px; bottom: 25px; }
#supportBoxImg { position: absolute; right: 10px; bottom: 25px; }
#supermarketBox { background-image: url(../images/IntroGroceryGraphic.png); position: relative;}
#resturantBox { background-image: url(../images/IntroRestaurantGraphic2.png); }
#surveilBox { background-image: url(../images/IntroCameraGraphic.png); }
#supportBox { background-image: url(../images/IntroStethGraphic.png); }
#links {
	margin-top: 4px;
	font-family: 'Verdana', sans-serif; 
	font-size: 14px; 
	color: white;
}
#links a { text-decoration: none; color: white; }
#links a:hover {text-decoration: underline; }