<STYLE TYPE="text/css">


body {
background-color="#4BC02C";
}

#body {

    float: left;
    width: 100%;
  
}
#headerhome {

 background-image: url('images/headerhome.jpg');
    float: left;
    width: 100%;
    height: 270px
}

#header {

 background-image: url('images/header.jpg');
    float: left;
    width: 100%;
    height: 272px
}

#footbar {

 background-image: url('images/footer.jpg');
    float: left;
    width: 100%;
    height: 290px
}

ul {
	
	list-style: none;
	padding: 0em;
	display: block;
	margin: 0em;
	
	
}



#nav {
	background-image: url('images/back.jpg') ;
	height: 492px;
	width: 346px;
	position: absolute;
	left: 0;
	top: 250px;
	list-style: none;
	margin: 0em;
}
#nav li {
	background: none;
	float: right;

	width: 300px;
	text-align: right;
	display: block;
	font: bold 18px/18px trebuchet ms, "Times New Roman", Times, serif;

}

#nav-home {
	background: none;
	float: right;
	padding-left: 40;
	padding-right: 70;
	padding-bottom: 10;
	padding-top: 50;
	width: 300px;
	text-align: right;
	display: block;
	font: bold 18px/18px trebuchet ms, "Times New Roman", Times, serif;

}

#nav-themes {
	background: none;
	float: right;
	padding-left: 20;
	padding-right: 88;
	padding-bottom: 10;
	padding-top: 60;
	width: 300px;
	text-align: right;
	display: block;
	font: bold 18px/18px trebuchet ms, "Times New Roman", Times, serif;

}

#nav-resources {
	background: none;
	float: right;
	padding-left: 30;
	padding-right: 40;
	padding-bottom: 10;
	padding-top: 40;
	width: 300px;
	text-align: right;
	display: block;
	font: bold 18px/18px trebuchet ms, "Times New Roman", Times, serif;

}

#nav-products {
	background: none;
	float: right;
	padding-left: 30;
	padding-right: 90;
	padding-bottom: 10;
	padding-top: 40;
	width: 300px;
	text-align: right;
	display: block;
	font: bold 18px/18px trebuchet ms, "Times New Roman", Times, serif;

}


#nav-ggreen {
	background: none;
	float: right;
	padding-left: 30;
	padding-right: 92;
	padding-bottom: 10;
	padding-top: 70;
	width: 300px;
	text-align: right;
	display: block;
	font: bold 18px/18px trebuchet ms, "Times New Roman", Times, serif;

}

#nav-order {
	background: none;
	float: right;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-top: 70;
	width: 300px;
	text-align: right;
	display: block;
	font: bold 18px/18px trebuchet ms, "Times New Roman", Times, serif;

}

#nav-logo {
	background: none;
	float: right;
	padding-left: 10;
	padding-right: 10;
	padding-bottom: 0;
	padding-top: 0;
	width: 300px;
	text-align: right;
	display: block;
	font: bold 18px/18px trebuchet ms, "Times New Roman", Times, serif;

}

#nav a, #nav a:visited {
	text-decoration: none;
	color: #111111;
	letter-spacing: 0.2em;
}
#nav a:hover {
	text-decoration: underline;
}
#nav span {
	display: none;
	position: absolute;
}
#nav a:hover span {
	display: block;
}
#nav-themes span {
	background: url() no-repeat;
	width: 177px;
	height: 103px;
	top: 10px;
	left: 360px;
}
#nav-home span {
	background: url(images/about-over.gif) no-repeat;
	width: 157px;
	height: 36px;
	top: -36px;
	left: 90px;
}
#nav-order span {
	background: url(images/orderover.gif) no-repeat;
	width: 130px;
	height: 103px;
	top: 450px;
	left: 5px;
}
#nav-products span {
	background: url(images/job-board-over.gif) no-repeat;
	width: 135px;
	height: 33px;
	top: -26px;
	left: 170px;
}

#submenu li {
	padding: 0 0 1em 30px;
	line-height: 140%;
	display: inline;
	margin: 0em;
	font: bold 16px/16px trebuchet ms, "Times New Roman", Times, serif;
	letter-spacing: 0.1em;
}

#submenu a, #nav a:visited {
	text-decoration: none;
	color: #111111;
	letter-spacing: 0.1em;
}
#submenu a:hover {
	color: #ffffff;
}


p {font-size : 11pt; font-family: verdana, sans-serif; color: #ffffff; line-height:1.3;}
p.smaller {font-size : 10pt; font-family: verdana, sans-serif; color: #ffffff; line-height:1.3;}
p.header {font-size : 11pt; font-family: verdana, sans-serif; color: #ffffff; line-height:1.3; font-weight: bold; }
p.label {font-size : 9pt; font-family: verdana, sans-serif; color: #ffffff; line-height:1.5; font-weight: bold; letter-spacing: 1px;}

p.foot {font-size : 20pt; font-family: trebuchet ms, verdana, sans-serif; color: #ffffff; line-height:1.5; font-weight: bold;}

a {
text-decoration: none;
	color: #ffffff;

}
 
a:hover {
text-decoration: underline;
	color: #ffffff;

} 

#tab {
	background-image: url('');
	height: 492px;
	width: 209px;
	position: absolute;
	left: 831px;
	top: 284px;
	list-style: none;
	margin: 0em;
}
#tab li {
	background: none;
	float: left;

	width: 200px;
	text-align: left;
	display: block;
	font: bold 18px/18px trebuchet ms, "Times New Roman", Times, serif;

}
#tab span {
	display: none;
	position: absolute;
}
#tab a:hover span {
	display: block;

}
#tab-one span {
	background: url(images/dayonehover.jpg) no-repeat;
	width: 231px;
	height: 115px;
	top: 35px;
	left: 90px;
	
}
 
 #tab-two span {
	background: url(images/daytwohover.jpg) no-repeat;
	width: 250px;
	height: 150px;
	top: 130px;
	left: 90px;
}
 
  
 #tab-three span {
	background: url(images/daythreehover.jpg) no-repeat;
	width: 250px;
	height: 150px;
	top: 210px;
	left: 90px;
}

 #tab-four span {
	background: url(images/dayfourhover.jpg) no-repeat;
	width: 250px;
	height: 150px;
	top: 290px;
	left: 90px;
}

 #tab-five span {
	background: url(images/dayfivehover.jpg) no-repeat;
	width: 250px;
	height: 150px;
	top: 374px;
	left: 90px;
}

</STYLE>
