body{
	background: url(images/background.jpg);
	background-repeat: repeat-y;
	margin-left: 0px;
	margin-top: 0px;
}

/*banner content and related class*/
#banner{
	position: absolute;
	background: url(images/banner.jpg);
	width: 750px;
	height: 129px;
	top: 0px;
	left: 0px;	
	z-index: 0;
}
#btn1{
	position: absolute;
	background-image: url(images/btnHome.jpg);
	width: 68px;
	height: 28px;
	left: 350px;
	top: 67px;	
}
#btn1 a{
	display: block;
	width: 68px;
	height: 28px;
	left: 350px;
	top: 67px;	
}
#btn2{
	position: absolute;
	background: url(images/btnProduct.jpg);
	width: 132px; 
	height: 28px;
	left: 417px;
	top: 67px;	
}
#btn2 a{
	display: block;
	width: 132px; 
	height: 28px;
	left: 417px;
	top: 67px;	
}
#btn3{
	position: absolute;
	background: url(images/btnContact.jpg);
	width: 131px; 
	height: 28px;
	left: 548px;
	top: 67px;	
}
#btn3 a{
	display: block;
	width: 131px; 
	height: 28px;
	left: 548px;
	top: 67px;	
}

/*Menu content and related classes*/
#menu{
	position: absolute;
	background: url(images/menu.jpg);
	top: 129px;
	width: 240px;
	height: 274px; 
	z-index: 0; 
}
#product{
	position: absolute;
	background: url(images/productListing.jpg);
	top: 25px;
	left: 15px;
	width: 137px;
	height: 23px;
	z-index: 1;
}
a.menuItem {
	font-family:arial;
	font-size: 12pt;
	color:#000000;
	font-weight: bold;
	text-decoration:none	
}
a:hover.menuItem {
	color:red;
}
.menuHeader{
	font-family:arial;
	font-size:  12pt;
	color:#000000;
	font-weight: bold;
}
#header1{
	position: absolute;
	top: 60px;
	left: 30px; 
}
#item1{
	position: absolute;
	top: 80px;
	left: 40px; 
}
#item2{
	position: absolute;
	top: 100px;
	left: 40px; 
}
#item3{
	position: absolute;
	top: 130px;
	left: 30px; 
}
#item4{
	position: absolute;
	top: 160px;
	left: 30px; 
}

/*Content for index page*/
#main{
	position: absolute;
	background: url(images/main.gif);
	width: 367px;
	height: 289px;
	top: 175px;
	left: 305px;
	z-index: 3;
}

/*Content for product page*/
#tblTable{
	position: absolute;
	top: 175px;
	left: 275px;
}
.tblHeader{
	background-color: White;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
}
.tblsubHeader{
	background-color: #90ACD6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	text-align: center;
}
.tblWhite{
	background-color: White;
	font-family: Arial, Helvetica, sans-serif;
	font-size: smaller;
	font-weight: bold;
	text-align: center;
}

.tblYellow{
	background-color: #FAFAC8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: smaller;
	font-weight: bold;
	text-align: center;
}

.tblDescriptionYellow{
	background-color: #FAFAC8;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: xx-small;
}
.tblDescriptionWhite{
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: xx-small;
}

.tblLink{
	color: black;
}
.tblLink:Hover{
	color: red;
}
.descriptionHeader{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: black;
}
#UC{
	position: absolute;
	top: 175px;
	left: 310px;
	height: 150px;
	width: 375px;
	color: White;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}

/**contact**/
#Contact{
	position: absolute;
	top: 175px;
	left: 275px;
}
.inputMultiline{
	width: 300px;
	height: 90px;
}
.error{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: Red;
	font-weight: bold;
}