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

body {
font-size: 10px;
font-family: Arial, sans-serif;
color: #22110B;
/*background-color: #fafafa;*/
/*background: url(../images/orange_dot.png) 61em 0 repeat-y;*/
line-height: 1.375em;
}

body.home {
	background-color: #000;
}

.home #donut {
	border: none; /* Home White */
}
.c1 #donut {
border: 1px solid #04BBDF; /* Blue */
}
.c2 #donut {
border: 1px solid #C2CB31; /* Green */
}
.c3 #donut {
border: 1px solid #A353A0; /* Purple */
}
.c4 #donut {
border: 1px solid #E89829; /* Orange */
}
.c5 #donut {
border: 1px solid #FF8DC5; /* Pink */
}
.c6 #donut {
border: 1px solid #E0422B; /* Red */
}

a {
text-decoration: none;
color: #22110B;
}

br.clear {
clear: both;
}

strong {
	font-weight: bold;
}

span.eg {
font-weight: bold;
font-family: times;
font-size: 1.1em;
}

.home #donut {
background: none;
/*	background: url(/images/semi-trans.png);
*/
}

#donut {
position: relative;
z-index: 1;
border: 1px solid #E0422B;
width: 57em;
background-color: #fff;
}

#head {
margin: 5em 0 1em 5em;
position: relative;
height: 15em;
overflow: hidden;
}

#mark {
position: relative;
height: 100%;
width: 55em;
}

#mark h1 {
position: absolute;
bottom: 0;
height: 11.2em;
width: 22.3em;
}

#mark h1#egwrk_print {
	display: none;
}

#nav {
position: absolute;
top: .5em;
font-family: Times;
font-size: 1.5em;
}

#nav a {
padding-right: .75em;
}

#nav a:hover {
color: #666;
}

.home #nav a {
	color: #fff;
}
.home #nav a:hover {
	color: #E0422B;
}

.c1 #nav a:hover {
background: url(/images/arrow1.png) right center no-repeat;
}
.c2 #nav a:hover {
background: url(/images/arrow2.png) right center no-repeat;
}
.c3 #nav a:hover {
background: url(/images/arrow3.png) right center no-repeat;
}
.c4 #nav a:hover {
background: url(/images/arrow4.png) right center no-repeat;
}
.c5 #nav a:hover {
background: url(/images/arrow5.png) right center no-repeat;
}
.c6 #nav a:hover,
.c0 #nav a:hover {
background: url(/images/arrow.png) right center no-repeat;
}


.guess-workers #nav a.guess-workers,
.a-simple-idea #nav a.a-simple-idea,
.examples #nav a.examples {
color: #b2b2b2;
}

.c6.guess-workers #nav a.guess-workers,
.c6.a-simple-idea #nav a.a-simple-idea,
.c6.examples #nav a.examples {
background: url(/images/arrow.png) right center no-repeat;
}

.c1.guess-workers #nav a.guess-workers,
.c1.a-simple-idea #nav a.a-simple-idea,
.c1.examples #nav a.examples {
background: url(/images/arrow1.png) right center no-repeat;
}

.c2.guess-workers #nav a.guess-workers,
.c2.a-simple-idea #nav a.a-simple-idea,
.c2.examples #nav a.examples {
background: url(/images/arrow2.png) right center no-repeat;
}
.c3.guess-workers #nav a.guess-workers,
.c3.a-simple-idea #nav a.a-simple-idea,
.c3.examples #nav a.examples {
background: url(/images/arrow3.png) right center no-repeat;
}

.c4.guess-workers #nav a.guess-workers,
.c4.a-simple-idea #nav a.a-simple-idea,
.c4.examples #nav a.examples {
background: url(/images/arrow4.png) right center no-repeat;
}

.c5.guess-workers #nav a.guess-workers,
.c5.a-simple-idea #nav a.a-simple-idea,
.c5.examples #nav a.examples {
background: url(/images/arrow5.png) right center no-repeat;
}

#content {
margin: 0 5em;
width: 33em;
}

#content h2, h3 {
font-size: 2em;
margin: 0 0 .125em 0;
line-height: 1em;
width: 450px;
}

#content h3 {
	font-size: 1.1em;
	font-weight: 700;
	margin-bottom: 1em;
}

#content h3 span {
	color: #b2b2b2;
}

#content p a
{
	text-decoration: underline;
}

.c1 #content h3 {
color: #04BBDF; /* Blue */
}
.c2 #content h3 {
color: #C2CB31; /* Green */
}
.c3 #content h3 {
color: #A353A0; /* Purple */
}
.c4 #content h3 {
color: #E89829; /* Orange */
}
.c5 #content h3 {
color: #FF8DC5; /* Pink */
}
.c6 #content h3 {
color: #E0422B; /* Red */
}

