/* All your stylesheets are belong to us */

/************************/
/* GLOBAL STYLES ********/
/************************/

html, body, #bg, #bg table, #bg td {
	height:100%;
	overflow:hidden;
	width:100%;
}
#bg {
	position:fixed;
}
#bg div {
	height:200%;
	left:-50%;
	position:absolute;
	top:-50%;
	width:200%;
}
#bg td {
	text-align:center;
	vertical-align:middle;
}
#bg img {
	margin:0 auto;
	min-height:50%;
	min-width:50%;
}
.clearfix {
	clear:both;
}
body {
	background-repeat:no-repeat;
	bottom:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	height:100%;
	left:0;
	letter-spacing:0.1em;
	position:absolute;
	right:0;
	top:0;
	width:100%;
}
.middle {
	margin-top:-178px;
	left:50%;
	margin-left:-147px;
	position:absolute;
	top:50%;
}
.patience, .glasses, .arch, .error {
	background-image:url(images/structure/patience.png);
	width:294px;
	height:346px;
	text-indent:-9999px;
}
.glasses {
	background-image:url(images/structure/glasses.png);
}
.arch {
	background-image:url(images/structure/arch.png);
}
.error {
	background-image:url(images/structure/404.png);
}
/* NAV */
.dots {
	background:url(images/structure/dots.png) no-repeat;
	height:11px;
	width:294px;
	clear:both;
}
.nav {
	margin-top:10px;
	text-align:center;
	padding-left:16px;
}
.nav span {
	float:left;
	margin:0 5px;
	width:77px;
	height:30px;
	padding-top:8px;
	background:url(images/structure/btnBg_active.png) no-repeat 0 0;
	opacity:.75;
 -webkit-transition: opacity .5s linear;
}
.nav span.active {
	opacity:1;
	background:url(images/structure/btnBg_hover.png) no-repeat 0 0;
}
.nav span:hover {
	opacity:1;
 -webkit-transition: opacity .15s linear;
}
.nav span:active {
	position:relative;
	top:1px;
	background:url(images/structure/btnBg_hover.png) no-repeat 0 0;
}
/* SLIDESHOW */
#slideshow {
	margin:0 auto;
	width:294px;
	height:346px;
	position:relative;
}
#slideshow #slidesContainer {
	margin:0 auto;
	width:294px;
	height:346px;
	overflow:auto; /* allow scrollbar */
	position:relative;
}
#slideshow #slidesContainer .slide {
	margin:0 auto;
	width:274px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
	height:346px;
}
.work #slideshow, .work #slideshow #slidesContainer, .work #slideshow #slidesContainer .slide {
	height:auto;
}
/** 
 * Slideshow controls style rules.
 */
.control {
	display:block;
	width:39px;
	height:263px;
	text-indent:-10000px;
	position:absolute;
	cursor: pointer;
}
#leftControl {
	top:6px;
	left:-19px;
	background:transparent url(images/structure/control_left.png) no-repeat 0 0;
}
#rightControl {
	top:6px;
	right:-27px;
	background:transparent url(images/structure/control_right.png) no-repeat 0 0;
}
.work #leftControl {
	top:-5px;
	left:-30px;
}
.work #rightControl {
	top:-5px;
	right:-16px;
}
/* WORK MAIN PAGE */
.work {
	margin:11px 0 0 11px;
	float:left;
}
.work #gallery {
	width:282px;
	float:left;
}
.work #gallery li {
	display:block;
	height:93px;
	width:89px;
	float:left;
	margin-bottom:1px;
	list-style-type:none;
	margin-right:5px;
}
.work .oneLiner {
	text-indent:-9999px;
	background:url(images/work/oneLiner_work.png) no-repeat;
	width:294;
	height:33px;
	clear:both;
	margin-top:302px;
}
.work #contact {
	width:282px;
	float:left;
}
.work #contact li {
	display:block;
	height:93px;
	width:277px;
	float:left;
	margin-bottom:1px;
	list-style-type:none;
	margin-right:5px;
}
.work #oneLinerContact {
	background-image:url(images/structure/oneLiner_contact.png);
}
.work #gallery ul li span, #contact ul li span {
	text-indent:-9999px;
	width:89px;
	height:93px;
	display:block;
}

#contact ul li span {
	width:277px;
	height:93px;
	background-repeat:no-repeat;
}
.work .workHap {
	background:url(images/work/hap_thumb.png) no-repeat;
}
.work .workYin {
	background:url(images/work/yy_thumb.png) no-repeat;
}
.work .workDl {
	background:url(images/work/dl_thumb.png) no-repeat;
}
.work .workCat5Logo {
	background:url(images/work/cat5_thumb.png) no-repeat;
}
.work .workDisco {
	background:url(images/work/disco_thumb.png) no-repeat;
}
.work .workEmo {
	background:url(images/work/emno_thumb.png) no-repeat;
}
.work .workApple {
	background:url(images/work/apple_thumb.png) no-repeat;
}
.work .workIndoff {
	background:url(images/work/indoff1_thumb.png) no-repeat;
}
.work .workGallup {
	background:url(images/work/gallup_thumb.png) no-repeat;
}
.work .workMinimal {
	background:url(images/work/minimal_thumb.png) no-repeat;
}
.work .workTactical {
	background:url(images/work/tactical_thumb.png) no-repeat;
}
.work .workCat5Site {
	background:url(images/work/cat5Site_thumb.png) no-repeat;
}
.work .workHiking {
	background:url(images/work/hiking_thumb.png) no-repeat;
}
.work .workZappos {
	background:url(images/work/zappos_thumb.png) no-repeat;
}
.work .workCompany {
	background:url(images/work/company_thumb.png) no-repeat;
}
.work .workAdobe {
	background:url(images/work/adobe_thumb.png) no-repeat;
}
.work .workDiagonal {
	background:url(images/work/diagonal_thumb.png) no-repeat;
}
.work .workKids {
	background:url(images/work/kids_thumb.png) no-repeat;
}
.contactDribbble {
	background:url(images/structure/contact_dribble2.png);
}
.contactEmail {
	background:url(images/structure/contact_computer.png);
}
.contactTwitter {
	background:url(images/structure/contact_twitter.png);
}