/* ------------ Header Layout --------------------------- */
#header {
	/* header is fixed size, 900 x 128.  -  Plus white spaces */
	position:relative; /* allows images in header to be positioned... */
	height:127px; 	   /* size of tallest image in header */
	background:#fff;
	border-left:solid 1px #cecece;
	border-right:solid 1px #cecece;
    margin:0px;
}
#leftborder {
	position:absolute:
	width:38px;
}
#maLogo {
	position:absolute;
    top:21px;
	left:28px;
	}
#maHdrPeople {
	position:absolute;
	left:386px;
    top:0px;
}
/* ----------- Header Navigation List layout ----------------- */
#navcontainer {
	position:relative;
	list-style:none;
	background-color:#02e61;
	height:65px;
	color: White;
 }
#navcontainer li {
	display: inline;
}
#navcontainer li p {
	float:left;
	padding:0;
	text-indent:-900%;
	height:65px;
}

#navcontainer  a {
	/* padding: 0 1em;   				/*leftover from text menu */
 	/* border-right: 2px solid #fff;		/* leftover from text menu */
	text-indent:-900%;   		/* use -900% to hide the text! */
	background-color: #eee;
	background-position:50% 0;
	height:65px;
	color: #000;
	text-decoration: none;
	float: left ;  
}

#navcontainer a:link, #navcontainer  a:hover,
#navcontainer  a:hover, #navcontainer a:visited {
	text-decoration:none;
	-moz-outline-style:none;  /* not valid - fixes firefox "active" dotted prob with negative indent text */
	}
div#navcontainer  a:focus {
	-moz-outline-style:none;  /* not valid - fixes firefox "active" dotted prob with negative indent text */
	-moz-border-bottom:dashed 1px #fff;
	}


/* ----------- Main Navigation List items ----------------- */
/* Note: image url is relative to the CSS file, not path root!  */
#navLeftSide {
	background-image:url('../images/nav/navleftside.jpg');
	width:12px;
}
.navSpacer {
	background-image:url('../images/nav/navspacer.jpg');
	width:3px;
}

#navRightSide {
	background-image:url('../images/nav/navrightside.jpg');
	width:16px;
}

#navAbout {
	background-image:url('../images/nav/about.jpg');
	width:103px;
}
#navAbout:hover {
	background-image:url('../images/nav/about_over.jpg');
}

#navDestinations {
	background-image:url('../images/nav/destinations.jpg');
	width:141px;
}
#navDestinations:hover {
	background-image:url('../images/nav/destinations_over.jpg');
}

#navEvents {
	background-image:url('../images/nav/events.jpg');
	width:90px;
}
#navEvents:hover {
	background-image:url('../images/nav/events_over.jpg');
}
#navDisney {
	background-image:url('../images/nav/disney.jpg');
	width:171px;
}
#navDisney:hover {
	background-image:url('../images/nav/disney_over.jpg');
}
#navResources {
	background-image:url('../images/nav/resources.jpg');
	width:114px;
}
#navResources:hover {
	background-image:url('../images/nav/resources_over.jpg');
}
#navAccount {
	background-image:url('../images/nav/youraccount.jpg');
	width:129px;
}
#navAccount:hover {
	background-image:url('../images/nav/youraccount_over.jpg');
}

#navContact {
	background-image:url('../images/nav/contact.jpg');
	width:105px;
}
#navContact:hover {
	background-image:url('../images/nav/contact_over.jpg');
}
