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

html {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}

body {
	background: url(../images/background.png) center bottom no-repeat fixed #3a003b;
	margin:0;
	padding:0;
	height:100%;
	color:#ccc;
	font-family:Tahoma, Geneva, sans-serif;
	
}

ul {
	margin:0;
	padding:0;
	list-style:none;
}

p {
	font-size:12px;
	width:inherit;
	display:block;
	margin:0;
	padding:0;
}


a {
	text-decoration:none;
	color:#ccc;
	font-weight:bold;
}

img {
	border:0px;
	float:left;
}

#wrapper {
	
	width: 100%;
	min-width:1000px;
	min-height: 100%;
	height: auto !important;
	margin:0 auto -40px;
	position:relative;
	background:url(../images/antennae.png) bottom repeat-x;
}

#header {
	background: url(../images/header.png) top right no-repeat;
	height:80px;
	width:950px;
	margin:0 auto;
}

#logo {
	background:url(../images/logo.png);
	display:block;
	width:340px;
	height:80px;
	float:left;
	position:relative;
}

#logo a {
	display:block;
	width:100%;
	height:100%;
}

#content {
	width:800px;
	background: url(../images/content.png);
	padding:5px 75px 0;
	margin:0 auto;
}

#bottom {
	width:900px;
	height:100px;
	padding-right:50px;
	background:url(../images/bottom.png);
	margin:0 auto;
	text-align:right;
}

#bottom iframe {
	margin-top:10px;
}


#footer {
	width:260px;
	height:20px;
	background:url(../images/footer.png) top center no-repeat;
	margin:auto;
	text-align:center;
	padding-top:20px;
	position:relative;
	z-index:100;
}

#footer p {
	display:none;
	color:#999;
	cursor:default;
}

#footer:hover {
	background-position:bottom;
}

#footer:hover p {
	display:block;
}

.push {
	height:40px;
	clear:both;
}

.clear {
	clear:both;
}


#menu {
	padding:33px 0 0 55px;
	position:relative;
	z-index:99;
	font-size:13px;
	float:left;
}

#menu ul {
	list-style:none;
	margin:0;
	padding:0;
	
}

#menu li {
	display:inline;
	padding:0 3px;
}



#menu ul li a:hover {
	color:#3fa9f5;
}

.cv .cv, .projects .projects, .webdesign .webdesign, .photography .photography, .grade .grade, .links .links, .contact .contact {
	color:#fff;
}

#flash {
	margin:auto;
	width:320px;
}

.acon {
	width:146px;
	height:66px;
	padding:5px;
	float:left;
	border:#333 2px dotted;
	cursor:pointer;
}

.acon a {
	display:block;
	width:100%;
	height:100%;
}

.acon:hover {
	border-color:#555;

}

#title {
	color:#FFF;
}
#date {
	font-size:12px;
}

.links #content a, .webdesign .weblink {
	display:inline-block;
	padding-left:20px;
	background:url(../images/links.png) left center no-repeat;
	
}

.graphde {
width:370px;
height:240px;
margin:10px;
padding:5px;
background:url(../images/graphde.png) center no-repeat;
float:left;
}

.graphde h2 {
	margin:0;
	padding:0 0 3px 10px;
	display:block;
	width:360px;
	background-color:#2a0028;
	font-size:1.2em;
	
}
.graphde:hover {
	background-color:#272727;
}

.graphde h3 {
	margin:0  0 5px 0;
	padding:0 0 0 10px;
	display:block;
	width:360px;
	background-color:#3a0038;
	font-size:1em;
	font-weight:normal;
}

.graphde img {
	margin:5px 15px 10px 0;
	border:thin solid #fff;
}

.graphde p {
	font-size:0.9em;
	text-align:justify;
}