﻿body{
	background-color: #cc0000;
	background-image:url('images/bg_tile.gif');
}

div#layoutroot{
}

div#main{
	background-image: url('images/main.jpg');
	width: 800px;
	height: 640px;
	position: absolute;
	top: 50%;
	margin-top: -320px;
	left: 50%;
	margin-left: -400px;
	text-align: center;
}

p#andythelwell{
	background-image:url('images/andythelwell.png');
	height: 45px;
	width: 306px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 200px;
}

p#interactiondesigner{
	background-image:url('images/interactiondesigner.png');
	background-position: center;
	height: 45px;
	width: 489px;
	margin-left: auto;
	margin-right: auto;	
	margin-top: -10px;
}

ul#menu{
	padding: 0;
	margin-top: 80px;
	margin-left: 195px;
}

ul#menu li{
	/*display: inline-block;*/
	text-align: left;
    float: left;
    list-style: none;
	margin-right: 22px;
	margin-top: 10px;
	height: 20px;
	background-repeat: no-repeat;
}

ul#menu li a{
	display: block;
}

ul#menu li:hover{
	background-position: 0px -20px;
}


li#blobz{
	background-image:url('images/blobz.png');
	width: 68px;
}

li#twitter{
	background-image:url('images/twitter.png');
	width: 81px;
}

li#facebook{
	background-image:url('images/facebook.png');
	width: 113px;
}

li#email{
	background-image:url('images/email.png');
	width: 67px;
}


.gfxtext-gilder{
	position: relative;
}
.gfxtext-gilder a, .gfxtext-gilder p, gfxtext-gilder span{
	background-repeat:no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

.gfxtext-phark{
	overflow: hidden;
	background-repeat:no-repeat;
	text-indent: -9999em;
}