body {

	background-color: #FFFFFF;
	text-align: center; 
	margin: 0; 
	vertical-align: middle;
	overflow: auto;
	font-family: verdana;
	
}
a {text-decoration: none}
a:link {color:#FFFFFF}
a:visited {color:#8C489F}
a:hover {color:#CC99CC}
a:active {color:#CCCC66}

	
div { margin: 0 auto; }
div.bodycolumn {
	
	position: relative;
	background-color: #000000;
	width: 800px;
	height: 100%;
	
	margin: 0 auto;
	text-align: center;
	//overflow: auto;
	
}

h1.alexandriabrodeur {
	padding-top: 125px;
	color: #FFFFFF;
	font-size: 28px;
	letter-spacing: 22px;
	vertical-align: middle;	
	width: 800px;
}

div.squaremain {
	position: absolute; left: 60;
	width: 680px;
	height: 500px;
}

div.image {
	position: absolute; top: 0px; left: 490px;
	background-color: #CC99CC;
	width: 190px;
	height: 500px;
}

div.bio {
	position: absolute; top: 0px; left: 0px;
	background-color: #CC99CC;
	cursor: crosshair;
	z-index: 5;
	width: 200px;
	height: 240px;
}

div.beaconimage {
	position: absolute; top: 0px; right: 203px;
	background-image: url('images/beacon.jpg');
	background-color: #CC99CC;
	z-index: 2;
	width: 145px;
	height: 180px;
}


div.beacontext {
	position: absolute; top: 0px; right: 203px;
	background-color: #000000;
	color: #FFFFFF;
	z-index: 1;
	cursor: crosshair;
	width: 145px;
	height: 180px;
}

div.links {
	position: absolute; top: 0px; right: 361px;
	background-color: #000000;
	color: #FFFFFF;
	width: 106px;
	height: 180px;
}

div.friendslist {
	font-size: 8pt;
}

div.personalchefimage {
	position: absolute; top: 193px; right: 203px;
	background-color: #CC99CC;
	background-image: url('images/personalchef.jpg');
	z-index: 2;
	cursor: crosshair;
	width: 264px;
	height: 145px;
}

div.personalcheftext {
	position: absolute; top: 193px; right: 203px;
	background-color: #000000;
	color: #FFFFFF;
	z-index: 1;
	cursor: crosshair;
	width: 264px;
	height: 145px;
}

div.facebook {
	position: absolute; top: 253px; left: 0px;
	background-color: #CC99CC;
	background-image: url('images/facebook.jpg');
	cursor: crosshair;
	width: 200px;
	height: 85px;
}

div.youtube {
	position: absolute; bottom: 0px; right: 203px;
	background-color: #CC99CC;
	background-image: url('images/youtube.jpg');
	cursor: crosshair;
	width: 106px;
	height: 149px;
}

div.bentimage {
	position: absolute; bottom: 0px; right: 322px;
	background-image: url('images/bent.jpg');
	background-color: #CC99CC;
	z-index: 2;
	width: 210px;
	height: 149px;
}

div.benttext {
	position: absolute; bottom: 0px; right: 322px;
	background-color: #000000;
	color: #FFFFFF;
	cursor: crosshair;
	visibility: hidden;
	z-index: 1;
	//background-repeat:no-repeat;
	//background-attachment:fixed;
	width: 210px;
	height: 149px;
}

div.blog {
	position: absolute; bottom: 65px; left: 0px;
	background-color: #CC99CC;
	background-image: url('images/blog.jpg');
	cursor: crosshair;
	width: 135px;
	height: 84px;
}

div.twitter {
	position: absolute; bottom: 0px; left: 0px;
	background-color: #CC99CC;
	background-image: url('images/twitter.jpg');
	cursor: crosshair;
	width: 135px;
	height: 52px;
}

div.contact {
	position: absolute; left: 60px; top: 680px;
	background-color: #000000;
	color: #999999;
	font-size: 7pt;
	text-align: justify;
	letter-spacing: 2px;
	width:340px;
	height: 13px;
}

div.copyright {
	position: absolute; right: 60px; top: 680px;
	background-color: #000000;
	color: #999999;
	font-size: 7pt;
	text-align: right;
	letter-spacing: 2px;
	width:340px;
	height: 13px;
}
