body {
	font-family: sans-serif;
	background: #acf;
	color: #f0f;
	margin-left:5%;
	margin-right:5%;
}

#contents, #onlycontent {
	position: relative;
	margin-top: 2em;
}

#contents {
	height: 500px;
}

#onlycontentcontainer {
	position:relative;
	text-align:left;
}

#onlycontent {
	background: white url('watermark.jpg') 100% 0% no-repeat;
	min-height: 150px; /* so that the watermark does not look strange */
	color: #000;
	text-align:left;
}

.content {
	width:49%;
	max-width:1024px;
	height: 240px;
	background: white;
	color: #000;
	position:absolute;
}

.inner_content {
	margin:0.5em;
	display:inline-block;
}

/* HOME site */
.bg1 {
	background: #000 url('cpu closeup2_mod.jpg') 50% 50% no-repeat;
}
.bg2 {
	background: #000 url('IMG_6782_mod.jpg') 50% 50% no-repeat;
}
/* SMALL COMPANY site */
.bg3 {
	background: #000 url('../GPU.jpg') 50% 50% no-repeat;
}
.bg4 {
	background: #000 url('../ram.jpg') 50% 50% no-repeat;
}
/* CLUB site */
.bg5 {
	background: #000 url('../lan_party.jpg') 50% 50% no-repeat;
}
.bg6 {
	background: #000 url('../firewall.jpg') 50% 50% no-repeat;
}
/* MID COMPANY site */
.bg7 {
	background: #000 url('../GPU.jpg') 50% 50% no-repeat;
}
.bg8 {
	background: #000 url('../IMG_6782_mod.jpg') 50% 50% no-repeat;
}
/* PERSON site */
.bg9 {
	background: #000 url('../cpu closeup2_mod.jpg') 50% 50% no-repeat;
}
.bg10 {
	background: #000 url('../watercool.jpg') 50% 50% no-repeat;
}

#content1 {
	top: 0;
	left: 0;
}
#content2 {
	top: 0;
	right: 0;
}
#content3 {
	bottom: 0;
	left: 0;
}
#content4 {
	bottom: 0;
	right: 0;
	background: white url('watermark.jpg') 100% 0% no-repeat;
}

.clearfloat {
	clear: left;
}

#header {
	position:relative;
	width: 100%;
	background: #fff;
	color: #000;
	height: 100px;
}

#header h1 {
	padding:0px;
	margin:0px;
	font-size: 1.5em;
}

#header h2 {
	padding:0px;
	margin: 0px;
	font-size: 1em;
	font-weight: normal;
	font-style: italic;
}

#header img { /* logo */
	float: left;
}

#menu {
	position:absolute;
	bottom: 0;
	left: 180px;
}

#lang {
	position:absolute;
	bottom: 0;
	right: 5px;
}

#lang a { /* language links */
	display: inline-block;
	margin-right: 1em;
	text-transform:uppercase;
	padding-left: 0.3em;
	padding-right: 0.3em;
	padding-top: 0.3em;
	text-decoration: none;
	background: white;
	color: white;
}

#menu a { /* menu links */
	display: inline-block;
	margin-right: 1em;
	text-transform:uppercase;
	padding-left: 0.3em;
	padding-right: 0.3em;
	padding-top: 0.3em;
	text-decoration: none;
	background: #08f;
	color: white;
}

#header a:hover {
	background: #4af;
	color: #fff;
}