*{
	margin: 0;
}
body{
	font-family: helvetica, arial, sans-serif;
	font-size: 12px;
	color: #5f6d7b;
	background: #eee url(./images/main_back.png) repeat-x top left;	
	text-shadow: 0px 1px 0px #fff;
}
header{
	
	display: block;
	position: relative;
	left: 50%;
	margin-left: -256px;
	width: 512px;
	height: 512px;
	background:  url(./images/glow.png) center;
}
legend
{
	display: none;
}

#logo, #slogan{
	display: block;
	text-indent: -5000px;
	background: no-repeat bottom center transparent;
}

#logo{
	height: 360px;
	background-image: url(./images/seed.png) ;
	top: 20px;
}

#slogan{
	background: url(./images/slogan.png) no-repeat top center;
	height: 90px;
	margin-bottom: 0px;
	margin-top: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
}

footer{
	overflow: hidden;
	text-align: center;
	display: block;
	margin: 0 auto;
	position: absolute;
	bottom: 10px;
	left: 50%;
	margin-left: -300px;

}
#buttons{
	border-top: 1px solid #fff;
	padding-top: 30px;
	width: 512px;
	display: block;
	position: relative;
	
}
nav{
	display: block;	
}

ul{
	list-style: none;
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: center;
}

li{
	display: inline-block;
	text-indent: -5000px;
	overflow: hidden;
	margin-right: 8px;	
	width: 32px;
	height: 32px;
}


footer nav{
	width: 600px;
	
}
#validation li{
	display: inline-block;
	position: relative;
	width: 62px;
	height: 23px;
	padding-top: 10px;
}
#html5, #css3{
	
	background: url('./images/html5.png') top left no-repeat transparent;
	width: 62px;
	height: 19px;	
}

#validation a{
	width:62px;
	height:19px;
}

#css3{
	background-image: url('./images/css3.png');;
}

li#copyright{
	
	text-indent: 0;
	position: relative;
	top: 4px;
	width: auto;
	background: none;
	border-right: 1px solid #aac;
	padding-right: 10px;
	margin-bottom: 5px;
	padding-top: 7px;
	height: 17px;
	
}

li#copyright{
	
	text-indent: 0;
	position: relative;
	top: 4px;
	width: auto;
	background: none;
	border-right: 1px solid #aac;
	padding-right: 10px;
	margin-bottom: 5px;
	padding-top: 7px;
	height: 17px;
	
}
#copyright p{
}

#social li:last-child, #validation li:last-child{
	margin-right: 0;
}

a{
	color: #5f6d7b;
}
#copyright a{
	display: inline;
	background:none;
	text-decoration: none;
	font-weight: bold;
	
	
}
li a{
	background: url(./images/spritebotones.png) bottom left;
	height: 32px;
	width: 32px;
	display: block;
	text-decoration: none;
}


.tag {
	position: absolute;
	color: #fff;
	font-size: 12px;
	top: 70px;
	left: 0px;
	display: none;
		

}

.tag p{
	position: absolute;
	text-align: center;
	width: 100%;
	top: 14px;
	
}

#tdribbble{
		left:153px;
	text-shadow: 0px 2px 0px #9a2c48; 
}
#floaters{

	display: block;
	height: 20px;

}

#ttwitter{
	left:100px;
position: absolute;
	text-shadow: 0px 2px 0px #1782b2;
}

#tbehance{
		left:188px;
	text-shadow: 0px 2px 0px #135286;

}

#tskype{
	left:230px;
	text-shadow: 0px 2px 0px #21749c;
}

#tmail{
	left:288px;
	text-shadow: 0px 2px 0px #af3a0e;
}

#twitter{
	position: relative;
	background-position: 0px bottom;	
}

#twitter:hover{
	background-position: 0px top;	
}

#mail{
	background-position: 32px bottom;	
}

#mail:hover{
	background-position: 32px top;	
}

#skype 	{
	background-position: 63px bottom;	
}

#skype:hover {
	background-position: 63px top;	
}

#behance{
	background-position: 94px bottom;	
}

#behance:hover{
	background-position: 94px top;	
}


#dribbble{
	background-position: 125px bottom;	
}

#dribbble:hover{
	background-position: 125px top;	
}