.c1 #content ul.work li a {
color: #04BBDF; /* Blue */
}
.c2 #content ul.work li a {
color: #C2CB31; /* Green */
}
.c3 #content ul.work li a {
color: #A353A0; /* Purple */
}
.c4 #content ul.work li a {
color: #E89829; /* Orange */
}
.c5 #content ul.work li a {
color: #FF8DC5; /* Pink */
}
.c6 #content ul.work li a {
color: #E0422B; /* Red */
}

#content ul.work li a:hover {
	color: #b2b2b2;
}

#content p, 
#content ul.work {
font-size: 1.1em;
margin: 0 0 1em 0;
}

#content ul.work li {
	width: 66.7%;
	margin: 1em 0;
}

#content ul.work li span {
	display: block;
}

#foot-1 {
margin: 2em 0 0 0;
padding: 1em 0;
border-top: 1px solid #22110B;
clear: both;
}

.home #foot-1 {
	border-top: 1px solid #fff;
	color: #fff;
}

#foot-2
{
	margin: 0 0 4em 0;
	border-top: none;
}

.home #foot-2 {
	color: #fff;
}

.foot li {
display: inline;
padding: 0 1em;
}

.foot li:hover {
/*	background-position: .1em center;	*/
}

.foot a {
/*	display: block;*/
}

.foot a:hover {
color: #999;
}

.home .foot a {
	color: #fff;
}
.home .foot a:hover {
	color: #E0422B;
}

.c1 .foot li {
background: url(/images/arrow_hollow1.png) left center no-repeat;
}
.c2 .foot li {
background: url(/images/arrow_hollow2.png) left center no-repeat;
}
.c3 .foot li {
background: url(/images/arrow_hollow3.png) left center no-repeat;
}
.c4 .foot li {
background: url(/images/arrow_hollow4.png) left center no-repeat;
}
.c5 .foot li {
background: url(/images/arrow_hollow5.png) left center no-repeat;
}
.c6 .foot li,
.c0 .foot li {
background: url(/images/arrow_hollow.png) left center no-repeat;
}

#recentwork {
/*line-height: 2em;*/
}

.home #recentwork li {
position: relative;
display: block;
font-size: 60px;
margin: 15px 15px 15px 0;
height: .5em;
line-height: .2em;
border: none;
/*background-color: #22110B;*/
}

.home #recentwork li:hover {
display: block;
font-size: 20px;
height: 1.5em;
line-height: 1.5em;
margin: 15px 15px 15px 0;
background-color: #fff;
}

.home #recentwork a {
display: block;
height: 100%;
width: 100%;
color: #fff;
overflow: hidden;
}

.home #recentwork a:hover {
display: block;
color: #22110B;
margin-left: .25em;
}

#crop {
position: absolute;
z-index: 0;
top: 0;
left: 0;
height: 100%;
width: 100%;
overflow: hidden;
}

#fullbg {
position: relative;
height: 100%;
width: 100%;
visibility: hidden;
}

#fullbg.offest {
/*visibility: hidden;*/
/*	left:57.2em;*/
}

div.chris,
div.john,
div.bill,
.tool-tip {
	font-size: 10px;
	width: 100px;
	height: 100px;
	line-height: 100px;
	z-index: 13000;
	text-transform: uppercase;
	color: #fff;
	font-weight: 700;
}
 
.tool-title {
	margin: 0;
}
 
.tool-text {
}

div.chris {
	background: url('/images/tip_chris.jpg') no-repeat;
}
div.john {
	background: url('/images/tip_john.jpg') no-repeat;
}
div.bill {
	background: url('/images/tip_bill.jpg') no-repeat;
}

/* WORK - IMAGE SLIDESHOWS */

#imgslideshow {
	width: 570px;
	overflow:hidden;
	height:330px;
	margin-left: -50px;
	margin-bottom: 50px;
	position: relative;
}

#imgslideshow #imgcontainer {
	width: 100000px;
	height: 330px;
	position: relative;
}

#imgslideshow div.img {
	float: left;
	width: 570px;
	height: 330px;
	background: #333;
	position: relative;
	color: #fff !important;
	background: url('/images/sst1.jpg') no-repeat top left;
}

#imgslideshow div.img img {
	display: none;
}

#imgslideshow div.img img.first-img
{
	display: block !important;
}

#imgslideshow div.control_icon {
	width: 26px;
	height: 26px;
	position: absolute;
	bottom: 0;
	right: 0;
	background: #0f0;
	border: 1px solid #000;
	z-index:998;
	cursor: pointer;
	display: none;
}

#imgslideshow div.control {
	width: 570px;
	height: 300px;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index:999;
	display: none;
	cursor: pointer;	
}


