* {margin:0;padding:0;position: relative;} 

html, body{
	height: 100%;
	padding:0;
	margin:0;
}
body {
	text-align:center;
	background: #FFF url('http://www.arpia.be/ad-oc/images/wood-bgd.jpg');
	font-size: 76.5%;
	font-family:'Lucida Grande', 'Trebuchet MS', 'Lucida Sans', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}
#logo span,#contact a span,nav ul li a span,footer ul li a span {
	position: absolute;
	left: -9999px;
}

strong{font-weight: bold;}
em{font-style:italic;}
a{color:#06c;text-decoration:none;}
a:hover{color:#939;text-decoration:underline;}
h2,h3{font-family:'Avenir LT Std', 'AvenirLT-Roman', 'Avenir LT 55 Roman', 'Avenir 55 Roman', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;font-weight:700;text-shadow:1px 1px 4px #909090;}
h7,h4{font-weight:400;font-size:0.75em;}
h2{font-size:1.5em;line-height:1.3em;margin:0;}
h2.pagetitle{font-size:1.5em;margin-top:0;text-align:center;}
h3{font-size:1.5em;line-height:1.3em;margin:0;padding:0;}
h2,h2 a,h2 a:visited,h3,h3 a,h3 a:visited{color:#333;}
h2,h2 a,h2 a:hover,h2 a:visited,h3,h3 a,h3 a:hover,h3 a:visited,#sidebar h2,cite{text-decoration:none;}
.textcentre {
	text-align: center;
}

article p {
	margin: 1.6em 0 1.6em 0;
}

.container,header {
	padding:0;
	margin:0;
	position: absolute;
	left: 50%;
	width: 959px;
	margin-left: -480px;
}
.container {
	margin-top: 0;
	top: 102px;
	min-height: 420px;
}
.main {
	text-align: left;
	left: 2px;
	position: relative;
	width: 953px;
	background: #FFF url('http://www.arpia.be/ad-oc/images/paper-bgd.png') repeat;
	height: auto;
	margin-bottom: 50px;
}

.sidetop,#logo,#contact,nav,.artleft,.artfoot,.breadcrumbs,footer ul li a {
	background: transparent url('http://www.arpia.be/ad-oc/images/sprite.png') no-repeat;
}


article {
	position: relative;
	margin-left: 56px;
	display: block;
	padding-top: 40px;
	padding-left: 40px;
	padding-right: 196px;
	width: 604px;
	min-height: 400px;
	background: #FFF;
	border: 1px solid #CCC;
	float: left;
	line-height: 1.6em;
	text-align: justify;
}
.blueprint {
	color: #e4ebf2;
	background: #4268a9 url('http://www.arpia.be/ad-oc/images/blue-bgd.png') top left repeat;	
	margin-top: -40px;
	margin-left: -40px;
	margin-right: -196px;
	padding: 28px;
	padding-right: 176px;
	border: 12px inset transparent;
	border-image: url('http://www.arpia.be/ad-oc/images/blue-bgdcorner.png') 12 12 12 12 round round;
	-moz-border-image: url('http://www.arpia.be/ad-oc/images/blue-bgdcorner.png') 12 12 12 12 round round;
	-webkit-border-image: url('http://www.arpia.be/ad-oc/images/blue-bgdcorner.png') 12 12 12 12 round round;
	-o-border-image: url('http://www.arpia.be/ad-oc/images/blue-bgdcorner.png') 12 12 12 12 round round;
	-khtml-border-image: url('http://www.arpia.be/ad-oc/images/blue-bgdcorner.png') 12 12 12 12 round round;
	-icab-border-image: url('http://www.arpia.be/ad-oc/images/blue-bgdcorner.png') 12 12 12 12 round round;
}
.blueprint h2,.blueprint a,.blueprint h2 a,.blueprint h2 a:visited,.blueprint h3,.blueprint h3 a,.blueprint h3 a:visited{color:#9dd0ff;}
.blueprint h2,.blueprint h3{text-shadow:none;}
.blueprint p {
	font-family: 'Avenir LT Std', 'AvenirLT-Roman', 'Avenir LT 55 Roman', 'Avenir 55 Roman', 'Eurostile LT Std',Eurostile,Futura,'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
}

aside {
	float: right;
	border-bottom: 1px solid #CCC;
	right: 51px;
	width: 162px;
	background: transparent url('http://www.arpia.be/ad-oc/images/side-bgd.png') center repeat-y;
	font-family:'Helvetica Neue','Lucida Grande','Lucida Sans Unicode',Verdana,Arial,sans-serif;
	font-size:.8em;
	margin: 0;
	margin-left: -127px;
	padding-left: 10px;
	padding-right: 10px;
}
.sidetop {
	height: 70px;
	width: 233px;
	margin-left: -10px;
	background-position: 0px -122px;
	margin-bottom: -15px;
}

.colleft,.colright {
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
}
.colleft {
	left: -2px;
	width: 11px;
	background: transparent url('http://www.arpia.be/ad-oc/images/paper-left.png') repeat-y;	
}
.colright {
	right: -4px;
	width: 16px;
	background: transparent url('http://www.arpia.be/ad-oc/images/paper-right.png') repeat-y;		
}
.mainfoot {
	display: block;
	width: 100%;
	height: 16px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -4px;
	background: transparent url('http://www.arpia.be/ad-oc/images/paper-bottom.png') bottom repeat-x;
}
.artleft {
	top: 2px;
	left: -8px;
	display: block;
	width: 7px;
	height: 263px;
	position: absolute;
	background-position: -961px 0px;
}
.artfoot {
	bottom: -10px;
	left: 3px;
	display: block;
	width: 348px;
	height: 9px;
	position: absolute;
	background-position: -520px -128px;
}


#logo {
	position: absolute;
	left: 0;
	top: 0;
	margin-left: 124px;
	margin-top: 16px;
	display: block;
	width: 266px;
	height: 49px;
	background-position:-245px -134px;
}
#logo a {
	display: block;
	height: 23px;
	width: 150px;
	background: transparent;
}
#contact {
	position: absolute;
	left: 0;
	top: 0;
	margin-left: 631px;
	margin-top: 0px;
	display: block;
	width: 254px;
	height: 71px;
	background-position:-696px -180px;
}
#contact a {
	display: block;
	height: 46px;
	width: 118px;
	margin-left: 8px;
	margin-top: 22px;
	background: transparent;
}

