div.main {
/* style */
    background-image: url(images/background.png);
    background-repeat: no-repeat;
    height: 674px;
}

/**** header ****/

div.header {
    width: 100%;
    height: 128px;
}

span.hometitle {
    width: 460px;
    height: 100%;
}

span.hometitle a {
    display: block;
    width: 410px;
    height: 108px;
    margin-left: 50px;
    background-image: url(images/hometitle.png);
    background-repeat: no-repeat;
}

/*** menu ***/

div.homemenu {
    position: relative;
    top: -108px;
    left: 540px;
    width: 310px;
    height: 128px;
}

div.homemenu ul {
    display: inline;
	list-style-type:none;
}

/*** web menu **/ 
/* double buffering tegen het knipperen in IE */
div.homemenu li#homemenuitem_web,
div.homemenu a#home_web {
	background: transparent url(images/homemenu_web.png) 0 0 no-repeat;
}

div.homemenu a#home_web {
	display:block;
	width: 310px;
	height:  0px !important;
	padding-top: 40px;
	overflow:hidden;
}

div.homemenu a#home_web:hover {
	background-position: 0 -40px;
	z-index: 50; /*en nog een ie bug*/
}

/** apps menu **/
div.homemenu li#homemenuitem_apps,
div.homemenu a#home_apps {
	background: transparent url(images/homemenu_apps.png) 0 0 no-repeat;
}

div.homemenu a#home_apps {
	display:block;
	width: 310px;
	height:  0px !important;
	padding-top: 40px;
	overflow:hidden;
}

div.homemenu a#home_apps:hover {
	background-position: 0 -40px;
	z-index: 50; /*en nog een ie bug*/
}


/** info menu **/
div.homemenu li#homemenuitem_info,
div.homemenu a#home_info {
	background: transparent url(images/homemenu_info.png) 0 0 no-repeat;
}

div.homemenu a#home_info {
	display:block;
	width: 310px;
	height:  0px !important;
	padding-top: 40px;
	overflow:hidden;
}

div.homemenu a#home_info:hover {
	background-position: 0 -40px;
	z-index: 50; /*en nog een ie bug*/
}




/**** content ****/

div.portfolio {
    width: 100%;
    height: 420px;
    margin:0px;
    padding:0px;
}

div.portfolio a#portfolio_web {
    display: inline-block;
    margin:0px;
    padding:0px;
    width: 458px;
	height:  0px !important;
	padding-top: 420px;
	overflow:hidden;
    margin-left: 50px;
    border:none;
    background-repeat: no-repeat;
}

div.portfolio a#portfolio_web {
	background: transparent url(images/lunabytes-home-web.png) 0 0 no-repeat;
}

div.portfolio a#portfolio_web:hover {
	background-position: 0 -420px;
	z-index: 50; /*en nog een ie bug*/
}

div.portfolio a#portfolio_apps {
    display: inline-block;
    margin:0px;
    padding:0px;
    width: 341px;
	height:  0px !important;
	padding-top: 420px;
	overflow:hidden;
    border:none;
    background-repeat: no-repeat;
}

div.portfolio a#portfolio_apps {
	background: transparent url(images/lunabytes-home-apps.png) 0 0 no-repeat;
}

div.portfolio a#portfolio_apps:hover {
	background-position: 0 -420px;
	z-index: 50; /*en nog een ie bug*/
}