/* ---- HEADER ---- */
.menu {
	position: relative;
	background: url(../img/menuBack.png);
	background-repeat: repeat-x;
	min-width: 1024px;
	width: 100%;
	height: 98px;
}
.buttons {
	position: relative;
	list-style: none;
	top: -36px;
	[if Webkit] top: -30px;
	margin-left: auto;
	margin-right: auto;
	width: 640px;
}
.item {
	float: left;
	width: 160px;
}
.item input {
	position: relative;
	outline: none;
}
.menuText {
	display: none;
	color: #4e3c33;
	text-align: center;
	font-family: arial;
	font-size: 22px;
}
#logo {
	position: relative;
	top: 0px;
	margin-left: 16%;
}
#logo a {
	outline: none;
}
#cloud {
	position: relative;
	top: -164px;
	margin-left: 84%;
}
.overState {
	position: fixed;
	margin-left: -158px;
}
#menubar img {
	border-style: hidden;
	outline: none;
}
#btnPortfolio.onOver{
	background: url(../img/buttons/btnPortfolio.png);
}
#btnPortfolio.onOver:hover {
	background: url(../img/buttons/btnPortfolio_o.png);
}

#btnWho.onOver {
	background: url(../img/buttons/btnWho.png);
}
#btnWho.onOver:hover{
	background: url(../img/buttons/btnWho_o.jpg);
}

#btnWhat.onOver {
	background: url(../img/buttons/btnWhat.png);
}
#btnWhat.onOver:hover {
	background: url(../img/buttons/btnWhat_o.jpg);
}

#btnContact.onOver  {
	background: url(../img/buttons/btnContact.png);
}
#btnContact.onOver:hover {
	background: url(../img/buttons/btnContant_o.jpg);
}
/* ---- HEADER ---- */