nav{
	display: block;
	height: 41px;
	width: 939px;
	position: absolute;
	top: 62px;
	left: 4px;
	background-position:0px -81px;
}
nav ul {
	list-style: none;
	height: 32px;
	margin: 0;
	margin-top: 8px;
	margin-left: 90px;
	padding: 0;
	width: 670px;
	background: transparent url('http://www.arpia.be/ad-oc/images/sprite.png') bottom left no-repeat;
	background-position: 0px -195px;
	text-align: center;
}
nav ul li a:hover {
	z-index: 2;
}
nav ul li, nav ul li a, nav ul li a:hover, nav ul li a:visited {
	display: inline;
	height: 38px;
}
nav ul li a:hover,#home a#navhome,#music a#navmusi,#novel a#navnove,#game a#navgame,#design a#navdesi,#droides a#navdroi,#about a#navabou {
	background: transparent url('http://www.arpia.be/ad-oc/images/sprite.png') bottom left no-repeat;
	background-position: 0px -227px;
	height: 38px;
	margin-top: -4px;
}
nav ul li a {
	display: inline;
	float: left;
	height: 38px;
}
a#navhome {
	width: 90px;
	margin-left: -1px;
}
a#navhome:hover,#home a#navhome {
	background-position: 0px -227px;
}
a#navmusi {
	margin-left: -22px;
}
a#navnove,a#navdesi,a#navdroi,a#navabou {
	margin-left: -23px;
}
a#navgame {
	margin-left: -21px;
}
a#navmusi {
	width: 94px;
}
a#navmusi:hover,#music a#navmusi {
	background-position: -90px -227px;
	width: 94px;
}
a#navnove {
	width: 99px;
}
a#navnove:hover,#novel a#navnove {
	background-position: -184px -227px;
	width: 99px;
}
a#navgame {
	width: 96px;
}
a#navgame:hover,#game a#navgame {
	background-position: -283px -227px;
	width: 96px;
}
a#navdesi {
	width: 101px;
}
a#navdesi:hover,#design a#navdesi {
	background-position: -379px -227px;
	width: 101px;
}
a#navdroi {
	width: 106px;
}
a#navdroi:hover,#droides a#navdroi {
	background-position: -480px -227px;
	width: 106px;
}
a#navabou {
	width: 98px;
}
a#navabou:hover,#about a#navabou {
	background-position: -586px -227px;
	width: 98px;
}


