@charset "utf-8";


body {
	background: url(../images/background_design.jpg) no-repeat right top, url(../images/background.jpg) repeat left top;
	background-color: #010101;
	background-attachment: fixed;
	margin: 0;
	text-align: center;
}
#wrapper {
	margin: 0 auto;
	text-align: left;
	width: 1200px;
}

/* FONT LOAD
==================================================================================== */

@font-face {  
	font-family: Fontana ;  
	src: url( ../fonts/Fontana.eot );
}
@font-face {  
	font-family: Fontana ;  
	src: url( ../fonts/Fontana.ttf );
}

/* HEADER
==================================================================================== */

#header {
	height: 80px;
	position: relative;
	width: 1200px;
}
#head_title, #head_subtitle, #head_credit, a.head_link {
	display: block;
	overflow: hidden;
	position: absolute;
}
#head_title {
	color: #ffffff;
	font: 50pt "Fontana", Tahoma, Geneva, sans-serif;
	height: 60px;
	left: 0px;
	text-transform: uppercase;
	top: 0px;
	width: 500px;
	z-index: 10;
}
#head_subtitle {
	color: #ffffff;
	font: 20pt "Fontana", Tahoma, Geneva, sans-serif;
	height: 60px;
	left: 140px;
	text-transform: uppercase;
	top: 11px;
	width: 500px;
	z-index: 20;
}
#head_credit {
	color: #666666;
	font: 9pt Tahoma, Geneva, sans-serif;
	height: 25px;
	left: 140px;
	top: 46px;
	width: 300px;
	z-index: 30;
}
#head_credit span {
	color: #999999;
	font-style: italic;
	padding-right: 5px;
}

a.head_link {
	display: block;
	height: 60px;
	left: 0;
	width: 450px;
	top: 10px;
	z-index: 50;
}
a.head_link span {display: none;}

/* TABS
==================================================================================== */

#tabs {
	display: block;
	height: 28px;
	width: 1200px;
}
#tabs a, #tabs div {
	display: block;
	float: left;
	font: bold 8pt Tahoma, Geneva, sans-serif;
	height: 28px;
	line-height: 28px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 60px;
}
#tabs a:link, #tabs a:visited {
	background: url(../images/gallery_tab.png) no-repeat 0px -28px;
	color: #6f6f6f;
	text-shadow: -1px -1px #111111;	
}
#tabs a:hover, #tabs a:active {
	background: url(../images/gallery_tab.png) no-repeat 0px -56px;
	color: #f9ea98;
	text-shadow: -1px -1px #000000;
}
#tabs div {
	background: url(../images/gallery_tab.png) no-repeat 0px -84px;
	color: #3c3c3c;
}
#tabs div.on {
	background: url(../images/gallery_tab.png) no-repeat 0px 0px;
	color: #ffffff;
	text-shadow: -1px -1px #333333;
}

/* IMAGE VIEWER
==================================================================================== */

.panel_on {
	background: url(../images/gallery_bg.png) repeat;
	display: block;
	height: 960px;
	position: relative;
	width: 1200px;
}
.panel_off {display: none;}

/* image
------------------------------------------------------------------------- */

.panel_on img {
	border: solid 10px #a3a3a3;
	left: 40px;
	position: absolute;
	top: 40px;
	z-index: 10;
}

/* prev/next buttons
------------------------------------------------------------------------- */

a.prev, a.next {
	display: block;
	height: 34px;
	overflow: hidden;
	position: absolute;
	top: 425px;
	width: 35px;
	z-index: 20;
}
a.prev:link, a.prev:visited {
	background: url(../images/gallery_prev.png) no-repeat top;
	left: 10px;
}
a.prev:hover, a.prev:active {background-position: bottom;}
a.prev span {display: none;}

a.next:link, a.next:visited {
	background: url(../images/gallery_next.png) no-repeat top;
	right: 10px;
}
a.next:hover, a.next:active {background-position: bottom;}
a.next span {display: none;}

/* titles
------------------------------------------------------------------------- */

.view_title {
	color: #cacaca;
	display: block;
	font: italic 8pt Tahoma, Geneva, sans-serif;
	left: 300px;
	position: absolute;
	text-align: center;
	width: 600px;
	z-index: 20;
}
#title1 {top: 15px;}
#title2 {top: 870px;}

