@charset "UTF-8";
/* CSS Document */

html,body {
    margin:0;
    padding:0;
	background-color:#222;
	height:100%;
}
img {
border: none;
}
.wrapper {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top: 0px;
	width:900px;
	min-height:400px;
	height:inherit;

}
.nav {
	position:absolute;
	top:0px;
	width:900px;
	height:50px;
}
.logo {
	position:absolute;
	top:10px;
	left:80px;
	width:222px;
	height:80px;
	z-index:1;
}
#active {
	z-index:999;
}
#inactive {
	z-index:1;
}
.about {
	position:absolute;
	top:10px;
	left:380px;
	height:80px;
	width:115px;
}
.cv {
	position:absolute;
	top:10px;
	left:510px;
	height:80px;
	width:115px;
}
.work {
	position:absolute;
	top:10px;
	left:640px;
	height:80px;
	width:115px;
}
.contact {
	position:absolute;
	top:10px;
	left:770px;
	height:80px;
	width:115px;
}
.main {
	position:absolute;
	top:50px;
	width:100%;
	height:inherit;
	background-image:url(images/platypus-planning-recycled-background.png);
	background-repeat:repeat-y;
	z-index:2;
}
.tabone {
	position:absolute;
	left:0px;
	top:33%;
	width:28px;
	height:42px;
	background-image:url(images/platypus-planning-tab.png);
	background-repeat:no-repeat;
	z-index:999;
}
.tabtwo {
	position:absolute;
	left:0px;
	top:66%;
	width:28px;
	height:42px;
	background-image:url(images/platypus-planning-tab.png);
	background-repeat:no-repeat;
	z-index:999;
}
.engineering {
	position:absolute;
	left:100px;
	top:100px;
}