body {
margin: 0 auto;
background-color: rgb(158,182,194);
background-image: url('img/background-top.png');
background-repeat: repeat-x;
}

body, td {
font-family: Trebuchet MS, Helvetica, sans-serif;
font-size: 11px;
}

a {
color: #565656;
}

.happyguy {
position: absolute;
right: 50%;
top: 50px;
margin-left: -50px;
width: 503px;
height: 577px;
background-image: url('img/happydude.png');
}

.text {
position: absolute;
left: 50%;
top: 120px;
width: 507px;
margin-right: -50px;
text-shadow: 0px 1px 1px #b1cad7;
}

.desc {
text-align: justify;
}

.hello {
color: #21205f;
text-shadow: 0px 2px 3px #5e83b5;
font-size: 80px;
margin-left: -5px;
}

.intro {
color: #293189;
text-shadow: 0px 2px 3px #5e83b5;
font-size: 20px;
margin-top: -10px;
}

.toplinks {
float:right;
position:relative;
left:-50%;
text-align:left;
margin-top: 15px;
}




ul.tabs {
	list-style: none;
position:relative;
left:50%;
}
ul.tabs li {
	float: left;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #fff;
	display: block;
	padding: 0 20px;
text-align: center;
}
ul.tabs li a:hover {
	color: #eee;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
color: #eee;
}