html, body {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

body {
	background: #c9c9c9;
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: hidden;
}

img {
	margin: 0;
	padding: 0;
	border: none;
}

#background {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#background.loading {
	display: none;
}

#background img {
	position: absolute;
}

#frame {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: transparent;
}

#menu {
	display: none;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 50px;
	overflow: hidden;
}

#menu ul {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 50px;
	list-style: none;
	zoom: 1;
}

#menu li {
	position: absolute;
	display: block;
	width: 242px;
	height: 50px;
	overflow: hidden;
}

#menu .filler {
	left: 726px;
	width: 100%;
	background: transparent url(/images/menu.png) repeat-x 0 0;
}

#menu span {
	display: block;
	position: absolute;
	width: 242px;
	height: 150px;
	text-indent: -1000px;
}

#menu .panel {
	top: -50px;
	cursor: pointer;
}

#menu .loading {
	top: 0;
}

#menu .fx {
	display: none;
}

#menu .page-home .agency {
	left: 0;
}

#menu .page-home .gallery {
	left: 242px;
}

#menu .page-home .contact {
	left: 484px;
}

#menu .page-home .agency .panel {
	background: url(/images/menu.png) no-repeat 0 0;
}

#menu .page-home .gallery .panel {
	background: url(/images/menu.png) no-repeat -242px 0;
}

#menu .page-home .contact .panel {
	background: url(/images/menu.png) no-repeat -484px 0;
}

#menu .page-home .agency .fx {
	background: url(/images/menu.png) no-repeat 0 -364px;
}

#menu .page-home .gallery .fx {
	background: url(/images/menu.png) no-repeat -242px -364px;
}

#menu .page-home .contact .fx {
	background: url(/images/menu.png) no-repeat -484px -364px;
}

#menu .page-gallery {
	display: none;
}

#menu .page-gallery .back {
	left: 0;
	width: 57px;
}

#menu .page-gallery .games {
	left: 57px;
}

#menu .page-gallery .photography {
	left: 299px;
}

#menu .page-gallery .graphics {
	left: 541px;
}

#menu .page-gallery .contact {
	left: 783px;
}

#menu .page-gallery .filler {
	left: 1025px;
	background: transparent url(/images/gallery-menu.png) repeat-x 0 0;
}

#menu .page-gallery .back .panel {
	background: url(/images/gallery-menu.png) no-repeat 0 0;
}

#menu .page-gallery .games .panel {
	background: url(/images/gallery-menu.png) no-repeat -57px 0;
}

#menu .page-gallery .photography .panel {
	background: url(/images/gallery-menu.png) no-repeat -299px 0;
}

#menu .page-gallery .graphics .panel {
	background: url(/images/gallery-menu.png) no-repeat -541px 0;
}

#menu .page-gallery .contact .panel {
	background: url(/images/gallery-menu.png) no-repeat -783px 0;
}

#about {
	width: 242px;
	height: 0;
}

#about .bio {
	width: 242px;
	height: 0;
	background: url(/images/menu.png) no-repeat 0 -150px;
	font-size: 0px;
	line-height: 0px;
	overflow: hidden;
}

#thumbs {
	display: none;
	position: absolute;
	margin: 0;
	padding: 0;
	top: 50px;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	zoom: 1;
}

#thumbs .games, #thumbs .photography, #thumbs .graphics {
	display: none;
	position: absolute;
	width: 241px;
	zoom: 1;
}

#thumbs .games {
	left: 57px;
}

#thumbs .photography {
	left: 299px;
}

#thumbs .graphics {
	left: 541px;
}

#thumbs ul {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 241px;
	list-style: none;
	zoom: 1;
}

#thumbs li {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 241px;
	height: 115px;
	font-size: 1px;
	line-height: 1px;
	zoom: 1;
}

#thumbs li div.wrapper {
	display: block;
	margin: 0;
	padding: 0;
	zoom: 1;
}

#thumbs div.shadow {
	position: absolute;
	left: -13px;
	top: -12px;
	width: 267px;
	height: 142px;
	zoom: 1;
}

#thumbs img.shadow {
	width: 267px;
	height: 142px;
	background-color: transparent;
	zoom: 1;
}

#thumbs div.thumb {
	position: absolute;
	display: block;
	width: 241px;
	height: 115px;
	overflow: hidden;
	zoom: 1;
}

