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


/*** menu ***/
div.mainmenu {
    margin: 0px;
    padding: 0px;
    width: 700px;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
}

div.mainmenu ul {
	list-style-type:none;
	padding: 0px;
	margin: 0px;
}

div.mainmenu ul.centered {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}


div.mainmenu li {
    display: inline-block; 
    font-weight: 100;
    font-size: 14px;
    width: 30%;
    margin-left: auto;
    margin-right: auto;
    
}

div.mainmenu li.link:before {
    content: '-';    
}


div.mainmenu a {
    color: #ccbe41;
    font-size: 12px;
}

div.mainmenu a:hover {
    color: #9ca6b3;
}

div.mainmenu a span.amp {
    color: #6979ca;
}

/****/
div.homemenu {
    margin: 0px;
    padding: 0px;
    width: 310px;
    height: 128px;
    margin-left: 530px;
}

div.homemenu ul {
	list-style-type:none;
	padding: 0px;
	margin:0px;
}

/*** 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: 580px;
    margin:0px;
    padding:0px;
}


p.name {
	font-family: "Helvetica Neue", Helvetica, Verdana, Arial, Geneva, sans;
    font-size: 24px;
    font-weight: 300;
}

p.info {
	font-family: "Helvetica Neue", Helvetica, Verdana, Arial, Geneva, sans;
    font-size: 14px;
}