body {margin: 0px; padding: 0px;}

#masthead {
	left: 50%;
	top: 0px;
	position: absolute;
	margin-left: -580px;
	width: 1097px;
	height: 157px;
	background-image: url(../images/masthead_bg.png);
	background-position: right;
	background-repeat: no-repeat;
	background-color: #ffffff;
	border-bottom: 8px solid #000000;
	padding-left: -60px;
	z-index: 999;
}

#masthead h1 {
	margin: 0px 0px 0px 50px;
	padding: 0px;
	display: block;
	width: 337px;
	height: 157px;
	float: left;
	border:0px;
}

#masthead h1 a{
	background-image: url(../images/h1_logo.jpg);
	background-repeat: no-repeat;
	width: 337px;
	height: 157px;
	display: block;
	text-indent: -9999px;
}

h2{	margin: 0px; padding: 0px; height: 20px; width: 357px;}

#masthead h2 {margin: 0px; padding: 0px; text-indent: -9999px; background-image: url(../images/letusplan.png); height: 20px; width: 357px;}


/* -------- MIDDLE NAV ---------- */

#middlenav {width: 490px; display:block; height: 38px; float: left; margin: 117px 0px 0px 0px;}
#middlenav ul {list-style-type:none; padding: 0px; margin: 0px;}
#middlenav li {float:left; height: 40px; margin: 0px; padding: 0px;}
#middlenav li.list1 {background:transparent url(../images/btn_entertainment.png); background-repeat:no-repeat; width: 159px;}
#middlenav li.list2 {background:transparent url(../images/btn_team_building.png); background-repeat:no-repeat; width: 159px; }
#middlenav li.list3 {background:transparent url(../images/btn_company_picnic.png); background-repeat:no-repeat; width: 159px;}
#middlenav a {display:block; height: 40px; text-indent: -9999px; border-bottom: none; overflow:hidden;}

#middlenav a#item1 {background:transparent url(../images/btn_entertainment.png) no-repeat;}
#middlenav a#item2 {background:transparent url(../images/btn_team_building.png) no-repeat;}
#middlenav a#item3 {background:transparent url(../images/btn_company_picnic.png) no-repeat;}

#middlenav a#item1:hover {background-position:0px -40px; z-index:50;}
#middlenav a#item2:hover {background-position:0px -40px; z-index:50;}
#middlenav a#item3:hover {background-position:0px -40px; z-index:50;}


/* -------- RIGHT NAV ---------- */

#rightnav {width: 183px; height: 157px; display:block; height: 36px; float: right; background-color: #f3f3f3; margin: 7px 0px 0px 0px; background-color: #ffffff;}
#rightnav ul {list-style-type:none; padding:0px; margin: 0px; }
#rightnav li {height: 36px; margin: 0x; padding: 0px;}
#rightnav li.list4 {background:transparent url(../images/btn_home.png); background-repeat:no-repeat; width: 183px; height: 36px;}
#rightnav li.list5 {background:transparent url(../images/btn_about_us.png); background-repeat:no-repeat; width: 183px; height: 36px;}
#rightnav li.list6 {background:transparent url(../images/btn_our_clients.png); background-repeat:no-repeat; width: 183px; height: 36px;}
#rightnav li.list7 {background:transparent url(../images/btn_contact_us.png); background-repeat:no-repeat; width: 183px; height: 36px;}
#rightnav a {display:block; height: 36px; text-indent: -9999px; border-bottom: none;}

#rightnav a#item4 {background:transparent url(../images/btn_home.png) no-repeat;}
#rightnav a#item5 {background:transparent url(../images/btn_about_us.png) no-repeat;}
#rightnav a#item6 {background:transparent url(../images/btn_our_clients.png) no-repeat;}
#rightnav a#item7 {background:transparent url(../images/btn_contact_us.png) no-repeat;}

#rightnav a#item4:hover {background-position:0px -36px; z-index:50;}
#rightnav a#item5:hover {background-position:0px -36px; z-index:50;}
#rightnav a#item6:hover {background-position:0px -36px; z-index:50;}
#rightnav a#item7:hover {background-position:0px -36px; z-index:50;}

