@charset "UTF-8";
/* CSS Document */

/* 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/patience.png);
	width:294px;
	height:346px;
	text-indent:-9999px;
}
.glasses {
	background-image:url(images/glasses.png);
}
.arch {
	background-image:url(images/arch.png);
}
.error {
	background-image:url(images/404.png);
}
/* NAV */
.dots {
	background:url(images/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/btnBg_active.png) no-repeat 0 0;
	opacity:.75;
 -webkit-transition: opacity .5s linear;
}
.nav span.active {
	opacity:1;
	background:url(images/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/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/control_left.png) no-repeat 0 0;
}
#rightControl {
	top:6px;
	right:-27px;
	background:transparent url(images/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/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/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 .workbt {
	background:url(images/thumbs/bt_thumb.png) no-repeat;
}
.work .workea {
	background:url(images/thumbs/ea_thumb.png) no-repeat;
}
.work .worketology {
	background:url(images/thumbs/etology_thumb.png) no-repeat;
}
.work .workhaute {
	background:url(images/thumbs/haute_thumb.png) no-repeat;
}
.work .workhp {
	background:url(images/thumbs/hp_thumb.png) no-repeat;
}
.work .workliquid {
	background:url(images/thumbs/liquid_thumb.png) no-repeat;
}
.work .workmntnews {
	background:url(images/thumbs/mntnews_thumb.png) no-repeat;
}
.work .worknbc {
	background:url(images/thumbs/nbc_thumb.png) no-repeat;
}
.work .workoly {
	background:url(images/thumbs/oly_thumb.png) no-repeat;
}
.work .workom {
	background:url(images/thumbs/OM_thumb.png) no-repeat;
}
.work .workoracle {
	background:url(images/thumbs/oracle_thumb.png) no-repeat;
}
.work .workspecialized {
	background:url(images/thumbs/specialized_thumb.png) no-repeat;
}
.work .workut {
	background:url(images/thumbs/ut_thumb.png) no-repeat;
}
.work .workzerv {
	background:url(images/thumbs/zerv_thumb.png) no-repeat;
}
.work .workziff {
	background:url(images/thumbs/ziff_thumb.png) no-repeat;
}
.work .workmichrom {
	background:url(images/thumbs/michrom_thumb.png) no-repeat;
}
.contactBlog {
	background:url(images/contact_blog.png);
}
.contactEmail {
	background:url(images/contact_computer.png);
}
.contactTwitter {
	background:url(images/contact_twitter.png);
}