/*

Stylesheet for MarcusCobbledick.com.au

*/

@import url(reset.css);

* {
	margin: 0;
	padding: 0;
	outline: none;
}
body {
	background: #f68b31 url(../images/bg.jpg) left top repeat;
	font: 12px Arial, sans-serif;
	text-align: left;
}
#container {
	background: #fff;
	width: 884px;
	height: 668px;
	margin: 56px 0 56px 56px;
	padding: 56px;
}
h1 {
	background: url(../images/title.png);
	width: 314px;
	height: 78px;
	display: block;
	float: left;
	text-indent: -9999px;
}
ul {
	list-style: none;
}
#nav {
	margin: 58px 0 0 710px;
	width: 184px;
	height: 20px;
	display: block;
}
#nav li {
	overflow: hidden;
	text-indent: -9999px;
	clear: right;
	float: left;
	margin: 0;
}
#nav li a {
	display: block;
	height: 20px;
}
#nav li.showreel	{ background: url(../images/bt_showreel.png) 0 0 no-repeat; width: 112px; }
#nav li.contact		{ background: url(../images/bt_contact.png) 0 0 no-repeat; width: 72px; }

#nav li:hover {
	background-position: 0 -20px;
}
#work {
	background: url(../images/work.jpg);
	width: 883px;
	height: 441px;
	position: absolute;
	left: 112px;
	top: 337px;
	z-index: 1;
}
#work.loading {
  background: url(../images/loading.gif) no-repeat center center;
}


/* 'Image Maps' */

.sml a {
	width: 74px;
	height: 111px;
	z-index: 3;
	text-indent: -9999px;
	position: absolute;
	display: block;
	background: url(../images/ie.gif);
}
.med a {
	width: 147px;
	height: 111px;
	z-index: 3;
	text-indent: -9999px;
	position: absolute;
	display: block;
	background: url(../images/ie.gif);
}
.lrg a {
	width: 147px;
	height: 220px;
	z-index: 3;
	text-indent: -9999px;
	position: absolute;
	display: block;
	background: url(../images/ie.gif);
}

.p01 a	{ left: 112px; top: 337px; }
.p02 a	{ left: 259px; top: 335px; }
.p03 a	{ left: 332px; top: 335px; }
.p04 a	{ left: 259px; top: 445px; }
.p05 a	{ left: 407px; top: 337px; }
.p06 a	{ left: 554px; top: 335px; }
.p07 a	{ left: 627px; top: 335px; }
.p08 a	{ left: 554px; top: 445px; }
.p09 a	{ left: 627px; top: 445px; }
.p10 a	{ left: 701px; top: 337px; }
.p11 a	{ left: 848px; top: 335px; }
.p12 a	{ left: 923px; top: 335px; }
.p13 a	{ left: 848px; top: 445px; }
.p14 a	{ left: 923px; top: 445px; }
.p15 a	{ left: 112px; top: 557px; }
.p16 a	{ left: 185px; top: 557px; }
.p17 a	{ left: 112px; top: 668px; }
.p18 a	{ left: 185px; top: 668px; }
.p19 a	{ left: 259px; top: 557px; }
.p20 a	{ left: 407px; top: 557px; }
.p21 a	{ left: 480px; top: 557px; }
.p22 a	{ left: 407px; top: 668px; }
.p23 a	{ left: 480px; top: 668px; }
.p24 a	{ left: 554px; top: 557px; }
.p25 a	{ left: 701px; top: 557px; }
.p26 a	{ left: 701px; top: 668px; }
.p27 a	{ left: 774px; top: 668px; }
.p28 a	{ left: 848px; top: 557px; }

.sml a:hover,
.med a:hover,
.lrg a:hover {
	background: #fff;
	_background: url(../images/ie.gif);
	opacity: 0.2;
}
#posters {
	z-index: 2;
}


/* Showreel Page */

h1#showreel {
	background: url(../images/title_showreel.png);
	width: 196px;
	height: 66px;
	display: block;
	clear: both;
	float: left;
	text-indent: -9999px;
}
#showthumbs {
	width: 900px;
	height: 146px;
	display: block;
	clear: both;
	margin: 0 0 46px 0;
}
#showthumbs li {
	display: block;
	float: left;
}
#showthumbs li a {
	margin: 0 5px 4px 0;
}
#showthumbs li a:hover {
	background: #fff;
	opacity: 0.8;	
}
#showthumbs li a img {
	border: none;
}
#showthumbs .thumb00 {
	display: none;
}
#video {
	margin: 0 0 54px 48px;
	float: right;
}
#descriptions {
	width: 460px;
	height: 70px;
	overflow: hidden;
}
#back {
	background:url(../images/bt_back.png) 0 0 no-repeat;
	width: 110px;
	height: 20px;
	text-indent: -9999px;
	float: right;
	position: relative;
	top: -20px;
}