/* pager
------------------------------------------------------------------------- */

.pager {
	background: url(../images/gallery_pg_bg_l.png) no-repeat left, url(../images/gallery_pg_bg_r.png) no-repeat right;
	display: block;
	height: 34px;
	padding: 0 4px;
	position: absolute;
	top: 895px;
}
.pager div {
	background: url(../images/gallery_pg_bg.png) repeat-x;
	display: block;
	height: 34px;
	padding: 0 5px;
}
.pager div a {
	display: block;
	float: left;
	height: 16px;
	margin-top: 10px;
	width: 28px;
}
.pager div a:link, .pager div a:visited {background: url(../images/gallery_pg.png) no-repeat 6px 0px;}
.pager div a:hover, .pager div a:active {background: url(../images/gallery_pg.png) no-repeat 6px -16px;}
.pager div a.on:link, .pager div a.on:visited, .pager div a.on:hover, .pager div a.on:active {background: url(../images/gallery_pg.png) no-repeat 6px -32px;}
.pager div a span {display: none;}

/* nav buttons (small)
------------------------------------------------------------------------- */

a.nav_prev, a.nav_next {
	display: block;
	height: 34px;
	overflow: hidden;
	position: absolute;
	top: 895px;
	width: 35px;
	z-index: 20;
}
a.nav_prev:link, a.nav_prev:visited {background: url(../images/gallery_prev.png) no-repeat top;}
a.nav_prev:hover, a.nav_prev:active {background-position: bottom;}
a.nav_prev span {display: none;}

a.nav_next:link, a.nav_next:visited {background: url(../images/gallery_next.png) no-repeat top;}
a.nav_next:hover, a.nav_next:active {background-position: bottom;}
a.nav_next span {display: none;}

/* nav buttons (large)
------------------------------------------------------------------------- */

a.nav_lg_prev, a.nav_lg_next {
	display: block;
	font: 8pt Tahoma, Geneva, sans-serif;
	height: 34px;
	overflow: hidden;
	position: absolute;
	text-align: center;
	text-decoration: none;
	top: 895px;
	width: 175px;
	z-index: 20;
}
a.nav_lg_prev span, a.nav_lg_next span {
	display: block;
	height: 34px;
	line-height: 32px;
}

a.nav_lg_prev:link, a.nav_lg_prev:visited {background: url(../images/gallery_prev_lg.png) no-repeat top; color: #989898;}
a.nav_lg_prev:hover, a.nav_lg_prev:active {background-position: bottom; color: #f9ea98;}
a.nav_lg_prev span {padding-left: 25px;}

a.nav_lg_next:link, a.nav_lg_next:visited {background: url(../images/gallery_next_lg.png) no-repeat top; color: #989898;}
a.nav_lg_next:hover, a.nav_lg_next:active {background-position: bottom; color: #f9ea98;}
a.nav_lg_next span {padding-right: 25px;}


/* page specific:

x = ((28 x #images) + 18 ) / 2

pager:		600 - x
arrow l		560 - x
arrow r		605 + x
arrow lg l	420 - x

------------------------------------------------------------------------- */

/* 3 pages */
.pg01a {left: 549px;}
.pg01b {left: 509px;}
.pg01c {left: 656px;}

/* 5 pages */
.pg02a {left: 521px;}
.pg02b {left: 481px;}
.pg02c {left: 684px;}
.pg02d {left: 341px;}

/* 1 page */
.pg03a {left: 577px;}
.pg03c {left: 628px;}
.pg03d {left: 397px;}

/* 9 pages */
.pg04a {left: 465px;}
.pg04b {left: 425px;}
.pg04c {left: 740px;}
.pg04d {left: 285px;}

/* FOOTER
==================================================================================== */

#footer {
	color: #666666;
	display: block;
	font: 8pt Tahoma, Geneva, sans-serif;
	padding: 30px 0 10px 0;
	text-align: center;
}
#footer a:link, #footer a:visited {
	color: #999999;
	display: block;
	text-decoration: none;
}
#footer a:hover, #footer a:active {
	color: #f9ea98;
	text-decoration: none;
}