* html a:hover
{
	visibility: visible;
}


body
{
	margin-bottom: 0px !important;
}

.container
{
	padding-left: 200px !important;
}

.menuContainer
{
	position: fixed;
	position: absolute !ie;
	left: 0px;
	top: 2px;
}

.menu a:hover img
{
	visibility: hidden;
}

.menu a:hover
{
	background-position: 0px top;
}

.menu
{
	padding-top: 47px;
	width: 206px;
	height: 630px;
	background-image: url(../images/menu/bg-fixed-menu.png);
	behavior: url(/js/iepngfix.htc);
	background-repeat: no-repeat;
}

.menu *
{
	border: 0px;
}

.menu a
{
	display: block;
	float: left;
}

.menu .menuItem
{
	float: left;
	height: 127px;
	width: 87px;
	background-position: 0px -8px;
	padding-left: 1px;
	padding-right: 1px;
	margin-top: 10px;
}

.portfolio
{
	background: url(../images/menu/portfolio-active.png) no-repeat;
	background-position: 0px 200px;
	position: relative;
	top: 10px;
	left: 5px;
}

.one2one
{
	background: url(../images/menu/one2one-active.png) no-repeat;
	background-position: 0px 200px;
	position: relative;
	top: 10px;
	left: 15px;
}

.services
{
	background: url(../images/menu/services-active.png) no-repeat;
	background-position: 0px 200px;
	position: relative;
	top: 2px;
	left: 7px;
}

.began
{
	background: url(../images/menu/began-active.png) no-repeat;
	background-position: 0px 200px;
	position: relative;
	top: 2px;
	left: 16px;
}

.contact
{
	background: url(../images/menu/contact-active.png) no-repeat;
	background-position: 0px 200px;
	position: relative;
	top: -9px;
	left: 10px;
}

.recognition
{
	background: url(../images/menu/recognition-active.png) no-repeat;
	background-position: 0px 200px;
	position: relative;
	top: -10px;
	left: 18px;
}

.websites
{
	background: url(../images/menu/websites-active.png) no-repeat;
	background-position: 0px 200px;
	position: relative;
	top: -20px;
	left: 11px;
}

.blog
{
	background: url(../images/menu/blog-active.png) no-repeat;
	background-position: 0px 200px;
	position: relative;
	top: -20px;
	left: 17px;
}