.menu 
{
	width:900px;
	height:50px;
	padding-top: 100px;
}

.menu a
{
	position:								relative;
	float: 									left;
	-moz-user-select: 						none;
	-khtml-user-select: 					none;
	cursor: 								pointer;
	list-style: 							none;
	outline:								none;

}

.menu a.inactive
{
	background-position: 					right top;
}
.menu a:hover,
.menu a.active, 
.menu a.active:hover
{
	background-position: 					left top;
}

.menu a#EditorialTab
{
	width:									100px;
	height:									50px;
	margin-right:							16px;
	background-image:						url(../Images/Buttons/EditorialButton.gif);
}

.menu a#PromotionalTab
{
	width:									110px;
	height:									50px;
	margin-right:							10px;
	background-image:						url(../Images/Buttons/PromotionalButton.gif);
}
.menu a#LogoTab
{
	width:									110px;
	height:									50px;
	margin-right:							13px;
	background-image:						url(../Images/Buttons/LogoButton.gif);
}

.menu a#PackagingTab
{
	width:									110px;
	height:									50px;
	margin-right:							15px;
	background-image:						url(../Images/Buttons/PackagingButton.gif);
}

.menu a#AdvertisingTab
{
	width:									110px;
	height:									50px;
	margin-right:							15px;
	background-image:						url(../Images/Buttons/AdvertisingButton.gif);
}
.menu a#InteractiveTab
{
	width:									110px;
	height:									50px;
	margin-right:							13px;
	background-image:						url(../Images/Buttons/InteractiveButton.gif);
}

.menu a#OtherGraphicTab
{
	width:									70px;
	height:									50px;
	margin-right:							10px;
	background-image:						url(../Images/Buttons/OtherButton.gif);
}

.menu a#AboutUsTab
{
	width:									80px;
	height:									50px;
	background-image:						url(../Images/Buttons/AboutUsButton.gif);
}
.menu a#NewspaperTab
{
	width:									100px;
	height:									50px;
	margin-right:							27px;
	background-image:						url(../Images/Buttons/NewspaperButton.gif);
}

.menu a#BookTab
{
	width:									80px;
	height:									50px;
	margin-right:							25px;
	background-image:						url(../Images/Buttons/BookButton.gif);
}

.menu a#IstitutionalTab
{
	width:									110px;
	height:									50px;
	margin-right:							23px;
	background-image:						url(../Images/Buttons/IstitutionalButton.gif);
}

.menu a#SketchbookTab
{
	width:									110px;
	height:									50px;
	margin-right:							9px;
	background-image:						url(../Images/Buttons/SketchbookButton.gif);
}

.menu a#PosterTab
{
	width:									110px;
	height:									50px;
	margin-right:							25px;
	background-image:						url(../Images/Buttons/AdvertisingButton.gif);
}

.menu a#OtherIllustrationTab
{
	width:									70px;
	height:									50px;
	margin-right:							18px;
	background-image:						url(../Images/Buttons/OtherButton.gif);
}

.menu a#FineartTab
{
	width:									90px;
	height:									50px;
	margin-right:							15px;
	background-image:						url(../Images/Buttons/FineartButton.gif);
}

.menu a#AboutMeTab
{
	width:									80px;
	height:									50px;
	background-image:						url(../Images/Buttons/AboutMeButton.gif);
}

.section 
{
	width:900px;
	height:20px;
	padding-top: 10px;
}

.section a
{
	position:								relative;
	float: 									left;
	-moz-user-select: 						none;
	-khtml-user-select: 					none;
	cursor: 								pointer;
	list-style: 							none;
	outline:								none;
	
	background-repeat: 						no-repeat;
	background-position: 					right top;
}

.section a:hover,
.section a.active, 
.section a.active:hover
{
	background-position: 					left top;
}

.section a#GraphicTab
{
	width:									126px;
	height:									20px;
	background-image:						url(../Images/Buttons/GraphicButton.gif);
}


#PaoloTab
{
	width:									113px;
	height:									20px;
	display:block;
	background-image:						url(../Images/Buttons/PaoloButton.gif);
	background-position:					right top;
	background-repeat:						no-repeat;
	float:left
}
.section a#ContactsTab
{
	width:									499px;
	height:									20px;
	padding-left:							74px;
	padding-right:							107px;
	font-size:								10px;
	color: 									#888888;
		float:left

}
.section a:hover#ContactsTab,
.section a.active#ContactsTab, 
.section a.active:hover#ContactsTab
{
	color: 									#000000;
}

#IllustratioTab
{
	width:									93px;
	height:									20px;
	display:								block;
	background-image:						url(../Images/Buttons/IllustrationButton.gif);
	background-position:					right top;
	background-repeat:						no-repeat;
		float:left


}








.FA 
{
	width:100px;
	height:40px;
	padding-top:10px;
}

.FA a
{
	display:block;
	-moz-user-select: 						none;
	-khtml-user-select: 					none;
	cursor: 								pointer;
	list-style: 							none;
	outline:								none;

}

.FA a.inactive
{
	background-position: 					right center;
	background-repeat:						no-repeat;
}
.FA a:hover,
.FA a.active, 
.FA a.active:hover
{
	background-position: 					left center;
	background-repeat:						no-repeat;
}


.FA a#AnimalsTab
{
	width:									100px;
	height:									40px;
	background-image:						url(../Images/Buttons/FAAnimalsButton.gif);
}


.FA a#PeopleTab
{
	width:									100px;
	height:									40px;
	background-image:						url(../Images/Buttons/FAPeopleButton.gif);
}


.FA a#MiscellaneaTab
{
	width:									100px;
	height:									40px;
	background-image:						url(../Images/Buttons/FAMiscellaneaButton.gif);
}


.FA a#AdHocTab
{
	width:									100px;
	height:									40px;
	background-image:						url(../Images/Buttons/FAAdHocButton.gif);
}