@charset "utf-8";
.loader {
	background-image: url(images/loader.gif);
	height: 55px;
	width: 54px;
	position: absolute;
	z-index: -1;
	left: 0%;	
	
}
.portfolio {
	width: 985px;
	position:relative;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
.portfolio ul {
	list-style-type: none;
	display: block;
	margin: 0px;
	padding: 0px;
		position:relative;
		
}
.portfolio ul li a {
		position: relative;
			display: block;
	float: left;

	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
	width: 246px;
	height: 311px;
	background-image: url(images/portfolio.jpg);

}

#webDesign a {
	background-position: 0px 603px; 	height: 292px;	
}
#webDesign a:hover{
	background-position: 0px 0px; 
}
#printDesign a {
	background-position: -244px 603px; 	height: 292px;	
}
#printDesign a:hover {
	background-position: -244px 0px; 	height: 292px;	
}
#flash a {
	background-position: -488px 603px; 	height: 292px;	
}
#flash a:hover {
	background-position: -488px 0px;
}
#Photoshop a {
	background-position: -732px 603px; 	height: 292px;	
}
#Photoshop a:hover {
	background-position: -732px 0px;
}
#vectorArt a {
	background-position: 0px -896px;
}
#vectorArt a:hover {
	background-position: 0px -291px;
}
#bookIllustration a {
	background-position: -244px -896px;
}
#bookIllustration a:hover {
	background-position: -244px -291px;
}
#photography a {
	background-position: -488px -896px;
}
#photography a:hover {
	background-position: -488px -291px;
}
#Art3D a {
	background-position: -732px -896px;
}
#Art3D a:hover {
	background-position: -732px -291px;
}