body {
	font: 11pt Arial, Helvetica, sans-serif;
	background-image: url('images/background3.jpg');
	background-repeat: no-repeat;
	background-position: bottom center;
	background-attachment:fixed;
	padding: 0;
	margin: 0;
	}
img {
	border: none;
	}
p, code {
	line-height: 120%;
	}
a {	text-decoration: none; color: #000033; font-weight: bold; }
a:hover { color: #333399 }


div.container {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 700px;
	height: 400px;
	margin-top: -200px;
	margin-left: -350px;
	}


div.main-welcome {
	position: absolute;
	top: 30px;
	left: 30px;
	width: 200px;
	padding: 4px;
	background-color: #8a96b7;
	border: 2px solid #8c9ac1;
	filter: alpha(opacity=40);
	-moz-opacity: .40;
	opacity: .40;
	}
div.main-harddrive {
	position: absolute;
	top: 30px;
	right: 30px;
	width: 96px;
	height: 96px;
	}

div.graphic-folder {
	text-align: center;
	font-weight: bold;
	width: 75px;
	}
	div.fprint {position: absolute; top: 30px; right: 30px;}
	div.fweb {position: absolute; top: 150px; right: 30px;}
	div.fcase {position: absolute; top: 270px; right: 30px;}

div.websitegrid {
	position: absolute;
	width: 272px;
	height: 224px;
	text-align: center;
	font-weight: bold;
	}
	div.websitegrid img {margin-bottom: -50px;}
	div.wgrid1 {top: -50px; left: -70px;}
	div.wgrid2 {top: -50px; left: 220px;}
	div.wgrid3 {top: -50px; left: 510px;}
	div.wgrid4 {top: 180px; left: -70px;}
	div.wgrid5 {top: 180px; left: 220px;}
	div.wgrid6 {top: 180px; left: 510px;}

div.graphic-logo1 {position: absolute; top: 147px; left: 44px; background-image: url('./images/graphic/logo_llamas.png'); width: 137px; height: 137px;}
div.graphic-logo2 {position: absolute; top: 237px; left: 193px; background-image: url('./images/graphic/logo_bigleaf.png'); width: 206px; height: 124px;}
div.graphic-logo3 {position: absolute; top: 153px; left: 259px; background-image: url('./images/graphic/logo_myplanet.png'); width: 199px; height: 73px;}
div.graphic-logo4 {position: absolute; top: -48px; left: 402px; background-image: url('./images/graphic/logo_rockwake.png'); width: 246px; height: 223px;}
div.graphic-logo5 {position: absolute; top: 231px; left: 487px; background-image: url('./images/graphic/logo_incedo.png'); width: 142px; height: 107px;}


div.music-left {
	position: absolute;
	bottom: 150px;
	left: 140px;
	width: 300px;
	}
div.music-right {
	position: absolute;
	top: 120px;
	left: 460px;
	width: 148px;
	height: 188px;
	}

div.contact-left {
	position: absolute;
	top: 60px;
	left: 150px;
	width: 153px;
	height: 256px;
	}
div.contact-right {
	position: absolute;
	bottom: 120px;
	left: 400px;
	width: 300px;
	}

div.stuff {
	position: absolute;
	top: 60%;
	left: 40%;
	}

div.link1 {
	position: absolute;
	bottom: 150px;
	left: 170px;
	text-align: center;
	}
	div.link1 img {margin-bottom: -15px;}
div.link2 {
	position: absolute;
	bottom: 140px;
	right: 170px;
	text-align: center;
	width: 120px;
	}
	div.link2 img {margin-bottom: -30px;}

div.logo-large {
	position: absolute;
	top: 45%;
	left: 50%;
	width: 209px;
	height: 218px;
	margin-left: -105px;
	margin-top: -109px;
	background-image: url('./images/logo_ben_large.png');
	}
div.title-graphic {
	position: absolute;
	top: 30px;
	left: 30px;
	width: 155px;
	height: 53px;
	background-image: url('./images/title_graphic.png');
	}
div.title-industrial {
	position: absolute;
	top: 30px;
	left: 30px;
	width: 202px;
	height: 53px;
	background-image: url('./images/title_industrial.png');
	}


/* ### DOCK - MAIN MENU ### */

#dock {
	position: absolute;
	width: 100%;
	bottom: 70px;
	left: 0px;
	z-index: 50;
	}
.dock-container {
	position: absolute;
	height: 50px;
	background-color: #8a96b7;
	border: 2px solid #8c9ac1;
	padding-left: 20px;
	}
a.dock-item {
	display: block; 
	font: bold 12pt Arial, Helvetica, sans-serif;
	width: 80px; 
	color: #000; 
	bottom: 0px; 
	position: absolute;
	text-align: center;
	text-decoration: none;
	}
.dock-item span {
	display: none;
	padding-left: 20px;
	}
.dock-item img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
	}