/* ------------ Header Layout --------------------------- */
#header {
	/* header is fixed size,  */
	position:relative; /* allows images in header to be positioned... */
    height:298px; 	   /* size of two images */
	width:100%;
	background:#B6E537; 	
	padding:2px 0 0 0;
}
#Logo {
	position:relative;
	}
	
#Logo2 {
	position:absolute;
	top:255px;
	left:0;
}
/* ----------- Header Navigation List layout ----------------- */
#navWrap {
	background: transparent url(../images/nav/nav_right.jpg) no-repeat top right;
}

#navcontainer {
	position:relative;
	list-style:none;
	background:transparent url(../images/nav/nav_left.jpg) no-repeat 0 0 ;
	color:White;
	margin:0 auto;
	height:41px;
	width:847px; 			
	padding:0 55px; 	
 }
#navcontainer li {
	display: inline;
}
#navcontainer li p {
	float:left;
	padding:0;
	text-indent:-900%;
	height:41px;
}

#navcontainer  a {
	text-indent:-900%;   		/* use -900% to hide the text! */
	background-color: #222;
	height:41px;
	color: white;
	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!  */

.navSpacer {
	background: url('../images/nav/nav_spacer.jpg') no-repeat;
	width:4px;
}

#navHome {
	background:url('../images/nav/home_both.jpg') no-repeat 0 0;
	width:95px;
}
#navHome:hover {
	background:url('../images/nav/home_both.jpg') no-repeat -95px 0;
}

#navAbout {
	background:url('../images/nav/about_both.jpg') no-repeat 0 0;
	width:105px;
}
#navAbout:hover {
	background:url('../images/nav/about_both.jpg') no-repeat -105px 0;
}

#navServices {
	background:url('../images/nav/services_both.jpg') no-repeat 0 0;
	width:100px;
}
#navServices:hover {
	background:url('../images/nav/services_both.jpg') no-repeat -100px 0;
}
#navGallery {
	background:url('../images/nav/gallery_both.jpg') no-repeat 0 0;
	width:92px;
}
#navGallery:hover {
	background:url('../images/nav/gallery_both.jpg') no-repeat -92px 0;
}
#navShare{
	background:url('../images/nav/share_both.jpg') no-repeat 0 0;
	width:163px;
}
#navShare:hover {
	background:url('../images/nav/share_both.jpg') no-repeat -163px 0;
}

#navShop {
	background:url('../images/nav/shopping_both.jpg') no-repeat 0 0;
	width:139px;
}

#navShop:hover {
	background:url('../images/nav/shopping_both.jpg') no-repeat -140px 0;
}

#navContact {
	background:url('../images/nav/contact_both.jpg') no-repeat 0 0;
	width:120px;
}

#navContact:hover {
	background:url('../images/nav/contact_both.jpg') no-repeat -120px 0;
}

#navBottom {
	border:0;
	padding:0
	margin:0;
}