.c1 #imgslideshow div.control_icon {
	border-color: #04bbdf;
	background: url('/images/arrow_imgnav_1.png');
}
.c2 #imgslideshow div.control_icon {
	border-color: #c2cb31;
	background: url('/images/arrow_imgnav_2.png');	
}
.c3 #imgslideshow div.control_icon {
	border-color: #a353a0;
	background: url('/images/arrow_imgnav_3.png');	
}
.c4 #imgslideshow div.control_icon {
	border-color: #e89829;
	background: url('/images/arrow_imgnav_4.png');	
}
.c5 #imgslideshow div.control_icon {
	border-color: #ff8dc5;
	background: url('/images/arrow_imgnav_5.png');	
}
.c6 #imgslideshow div.control_icon {
	border-color: #e0422b;
	background: url('/images/arrow_imgnav.png');	
}

#imgslideshow div.control:hover {
	cursor: pointer;
}

/* WORK - IMAGE SETS */

#imgset {
position: relative;
}

#imgset div {
float: left;
margin: 0 1em 1em 0;
background-position: center center;
cursor: pointer;
border: 1px solid #fff;
}

.c1 #imgset div:hover {
	border-color: #04bbdf;
}
.c2 #imgset div:hover {
	border-color: #c2cb31;
}
.c3 #imgset div:hover {
	border-color: #a353a0;
}
.c4 #imgset div:hover {
	border-color: #e89829;
}
.c5 #imgset div:hover {
	border-color: #ff8dc5;
}
.c6 #imgset div:hover {
	border-color: #e0422b;
}

.c1 #imgset div {
background-color: #04BBDF; /* Blue */
}
.c2 #imgset div {
background-color: #C2CB31; /* Green */
}
.c3 #imgset div {
background-color: #A353A0; /* Purple */
}
.c4 #imgset div {
background-color: #E89829; /* Orange */
}
.c5 #imgset div {
background-color: #FF8DC5; /* Pink */
}
.c6 #imgset div {
background-color: #E0422B; /* Red */
}

#imgset {
	display: none;
}

#imgset .s {
width: 100px;
height: 100px;
}

#imgset .r16x9 {
width: 178px;
height: 100px;
}

#imgset .r4x3 {
width: 134px;
height: 100px;
}


#imgset .pma1 {
background-image: url(/images/pma1.jpg);
}
#imgset .pma2 {
background-image: url(/images/pma2.jpg);
}
#imgset .pma3 {
background-image: url(/images/pma3.jpg);
}


#imgset .mid1 {
background-image: url(/images/mid1.jpg);
}
#imgset .mid2 {
background-image: url(/images/mid2.jpg);
}
#imgset .mid3 {
background-image: url(/images/mid3.jpg);
}
#imgset .mid4 {
background-image: url(/images/mid4.jpg);
}


#imgset .midii1 {
background-image: url(/images/midii1.png);
}


#imgset .cmac1 {
background-image: url(/images/cmac1.jpg);
}
#imgset .cmac2 {
background-image: url(/images/cmac2.jpg);
}
#imgset .cmac3 {
background-image: url(/images/cmac3.jpg);
}

#imgset .annen1 {
background-image: url(/images/annen1.jpg);
}
#imgset .annen2 {
background-image: url(/images/annen2.jpg);
}
#imgset .annen3 {
background-image: url(/images/annen3.jpg);
}
#imgset .annen4 {
background-image: url(/images/annen4.jpg);
}
#imgset .annen5 {
background-image: url(/images/annen5.jpg);
}

#imgset .syr1 {
background-image: url(/images/syr1.jpg);
}
#imgset .syr2 {
background-image: url(/images/syr2.jpg);
}
#imgset .syr3 {
background-image: url(/images/syr3.jpg);
}
#imgset .syr4 {
background-image: url(/images/syr4.jpg);
}
#imgset .syr5 {
background-image: url(/images/syr5.jpg);
}

#imgset .whotels1 {
background-image: url(/images/whotels1.jpg);
}
#imgset .whotels2 {
background-image: url(/images/whotels2.jpg);
}
#imgset .whotels3 {
background-image: url(/images/whotels3.jpg);
}
#imgset .whotels4 {
background-image: url(/images/whotels4.jpg);
}
#imgset .whotels5 {
background-image: url(/images/whotels5.jpg);
}

#imgset .p4p1 {
background-image: url(/images/p4p1.jpg);
}
#imgset .p4p2 {
background-image: url(/images/p4p2.jpg);
}
#imgset .p4p3 {
background-image: url(/images/p4p3.jpg);
}
#imgset .p4p4 {
background-image: url(/images/p4p4.jpg);
}

#imgset .uvp-sst1 {
background-image: url(/images/uvp-sst1.jpg);
}
#imgset .uvp-sst2 {
background-image: url(/images/uvp-sst2.jpg);
}
#imgset .uvp-sst3 {
background-image: url(/images/uvp-sst3.jpg);