#thumbs img.thumb {
	width: 482px;
	height: 115px;
	zoom: 1;
}

#thumbs div.thumb.grayedout {
	background-color: #000;
	zoom: 1;
}

#thumbs img.grayedout {
	opacity: 0.3;
	zoom: 1;
}

#thumbs div.loading {
	position: absolute;
	display: block;
	width: 241px;
	height: 115px;
	overflow: hidden;
}

#slideshow {
	display: none;
	position: absolute;
	margin: -21px 0 0 0;
	padding: 0;
	left: 0;
	top: 50%;
	width: 100%;
	height: 42px;
	overflow: hidden;
	z-index: 2000;
}

#slideshow table, #slideshow table tr {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

#slideshow table td {
	margin: 0;
	padding: 0;
	width: 50%;
	height: 100%;
}

#slideshow .arrow {
	position: relative;
	width: 35px;
	height: 42px;
	overflow: hidden;
	cursor: pointer;
}

#slideshow .prev {
	position: absolute;
	left: 0px;
	width: 70px;
	height: 42px;
	background: url(/images/arrows.png) no-repeat 0 0;
	z-index: 2002;
	zoom: 1;
}

#slideshow .next {
	position: absolute;
	right: 0px;
	width: 70px;
	height: 42px;
	background: url(/images/arrows.png) no-repeat 0 -42px;
	z-index: 2001;
	zoom: 1;
}

#contact {
	display: none;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#contact table.wrapper {
	width: 100%;
	height: 100%;
}

#contact .frame {
	margin: 0;
	padding: 0;
	width: 473px;
	height: 392px;
	background: url(/images/form-back.png) repeat;
	border: 1px solid #dcd516;
	font: normal 15px/15px Arial, sans-serif;
	color: white;
}

#contact .title {
	color: #dcd516;
}

#contact .optional {
	font-size: 10px;
}

#contact img {
	position: relative;
	top: 2px;
	padding: 0 0 0 12px;
}

#contact .frame tr:first-child td {
	padding: 35px 13px 20px 0;
}

#contact .frame tr.message {
	height: 134px;
}

#contact .frame td:first-child {
	width: 90px;
	text-align: right;
	padding: 2px 13px 0 0;
}

#contact input {
	width: 260px;
	height: 16px;
	background: url(/images/form-back.png) repeat;
	border: 1px solid #dcd516;
	font: normal 14px/14px Arial, sans-serif;
	color: white;
}

#contact textarea {
	width: 260px;
	height: 134px;
	background: url(/images/form-back.png) repeat;
	border: 1px solid #dcd516;
	font: normal 14px/14px Arial, sans-serif;
	color: white;
}

#contact .spacer {
	height: 10px;
}

#contact .button {
	float: left;
	position: relative;
	margin: 5px 0 0 0;
	width: 81px;
	height: 27px;
	overflow: hidden;
	cursor: pointer;
}

#contact .submit {
	position: absolute;
	left: 0px;
	width: 81px;
	height: 54px;
	background: url(/images/send.png) no-repeat 0 0;
}

#contact .cancel {
	float: left;
	margin: 11px 0 0 20px;
	font-size: 12px;
	text-decoration: none;
	cursor: pointer;
}

#contact .cancel:hover {
	text-decoration: underline;
}

#contact .loading {
	margin: 10px 0 0 0;
}

noscript {
	font: normal 14px/14px Arial, sans-serif;
	color: #333333;
}

noscript img {
	border: none;
	margin: 0;
	padding: 0;
}

#noscript {
	padding: 30px 25px 20px 25px;
	max-width: 450px;
	background-color: white;
	border: solid 1px #999;
}

#noscript p {
	margin: 0;
	padding: 0 0 10px 0;
}

#noscript hr {
	margin: 15px 0 15px 0;
	border: none;
	border-bottom: solid 1px #999;
}

#noscript ul {
	margin: 0;
	padding: 10px 0 0 0;
	list-style: none;
}

#noscript li {
	display: inline;
	margin: 0;
	padding: 0 5px 0 5px;
}

#noscript li table {
	display: inline;
}

#noscript a {
	font: normal 14px/14px Arial, sans-serif;
	color: #333333;
	text-decoration: none;
}

#noscript a:hover {
	text-decoration: underline;
	color: blue;
}

#sda {
	display: none;
	position: fixed;
	right: 20px;
	bottom: 15px;
}