/*#######################################*/
/*                                       */
/*   CSS van het menu op iedere pagina   */
/*                                       */
/*#######################################*/



/*#########################*/
/*                         */
/*     Top of the menu     */
/*                         */
/*#########################*/


/*   Banner, used to hold the title and position the menu-bar   */

#banner
{
	position: relative;
	width: 948px;
	height: 78px;
	background: url(background/menu/banner.jpg) no-repeat;
}

/*   Title (Kimberly Gomes Photography)   */

#title
{
	position: absolute;
	right: 10px;
	bottom: 13px;
	background: url(backgrounds/banner_text.jpg);
	float: left;
	width: 425px;
}


/*#################*/
/*                 */
/*     Menubar     */
/*                 */
/*#################*/


/*   Background   */

#background
{
	position: absolute;
	float: left;
	top: 78px;
	width: 948px;
	height: 29px;
}


/*###############*/
/*   MenuItems   */
/*###############*/

.blank
{
	position: relative;
	height: 29px;
	float: left;
}

.menuitem a
{
	position: relative;
	height: 29px;
	float: left;
}

/*   Backgrounds   */

#blank0
{
	background: url(background/menu/menu_bg_0.jpg) no-repeat;
	float: left;
	width: 208px;
}

#blank1
{
	background: url(background/menu/menu_bg_1.jpg) no-repeat;
	float: left;
	width: 2px;
}

#blank2
{
	background: url(background/menu/menu_bg_2.jpg) no-repeat;
	float: left;
	width: 2px;
}

#blank3
{
	background: url(background/menu/menu_bg_3.jpg) no-repeat;
	float: left;
	width: 2px;
}

#blank4
{
	background: url(background/menu/menu_bg_4.jpg) no-repeat;
	float: left;
	width: 210px;
}

#blank5
{
	background: url(background/menu/menu_bg_5.jpg) no-repeat;
	float: left;
	width: 2px;
}

#blank6
{
	background: url(background/menu/menu_bg_6.jpg) no-repeat;
	float: left;
	width: 2px;
}

#blank7
{
	background: url(background/menu/menu_bg_7.jpg) no-repeat;
	float: left;
	width: 2px;
}

/*   Index (About me)   */

#menu_aboutme a
{
	background: url(buttons/menu/aboutme.jpg) no-repeat;
	float: left;
	width: 76px;
	cursor: pointer;
}

#menu_aboutme a:hover
{
	background: url(buttons/menu/aboutme.jpg) no-repeat 0px -29px;
}

#menu_aboutmeActive a
{
	background: url(buttons/menu/aboutme.jpg) no-repeat 0px -29px;
	float: left;
	width: 76px;
	cursor: pointer;
}

/*   Clients   */

#menu_clients a
{
	background: url(buttons/menu/clients.jpg) no-repeat;
	float: left;
	width: 72px;
	cursor: pointer;
}

#menu_clients a:hover
{
	background: url(buttons/menu/clients.jpg) no-repeat 0px -29px;
}

#menu_clientsActive a
{
	background: url(buttons/menu/clients.jpg) no-repeat 0px -29px;
	float: left;
	width: 72px;
	cursor: pointer;
}

/*   Comments   */

#menu_comments a
{
	background: url(buttons/menu/comments.jpg) no-repeat;
	float: left;
	width: 87px;
	cursor: pointer;
}

#menu_comments a:hover
{
	background: url(buttons/menu/comments.jpg) no-repeat 0px -29px;
}

#menu_commentsActive a
{
	background: url(buttons/menu/comments.jpg) no-repeat 0px -29px;
	float: left;
	width: 87px;
	cursor: pointer;
}

/*   Portfolio   */

#menu_portfolio a
{
	background: url(buttons/menu/portfolio.jpg) no-repeat;
	float: left;
	width: 70px;
	cursor: pointer;
}

#menu_portfolio a:hover
{
	background: url(buttons/menu/portfolio.jpg) no-repeat 0px -29px;
}

#menu_portfolioActive a
{
	background: url(buttons/menu/portfolio.jpg) no-repeat 0px -29px;
	float: left;
	width: 70px;
	cursor: pointer;
}

/*   Interviews   */

#menu_interviews a
{
	background: url(buttons/menu/interviews.jpg) no-repeat;
	float: left;
	width: 75px;
	cursor: pointer;
}

#menu_interviews a:hover
{
	background: url(buttons/menu/interviews.jpg) no-repeat 0px -29px;
}

#menu_interviewsActive a
{
	background: url(buttons/menu/interviews.jpg) no-repeat 0px -29px;
	float: left;
	width: 75px;
	cursor: pointer;
}

/*   News   */

#menu_news a
{
	background: url(buttons/menu/news.jpg) no-repeat;
	float: left;
	width: 54px;
	cursor: pointer;
}

#menu_news a:hover
{
	background: url(buttons/menu/news.jpg) no-repeat 0px -29px;
}

#menu_newsActive a
{
	background: url(buttons/menu/news.jpg) no-repeat 0px -29px;
	float: left;
	width: 54px;
	cursor: pointer;
}

/*   Contact   */

#menu_contact a
{
	background: url(buttons/menu/contact.jpg) no-repeat;
	float: left;
	width: 84px;
	cursor: pointer;
}

#menu_contact a:hover
{
	background: url(buttons/menu/contact.jpg) no-repeat 0px -29px;
}

#menu_contactActive a
{
	background: url(buttons/menu/contact.jpg) no-repeat 0px -29px;
	float: left;
	width: 84px;
	cursor: pointer;
}