@charset "utf-8";
/* CSS Document */

/* portfolio & contact button */

a.btn { 
	width:			144px;
	height:			45px;
	display:		block;
	margin-left:	640px;
	background:		url(../img/buttons.jpg) no-repeat;
}
a.btn span {
	display:		none;
}

a.theblog {
	margin-top:				149px;
}
a.theblog:hover {
	background-position:	0px -135px;
}

a.portfolio {
	background-position:	0px -45px;
}
a.portfolio:hover {
	background-position:	0px -180px;
}

a.contact {
	background-position:	0px -90px;
}
a.contact:hover {
	background-position:	0px -225px;
}

/* header buttons */

a.header_btn { 
	display:		block;
	float:			left;
	background:		url(../img/header_buttons.gif);
}
a.header_btn span {
	display:		none;
}

a.header_home {
	height:					35px;
	width:					102px;
	background-position:	0px 0px;
}
a.header_home:hover {
	background-position:	-248px 0px;
}

a.header_contact {
	height:					35px;
	width:					146px;
	background-position:	-102px 0px;
}
a.header_contact:hover {
	background-position:	-350px 0px;
}

/* navigate buttons */

a.nav_btn { 
	width:			87px;
	height:			35px;
	display:		block;
	background:		url(../img/nav_buttons.gif);
}
a.nav_btn span {
	display:		none;
}

.empty_back {
	width:			87px;
	height:			35px;
	display:		block;
}

a.fwd_07 {
	background-position:	0px 0px;
}
a.fwd_07:hover {
	background-position:	-87px 0px;
}
a.fwd_06 {
	background-position:	0px -35px;
}
a.fwd_06:hover {
	background-position:	-87px -35px;
}
a.fwd_05 {
	background-position:	0px -70px;
}
a.fwd_05:hover {
	background-position:	-87px -70px;
}
a.back_08 {
	background-position:	0px -105px;
}
a.back_08:hover {
	background-position:	-87px -105px;
}
a.back_07 {
	background-position:	0px -140px;
}
a.back_07:hover {
	background-position:	-87px -140px;
}
a.back_06 {
	background-position:	0px -175px;
}
a.back_06:hover {
	background-position:	-87px -175px;
}

/* empty buttons */

.empty08 {
	width: 119px;
	height: 88px;
	background: url(../img/circles/empty08.gif) no-repeat;
	float: left;
}
.empty08_case {
	width: 99px;
	height: 88px;
	background: url(../img/circles/empty08_case.gif) no-repeat;
}
.empty07 {
	width: 119px;
	height: 88px;
	background: url(../img/circles/empty07.gif) no-repeat;
	float: left;
}
.empty07_case {
	width: 99px;
	height: 88px;
	background: url(../img/circles/empty07_case.gif) no-repeat;
}
.empty06 {
	width: 119px;
	height: 88px;
	background: url(../img/circles/empty06.gif) no-repeat;
	float: left;
}
.empty06_case {
	width: 99px;
	height: 88px;
	background: url(../img/circles/empty06_case.gif) no-repeat;
}
.empty05 {
	width: 119px;
	height: 88px;
	background: url(../img/circles/empty05.gif) no-repeat;
	float: left;
}
.empty05_case {
	width: 99px;
	height: 88px;
	background: url(../img/circles/empty05_case.gif) no-repeat;
}

/* PORTFOLIO */

a.hidden_img {
	display: 		none;
}

a.portfolio_circle { 
	width: 79px;
	height: 88px;
	display: block;
	margin-right:40px;
	float: left;
}
a.portfolio_circle span {
	display:		none;
}

/* 08 */

a.juicebillboards {
	background: url(../img/circles/portfolio/juicebillboards.gif) no-repeat;
}
a.juicebillboards:hover {
	background-position: -79px 0px;
}
a.juice {
	background: url(../img/circles/portfolio/juice.gif) no-repeat;
}
a.juice:hover {
	background-position: -79px 0px;
}
a.ah {
	background: url(../img/circles/portfolio/ah.gif) no-repeat;
}
a.ah:hover {
	background-position: -79px 0px;
}
a.iss {
	background: url(../img/circles/portfolio/iss.gif) no-repeat;
}
a.iss:hover {
	background-position: -79px 0px;
}
a.vipsheet {
	background: url(../img/circles/portfolio/vipsheet.gif) no-repeat;
}
a.vipsheet:hover {
	background-position: -79px 0px;
}

/* 07 */

a.nicpas {
	background: url(../img/circles/portfolio/nicpas.gif) no-repeat;
}
a.nicpas:hover {
	background-position: -79px 0px;
}
a.dekoepoort {
	background: url(../img/circles/portfolio/dekoepoort.gif) no-repeat;
}
a.dekoepoort:hover {
	background-position: -79px 0px;
}
a.vippromomodels {
	background: url(../img/circles/portfolio/vippromomodels.gif) no-repeat;
}
a.vippromomodels:hover {
	background-position: -79px 0px;
}
a.kieseenkind {
	background: url(../img/circles/portfolio/kieseenkind.gif) no-repeat;
}
a.kieseenkind:hover {
	background-position: -79px 0px;
}
a.ikea {
	background: url(../img/circles/portfolio/ikea.gif) no-repeat;
}
a.ikea:hover {
	background-position: -79px 0px;
}
a.apple {
	background: url(../img/circles/portfolio/apple.gif) no-repeat;
}
a.apple:hover {
	background-position: -79px 0px;
}

/* 06 */

a.directimpulse {
	background: url(../img/circles/portfolio/directimpulse.gif) no-repeat;
}
a.directimpulse:hover {
	background-position: -79px 0px;
}
a.zouaven {
	background: url(../img/circles/portfolio/zouaven.gif) no-repeat;
}
a.zouaven:hover {
	background-position: -79px 0px;
}
a.occasions {
	background: url(../img/circles/portfolio/occasions.gif) no-repeat;
}
a.occasions:hover {
	background-position: -79px 0px;
}
a.socialeyes {
	background: url(../img/circles/portfolio/socialeyes.gif) no-repeat;
}
a.socialeyes:hover {
	background-position: -79px 0px;
}
a.lonelyplanet {
	background: url(../img/circles/portfolio/lonelyplanet.gif) no-repeat;
}
a.lonelyplanet:hover {
	background-position: -79px 0px;
}
a.illustrations {
	background: url(../img/circles/portfolio/illustrations.gif) no-repeat;
}
a.illustrations:hover {
	background-position: -79px 0px;
}

/* 05 */

a.sparkler {
	background: url(../img/circles/portfolio/sparkler.gif) no-repeat;
}
a.sparkler:hover {
	background-position: -79px 0px;
}
a.mivideo {
	background: url(../img/circles/portfolio/mivideo.gif) no-repeat;
}
a.mivideo:hover {
	background-position: -79px 0px;
}
