body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	margin:0; 
	padding:0; 
	}
.clearfix:after{
    content:"\0020";
    display: block;
    height: 0;
    clear: both;
}
.clearfix {
    zoom: 1;
}
#wrapper{
	margin:50px 0 0 0;
	}

.nav{
	height:245px;
	text-indent:-9999px;
	list-style:none;
	}
ul.nav li{
	float:left;
	position:relative;
	}
ul.nav a{
	display:block;
	width:248px;
	height:245px;
	}
.recent a{
	background:url(img/nav1.jpg) no-repeat 0 0;
	}
.completed a{
	background:url(img/nav1.jpg) no-repeat -248px 0;
	}
.commissioned a{
	background:url(img/nav1.jpg) no-repeat -496px 0;
	}
.media a{
	background:url(img/nav1.jpg) no-repeat -744px 0;
	}

.hoverrecent,.hovercompleted,.hovercommissioned,.hovermedia{
	position:absolute;
	top:0;
	left:0;
	width:248px;
	height:245px;
	cursor:pointer;
	}
.hoverrecent{
	background:url(img/nav2.jpg) no-repeat 0 0;
	}
.hovercompleted{
	background:url(img/nav2.jpg) no-repeat -248px 0;
	}
.hovercommissioned{
	background:url(img/nav2.jpg) no-repeat -496px 0;
	}
.hovermedia{
	background:url(img/nav2.jpg) no-repeat -744px 0;
	}

.footernav{
	height:50px;
	text-indent:-9999px;
	list-style:none;
	}
ul.footernav li{
	float:left;
	position:relative;
	}
ul.footernav a{
	display:block;
	width:48px;
	height:50px;
	}
.dayjob a{
	background:url(img/footerlink1.jpg) no-repeat 0 0;
	}
.facebook a{
	background:url(img/footerlink1.jpg) no-repeat -48px 0;
	}
.instagram a{
	background:url(img/footerlink1.jpg) no-repeat -96px 0;
	}
.society a{
	background:url(img/footerlink1.jpg) no-repeat -144px 0;
	}
.hoverdayjob,.hoverfacebook,.hoverinstagram,.hoversociety{
	position:absolute;
	top:0;
	left:0;
	width:48px;
	height:50px;
	cursor:pointer;
	}
.hoverdayjob{
	background:url(img/footerlink2.jpg) no-repeat 0 0;
	}
.hoverfacebook{
	background:url(img/footerlink2.jpg) no-repeat -48px 0;
	}
.hoverinstagram{
	background:url(img/footerlink2.jpg) no-repeat -96px 0;
	}
.hoversociety{
	background:url(img/footerlink2.jpg) no-repeat -144px 0;
	}