.breadcrumbs {
	z-index: 2;
	text-align: left;
	margin: 0;
	padding: 0;
	margin-top: -14px;
	display: block;
	height: 81px;
	width: 959px;
	background-position:0px 0px;
}
.breadcrumbs p {
	padding-top: 22px;
	padding-bottom: 10px;
	padding-left: 80px;
	height: 50px;
	line-height: 50px;
	color: #7F7454;
	font-size: 1.1em;
}
.breadcrumbs p strong {
	color: #0A006E;
}

.floater {
	clear: both;
	display: block;
	height: 30px;
}

footer {
	padding:0;
	margin:0;
	position: absolute;
	left: 50%;
	width: 280px;
	margin-left: -140px;
	text-align: center;
	bottom: 15px;
}
footer ul {
	list-style: none;
	height: 25px;
	width: 280px;
	margin: 0;
	padding: 0;
	text-align: center;
}
footer ul li, footer ul li a, footer ul li a:hover, footer ul li a:visited {
	display: inline;
	height: 25px;
	width: 90px;
}
footer ul li a {
	margin-left: 20px;
	margin-right: 20px;
	display: inline;
	float: left;
	height: 25px;
}
#linkedin {
	background-position: -538px -160px;
}
#facebook {
	background-position: -640px -160px;
}
#arpialogo {
	float: right;
	margin-top: 15px;
	margin-right: 3px;
}

aside h2{font-family:'Lucida Grande','Lucida Sans','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;letter-spacing:-1px;text-transform:lowercase;font-size:1.1em;margin:5px 0 0;padding:0;text-shadow:none;}
aside ul ul li,aside ul ol li{color:#777;}
aside ul li ul li:before{content:"\00BB \0020";}
aside ul li{list-style-type:none;list-style-image:none;margin-bottom:15px;}
aside ul p,aside ul select{margin:5px 0 8px;}
aside ul ul,aside ul ol{margin:5px 0 0 10px;}
aside ul ul ul,aside ul ol{margin:0 0 0 10px;}
ol li,aside ul ol li{list-style:none;}
aside ul li ul li,aside ul ol li{margin:3px 0 0;padding:0;text-indent:-1em;}
aside ul,aside ul ol{margin:0;padding:0;}

.lined-text {
	background-image: url('http://www.arpia.be/ad-oc/images/lined-text.png');
	background-repeat: repeat;
	background-origin: border-box;
	-webkit-background-origin: border; 
	-icab-background-origin: border;
	-khtml-background-origin: border;
	-moz-background-origin: border-box;
	background-size: auto;
	-webkit-background-size: auto;
	-icab-background-size: auto;
	-khtml-background-size: auto;
	-o-background-size: auto;
	-moz-background-size: 100% 9.59em;
	padding-bottom: 0.3em;
	color: #0d308f;
}
.lined-text p.subtitle{
	font-weight: bold;
	margin: 1.6em 0 1.6em 0;
	padding: 0;
}
.lined-text h2,.lined-text h3,.lined-text h3 a{
	text-shadow: none;
	color: #3d60ff;
}
.lined-text h3 a:hover {
	color:#939;
}
.old-text {
	background-image: url('http://www.arpia.be/ad-oc/images/paper-old.jpg');
	background-repeat: repeat;
	margin-left: -40px;
	margin-top: -40px;
	margin-right: -196px;
	padding: 0;
	padding-right: 176px;
	border: 40px inset transparent;
	color: #000;
	border-image: url('http://www.arpia.be/ad-oc/images/paper-oldborder.jpg') 40 40 40 40 round round;
	-moz-border-image: url('http://www.arpia.be/ad-oc/images/paper-oldborder.jpg') 40 40 40 40 round round;
	-webkit-border-image: url('http://www.arpia.be/ad-oc/images/paper-oldborder.jpg') 40 40 40 40 round round;
	-o-border-image: url('http://www.arpia.be/ad-oc/images/paper-oldborder.jpg') 40 40 40 40 round round;
	-khtml-border-image: url('http://www.arpia.be/ad-oc/images/paper-oldborder.jpg') 40 40 40 40 round round;
	-icab-border-image: url('http://www.arpia.be/ad-oc/images/paper-oldborder.jpg') 40 40 40 40 round round;
}
.old-text p {
	font-size: 1.2em;
	font-family: 'Bembo Book MT Pro','Bembo Book MT Std','Bembo Std', Bembo, Baskerville, Palatino, serif;
}