html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}                 

.article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display:block;}


body {
 position:relative;
 height:100%;
 font-family:Tahoma, Geneva, sans-serif;
 font-size:12px;
 color:#FFF;
 text-align:left;
 margin:0;
 padding:0;
 background:#333333 url(../img/bkg_underconstruction.jpg) repeat top;

}

object, div, a {outline:none;}

ul, li, h1, h2, h3, h4, h5, h6, p {
	margin:0;
	padding:0;
	list-style:none;
}

.clear{clear:both;}


a.robot {
	display:block;
	position:fixed;
	bottom:-20px;
	left:-10px;
	width:130px;
	height:230px;
	background:url(../img/mini_robot.png) no-repeat;
	border:1px none red;
}

a.robot:hover, a.robot:visited, a.robot:active {background:url(../img/mini_robot_hover.png) no-repeat;}

/*### HEADER ### */
header {
	position:relative;
	width:600px;
	border:1px none green;
}

header h1 {
	width:242px;
	height:242px;
	margin:0 auto;
	text-indent:-9000em;
	background:url(../img/logo.png) no-repeat;
}


header h1 a {
	display:block;
	width:242px;
	height:242px;	
}

header .astronave {
	position:absolute;
	top:40px;
	left:-50px;
	width:284px;
	height:156px;
	background:url(../img/ico_missile.png) no-repeat;
}

header .moon {
	position:absolute;
	top:15px;
	right:85px;
	width:125px;
	height:109px;
}

header .moon a {
	display:block;
	width:125px;
	height:109px;
	text-indent:-9000em;
	background:url(../img/ico_moon.png) no-repeat;
}

header .moon a:hover, a:visited, a:active {background:url(../img/ico_menu.png) no-repeat -377px -50px;}


/*### CONTENT ### */
#content {
	position:relative;
	width:600px;
	height:auto;
	margin:0 auto;
	text-align:center;
	border:1px none red;
}

#content h2 {
	width:480px;
	height:37px;
	color:#333333;
	font-size:24px;
	text-transform:uppercase;
	margin:40px auto 70px auto;
	font-family: 'Limelight', cursive; /* Google Font */
	 text-shadow: 1px 1px 2px #FFF;
	border:1px none red;
}


#content .baffo {
	position:absolute;
	top:185px;
	left:100px;
	width:405px;
	height:92px;
	background:url(../img/baffo.png) no-repeat;	
}

#content menu {
	width:180px;
	margin:0 auto 50px auto;
	border:1px none red;
}
/*
#content ul {
	width:180px;
	width:360px;
	width:500px;
	text-align:center;
	border:1px none green;
}
*/
#content menu li {
	float:left;
	display:inline;
	border:1px none red;
}

#content a.portfolio {
	display:block;
	width:104px;
	height:210px;
	background:url(../img/ico_menu.png) no-repeat 0 0;
	text-indent:-9000em;
}


#content a.about {
	display:block;
	width:73px;
	height:210px;
	background:url(../img/ico_menu.png) no-repeat -145px 0;
	text-indent:-9000em;
}

#content a.contact {
	display:block;
	width:94px;
	height:210px;
	background:url(../img/ico_menu.png) no-repeat -262px 0;
	text-indent:-9000em;
}

/*
#content a.photo {
	display:block;
	width:87px;
	height:210px;
	background:url(../img/ico_menu.png) no-repeat -387px 0;
	text-indent:-9000em;
}
*/


#content a.behance {
	display:block;
	width:90px;
	height:40px;
	background:url(../img/ico_behance.png) no-repeat;
	text-indent:-9000em;
}

#content a.linkedin {
	display:block;
	width:80px;
	height:40px;
	background:url(../img/ico_linkedin.png) no-repeat;
	text-indent:-9000em;
}


#content nav {
	position:absolute;
	top:10px;
	right:-80px;
	width:80px;
	height:54px;
	border:1px none red;
}

#content nav a {
	float:left;
	display:inline-block;
	width:40px;
	height:54px;
	text-indent:-9000em;
	background:url(../img/ico_html5.png) no-repeat;
}

#content nav a.html5 {background-position:0 0;}
#content nav a.css3 {background-position:-40px 0;}



/*### FOOTER ### */
footer {
	position:fixed;
	bottom:0;
	width:100%;
	height:30px;
	text-align:center;
	background:url(../img/bkg_footer.png) repeat;
	margin-top:20px;
	padding:10px 0;
	border-top:1px solid #FFF;
	
}

footer .thanks {
	width:620px;
	height:50px;
	margin:-25px auto 0 auto;
	border:1px none red;
}

footer .thanks h3 {
	width:610px;
	height:34px;
	margin:0 auto;
	font-family: 'Oswald', sans-serif; /* Google Font */
	color:#FFF;
	font-size:15px;
	text-transform:uppercase;
	padding:6px 10px 0 0;
	text-shadow: 1px 1px 1px #8aa282;
	background:url(../img/footer_thanks.png) no-repeat;
	border:1px none red;
}