.header {
	width: 100%;
	height: 75px;
	background-image: url(../images/Navigation/header_bg.png);
	z-index: 68;
	position: absolute;
	/* [disabled]min-width: 1300px; */
	top: 0px;
	left: 0px;
}
.logo {
	position: absolute;
	top: -27px;
	left: -9px;
	float: left;
}
.logo img {
	position: absolute;
	float: left;
	margin-left: 60px;
	top: -4px;
}
#home  {
	background-image: url(../images/Navigation/home.png);
	width: 145px;
	height: 53px;
	background-repeat: no-repeat;
	position: relative;
	float: left;
	left: 85px;
	z-index: 12;
}
#home:hover {
	background-image: url(../images/Navigation/home_hover.png);
	background-repeat: no-repeat;
	z-index: 35;
}
#home:active {
	background-image: url(../images/Navigation/home_hover.png);
	z-index: 48;
	background-repeat: no-repeat;
}


#portfolio  {
	height: 53px;
	width: 190px;
	background-image: url(../images/Navigation/portfolio.png);
	background-repeat: no-repeat;
	position: relative;
	float: left;
	left: 62px;
	z-index: 10;
	
}
#portfolio:hover {
	background-image: url(../images/Navigation/porfolio_hover.png);
	background-repeat: no-repeat;
}
#portfolio:active {
	background-image: url(../images/Navigation/porfolio_hover.png);
	background-repeat: no-repeat;
}

#aboutme {
	width: 197px;
	height: 53px;
	background-image: url(../images/Navigation/about%20me.png);
	background-repeat: no-repeat;
	position: relative;
	float: left;
	left: 41px;
	z-index: 5;
	
	
}
#aboutme:hover {
	background-image: url(../images/Navigation/about_me_hover.png);
	background-repeat: no-repeat;
	position: relative;
	float: left;
}
#aboutme:active {
	background-image: url(../images/Navigation/about_me_hover.png);
	background-repeat: no-repeat;
	position: relative;
	float: left;
}
#contactme {
	height: 53px;
	width: 222px;
	background-image: url(../images/Navigation/contact%20me.png);
	background-repeat: no-repeat;
	position: relative;
	float: left;
	left: 20px;
	z-index: 214;
	
}
#contactme:hover {
	background-image: url(../images/Navigation/contact_me_hover.png);
	background-repeat: no-repeat;
	position: relative;
}
#contactme:active {
	background-image: url(../images/Navigation/contact_me_hover.png);
	background-repeat: no-repeat;
	position: relative;
}
#blog {
	background-image: url(../images/Navigation/blog.png);
	background-repeat: no-repeat;
	height: 53px;
	width: 135px;
	position: relative;
	float: left;
	margin-right: 60px;
	
}
#blog:hover {
	background-image: url(../images/Navigation/blog_hover.png);
	background-repeat: no-repeat;
}
#blog:active {
	background-image: url(../images/Navigation/blog_hover.png);
	background-repeat: no-repeat;
}
.navigation-bar {
	bottom: 0px;
	padding-top: px;
	float: right;
}
.navigation-bar ul {
	list-style-type: none;
}
#li-home {
	float: left;
	position: relative;
	width: 145px;
	height: 5px;
}
#li-aboutme {
	float: left;
	position: relative;
}
#li-portfolio {
	position: relative;
	float: left;
}
#li-blog {
	position: relative;
	float: left;
}

#li-contactme {
	position: relative;
	float: left;
}
ul #li-portfolio .sub-menu{
	background-image: url(../images/Navigation/sub-menu-bg.png);
	display: block;
	visibility: hidden;
	width: 158px;
	height: 281px;
	position: absolute;
	left: 81px;
	top: -29px;
	list-style-type: none;
	background-repeat: no-repeat;
}
#animals   {
	background-repeat: no-repeat;
	background-image: url(../images/Navigation/animals.png);
	width: 145px;
	height: 37px;
	position: absolute;
	left: -2px;
	top: -63px;
	z-index: 7;
}
#animals:hover {
	background-image: url(../images/Navigation/animals-hover.png);
	background-repeat: no-repeat;
	/* [disabled]z-index: 8; */
}
#foods {
	background-image: url(../images/Navigation/foods.png);
	background-repeat: no-repeat;
	width: 145px;
	height: 37px;
	position: absolute;
	left: -3px;
	top: -49px;
	z-index: 8;
}
#foods:hover {
	background-image: url(../images/Navigation/foods-hover.png);
}
#nature {
	background-image: url(../images/Navigation/nature.png);
	background-repeat: no-repeat;
	width: 145px;
	height: 33px;
	position: absolute;
	left: -4px;
	top: 43px;
}
#nature:hover {
	background-image: url(../images/Navigation/nature-hover.png);
	background-repeat: no-repeat;
}
#people {
	background-image: url(../images/Navigation/people.png);
	background-repeat: no-repeat;
	height: 41px;
	width: 145px;
	position: absolute;
	left: 1px;
	top: -30px;
}
#people:hover {
	background-repeat: no-repeat;
	background-image: url(../images/Navigation/people-hover.png);
}
#Others {
	background-image: url(../images/Navigation/others.png);
	background-repeat: no-repeat;
	height: 41px;
	width: 135px;
	position: absolute;
	left: 17px;
	top: -16px;
}
#Others:hover {
	background-repeat: no-repeat;
	background-image: url(../images/Navigation/others-hovr.png);
}

ul #li-portfolio:hover .sub-menu {
	visibility: visible;
	display: block;
}
#li-animals {
	width: 145px;
	height: 37px;
	position: absolute;
	top: 143px;
	left: 4px;
	/* [disabled]visibility: hidden; */
}
#li-foods {
	position: absolute;
	width: 145px;
	height: 37px;
	left: 4px;
	top: 163px;
}
#li-nature {
	width: 145px;
	height: 33px;
	position: absolute;
	top: 108px;
	left: 4px;
}
#li-people {
	width: 145px;
	height: 41px;
	position: absolute;
	top: 214px;
	left: 0px;
}
#li-others {
	width: 145px;
	height: 41px;
	position: absolute;
	top: 238px;
	left: 0px;
}