body {
	margin: 0;
	padding: 0;
	width: 100%;

}

/* TOP */

div.table1 {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 60%;
	background-color: #5E91B3;
}

div.table1-grad {
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 50px;
	background: url(/index-images/table1-bkg.png) repeat-x;
}

div.menu-container {
	position: fixed;
	left: 50%;
	margin-left: -350px;
	bottom: 40%;
	width: 700px;
	height: 400px;
	overflow: hidden;
}

div.aluin {
	position: relative;
	top: 252px;
	left: 0px;
	height: 146px;
	font: 194px/146px "Abril Fatface", cursive;
	color: #406080;
}

/* @group menu items */

div.webdesign {
	position: absolute;
	height: 44px;
	width: 300px;
	top: 15px;
	left: 427px;
}

div.graphics {
	position: absolute;
	height: 44px;
	width: 300px;
	top: 56px;
	left: 496px;
}

div.video {
	position: absolute;
	height: 44px;
	width: 300px;
	top: 100px;
	left: 425px;
}

div.photos {
	position: absolute;
	height: 44px;
	width: 300px;
	top: 141px;
	left: 333px;
}

div.babel {
	position: absolute;
	height: 44px;
	width: 300px;
	top: 192px;
	left: 234px;
}

div.writing {
	position: absolute;
	height: 44px;
	width: 300px;
	top: 234px;
	left: 372px;
}

/* @end */

/* BOTTOM */

div.table2{
	position: absolute;
	top: 60%;
	width: 100%;
	height: 40%;
	background-color: #406080;
	overflow: hidden;
}


div.table2-grad {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 70px;
	background: url(/index-images/table2-bkg.png) repeat-x;
}

div.content-holder {
	position: absolute;
	left: 50%;
	margin-left: -400px;
	top: 0px;
	width: 100%;
	
}

div.content {
	position: absolute;
	left: 0px;	
	top: 0px;
	width: 80%;
	max-width: 900px;
	padding-left: -10%;
	margin-top: 55px;
	overflow: hidden;
	
}

div.aluin-flip {
	position: absolute;
	top: 0px;
	left: 50px;
	width: 494px;
	height: 70px;
	background-image: url(/index-images/aluin-flipped.png);
}

p {
	margin: 0;
	color: #5E91B3;
	font: 400 21px "Gentium Basic", serif;
}

h1 {
	margin: 0px;
	color: #5E91B3;
	font: 700 36px "Gentium Basic", serif;
}

h2 {
	margin: 0px;
	color: #5E91B3;
	font:  400 21px "Gentium Basic", serif;
}

h3 {
	margin: 0px;
	color: #5E91B3;
	font: italic 400 21px "Gentium Basic", serif;
}

a:link {
	font: 44px "Abril Fatface", cursive;
	color: #C2DCED;
	text-decoration: none;
}

a:visited {
	font: 44px "Abril Fatface", cursive;
	color: #C2DCED;
	text-decoration: none;
}

a:hover {
	font: 44px "Abril Fatface", cursive;
	color: white;
	text-decoration: none;
}

a:active {
	font: 44px "Abril Fatface", cursive;
	color: #406080;
	text-decoration: none;
}

/* @group contact */

.btn-slide {
	position: absolute;
	top: 320px;
	left: 510px;
	font: normal 44px "Abril Fatface", cursive;
	color: #C2DCED;
	text-decoration: none;
	z-index: 20;
}

.btn-slideout {
	position: absolute;
	top: 470px;
	left: 510px;
		font: normal 44px "Abril Fatface", cursive;
	color: #C2DCED;
	text-decoration: none;
}

/* @end */