@charset "UTF-8";
body{
	height: 100%;
	background-position: 16% 20%;
	background-size: 26% auto;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	font-size: 0.9em;
	color: rgba(8,8,8,1.00);
	margin-left: auto;
	margin-right: auto;
	background-color:rgba(255,255,204,1.00);
}

section{
	width: 100%;
}

section ul{
	
}

section ul li{
	float: left;
	display: block;
	margin-top: 2%;
	margin-right: 2%;
	text-decoration: none;
	text-indent: -10000px;
}


.home{
	background-image:url(../images/sprite5.png);
	display: block;
	background-repeat: no-repeat;
	width: 181px;
	height: 181px;
}
.home:hover{
	background-image: url(../images/sprite5.png);
	background-position: -181px 0px;
}
.home:active{
	background-image: url(../images/sprite5.png);
	background-position: -362px 0px;
}


.contact{
	background-image:url(../images/sprite5.png);
	width:181px;
	height:181px;
	background-repeat:no-repeat;
	display:block;
	background-position:0px -181px;
}
.contact:hover{
	background-image:url(../images/sprite5.png);
	background-position:-181px -181px;
}
.contact:active{
	background-image:url(../images/sprite5.png);
	background-position:-362px -181px;
}


.gallery{
	background-image: url(../images/sprite5.png);
	width: 181px;
	height: 181px;
	background-repeat: no-repeat;
	display: block;
	background-position: 0px -362px;
}
.gallery:hover{
	background-image:url(../images/sprite5.png);
	background-position:-181px -362px;
}
.gallery:active{
	background-image: url(../images/sprite5.png);
	background-position: -362px -362px;
}


.influence{
	background-image: url(../images/sprite5.png);
	width: 181px;
	height: 181px;
	background-repeat: no-repeat;
	display: block;
	background-position: 0px -543px;
}
.influence:hover{
	background-image:url(../images/sprite5.png);
	background-position:-181px -543px;
}
.influence:active{
	background-image: url(../images/sprite5.png);
	background-position: -362px -543px;
}


.about_me{
	background-image: url(../images/sprite5.png);
	width: 181px;
	height: 181px;
	background-repeat: no-repeat;
	display: block;
	background-position: 0px -724px;
}
.about_me:hover{
	background-image:url(../images/sprite5.png);
	background-position:-181px -724px;
}
.about_me:active{
	background-image: url(../images/sprite5.png);
	background-position: -362px -724px;
}


.extra{
	background-image: url(../images/sprite5.png);
	width: 181px;
	height: 181px;
	background-repeat: no-repeat;
	display: block;
	background-position: 0px -905px;
}
.extra:hover{
	background-image:url(../images/sprite5.png);
	background-position:-181px -905px;
}
.extra:active{
	background-image: url(../images/sprite5.png);
	background-position: -362px -905px;
}


.spacer{
	background-image: url(../images/sprite5.png);
	width: 181px;
	height: 181px;
	background-repeat: no-repeat;
	display: block;
	background-position: -362px -1086px;
}
.spacer1{
	background-image: url(../images/sprite5.png);
	width: 181px;
	height: 181px;
	background-repeat: no-repeat;
	display: block;
	background-position: -181px -1086px;
}
.spacer2{
	background-image: url(../images/sprite5.png);
	width: 181px;
	height: 181px;
	background-repeat: no-repeat;
	display: block;
	background-position: 0px -1086px;
}
main{
	width: 90%;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	padding: 0;
	display: block;
	text-align: justify;
}
main p{
	margin-top: 20px;	
}

@media only screen and (max-width: 2282px) {
	main{
	width: 87%;
	}
}
@media only screen and (max-width: 2026px) {
	main{
	width:83%;
}
@media only screen and (max-width: 1996px) {
	main{
	width: 87%;
	}
}
@media only screen and (max-width: 1763px) {
	main{
	width: 82%;
	}
}
@media only screen and (max-width: 1528px) {
	main{
	width: 80%;
	margin-left:40px;
	}
}
@media only screen and (max-width: 826px) {
	main{
	width: 79%;
	}
}
@media only screen and (max-width: 617px) {
	

	.home{
	background-image:url(../images/sprite5.png);
	display: block;
	background-repeat: no-repeat;
	width: 181px;
	height: 181px;
	}
	.home:hover{
		background-image: url(../images/sprite5.png);
		background-position: -362px 0px;
	}
	.home:active{
		background-image: url(../images/sprite5.png);
		background-position: -181px 0px;
	}
	
	
	.contact{
		background-image:url(../images/sprite5.png);
		width:181px;
		height:181px;
		background-repeat:no-repeat;
		display:block;
		background-position:-181px -181px;
	}
	.contact:hover{
		background-image:url(../images/sprite5.png);
		background-position:-362px -181px;
	}
	.contact:active{
		background-image:url(../images/sprite5.png);
		background-position:0px -181px;
	}
	
	
	.gallery{
		background-image: url(../images/sprite5.png);
		width: 181px;
		height: 181px;
		background-repeat: no-repeat;
		display: block;
		background-position: -362px -362px;
	}
	.gallery:hover{
		background-image:url(../images/sprite5.png);
		background-position:-0px -362px;
	}
	.gallery:active{
		background-image: url(../images/sprite5.png);
		background-position: -181px -362px;
	}
	
	
	.influence{
		background-image: url(../images/sprite5.png);
		width: 181px;
		height: 181px;
		background-repeat: no-repeat;
		display: block;
		background-position: 0px -905px;
	}
	.influence:hover{
		background-image:url(../images/sprite5.png);
		background-position:-181px -905px;
	}
	.influence:active{
		background-image: url(../images/sprite5.png);
		background-position: -362px -905px;
	}
	
	
	.about_me{
		background-image: url(../images/sprite5.png);
		width: 181px;
		height: 181px;
		background-repeat: no-repeat;
		display: block;
		background-position: -181px -724px;
	}
	.about_me:hover{
		background-image:url(../images/sprite5.png);
		background-position:-362px -724px;
	}
	.about_me:active{
		background-image: url(../images/sprite5.png);
		background-position: 0px -724px;
	}
	
	
	.extra{
		background-image: url(../images/sprite5.png);
		width: 181px;
		height: 181px;
		background-repeat: no-repeat;
		display: block;
		background-position: -362px -543px;
	}
	.extra:hover{
		background-image:url(../images/sprite5.png);
		background-position:0px -543px;
	}
	.extra:active{
		background-image: url(../images/sprite5.png);
		background-position: -181px -543px;
	}

	.spacer{
		background-image:none;
	}
	.spacer1{
		background-image:none;
	}
	
	section ul li{
	float:none;
	margin-bottom:-100px;
	text-decoration: none;
	text-indent: -10000px;
	}
	main{
	text-align: justify;
	display: block;
	padding-left: 209px;	
}
main p{
	margin-top: 21px;
	z-index: 100000;
	margin-right: 193px;
}

	section{
	height: 0px;
}
}