body {
	background-color: #999999;
}

#container {
	position:absolute;
	top: 50%;
	left: 50%;
	width:960px;
	height:600px;
	margin-top: -300px; /*set to a negative number 1/2 of your height*/
	margin-left: -495px; /*set to a negative number 1/2 of your width*/
	border: 15px solid #FFFFFF;
	background-color: #FFFFFF;
}

#vindesign {
	position:absolute;
	width:180px;
	height:32px;
	margin-top: 35px;
	margin-left: 0px;
}

#me {
	position:absolute;
	width:66px;
	height:328px;
	margin-top: 162px;
	margin-left: 315px;
	background-image: url(vincent.jpg);
}

#vcard {
	position:absolute;
	width:230px;
	height:180px;
	margin-top: 215px;
	margin-left: 415px;
	background-color: #FFFFFF;
}

#mailer {
	position:absolute;
	width:300px;
	height:250px;
	margin-top: 195px;
	margin-left: 660px;
	background-color: #FFFFFF;
}

#links {
	position:absolute;
	width:160px;
	height:75px;
	margin-top: 67px;
	margin-left: 0px;
	background-color: #333300;
	padding: 10px;
}

#links a{	
	color: #FFFFFF;
	text-decoration:none;
}

#links a:hover{	
	color: #00CC00;
}

#quicklinks a{	
	color: #009900;
	text-decoration:none;
}

#quicklinks a:hover{	
	color: #00CC00;
}

#quicklinks {
	position:absolute;
	width:160px;
	height:308px;
	margin-top: 162px;
	margin-left: 0px;
	background-color: #E8E8E8;
	color: #000000;
	padding: 10px;
}

#detaillinks {
	position:absolute;
	width:115px;
	height:308px;
	margin-top: 162px;
	margin-left: 180px;
	background-color: #F4F4F4;
	color: #000000;
	padding: 10px;
}

#content {
	position:absolute;
	width:230px;
	height:298px;
	margin-top: 162px;
	margin-left: 315px;
	background-color: #FFFFFF;
	color: #000000;
	padding: 15px;
	text-align:justify;
}

#content2 {
	position:absolute;
	width:230px;
	height:298px;
	margin-top: 162px;
	margin-left: 580px;
	background-color: #FFFFFF;
	color: #000000;
	padding: 15px;
	text-align:justify;
}

#flipbook {
	position:absolute;
	width:645px;
	height:298px;
	margin-top: 162px;
	margin-left: 315px;
	background-color: #FFFFFF;
	color: #000000;
	padding: 0px;
	text-align:justify;
}

#content3 {
	position:absolute;
	width:385px;
	height:328px;
	margin-top: 162px;
	margin-left: 575px;
	background-color: #FFFFFF;
	color: #000000;
	padding: 0px;
}

#deco1 {
	position:absolute;
	width:90px;
	height:95px;
	margin-top: 67px;
	margin-left: 180px;
	background-color: #336600;
}

#deco2 {
	position:absolute;
	width:45px;
	height:95px;
	margin-top: 67px;
	margin-left: 270px;
	background-color: #009900;
}

#deco3 {
	position:absolute;
	width:645px;
	height:95px;
	margin-top: 67px;
	margin-left: 315px;
	background-color: #00CC00;
}

#fotobanner {
	position:absolute;
	width:645px;
	height:110px;
	margin-top: 490px;
	margin-left: 315px;
	background-image: url(bart.jpg);
}

#copyright {
	position:absolute;
	width:160px;
	height:90px;
	margin-top: 490px;
	margin-left: 0px;
	background-color: #F4F4F4;
	color: #999999;
	padding: 10px;
}

#copyright2 {
	position: absolute;
	width:160px;
	bottom: 10px;
	text-align:center;
}
	
.links {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:12.5px;
}

.quicklinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
}

.detaillinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
}

.detaillinks a{
	color: #009900;
	text-decoration:none;	
}

.detaillinks a:hover{
	color: #00CC00;	
}

.content {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:12.5px;
}

.content a{
	color: #009900;
	text-decoration:none;
}

.content a:hover{
	color: #00CC00;
}

.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
}

