/* ############################################# */
/* #  Technicolor Grayscale                    # */
/* #  technicolorgrayscale.com                 # */
/* # ......................................... # */
/* #  RUBIX MEDIA LLC                          # */
/* #  P.Gold - 29 Jan 2010                     # */
/* ############################################# */


/* ----- GLOBAL RESET ----- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}:focus{outline:0;}body{line-height:1;color:black;background:white;}ol,ul{list-style:none;}table{border-collapse:separate;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}


/* ********************************************* */
/*      GLOBAL DEFINITIONS                       */
/* ********************************************* */

body {
	background: #1a1a1a;
	color: #ccc;
	font-family: arial,helvetica,sans-serif;
	font-size: 12px;
	text-align: left;
}

table { width: 100%; }
th { text-align: left; }
td { vertical-align: top; }
a { color: #fff200; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: none; }
img { display: block; }
.nowrap { white-space: nowrap; }
.clear { clear: both; height:0px; font-size: 0px; }
.clearfix:after{/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;}


/* ********************************************* */

html, body { height: 100%; }

#container {
	background: url(../images/common/bg_xerox.png) 0 0;
	background-attachment: fixed;
	height: auto !important;
	height: 100%;
	margin-bottom: -65px;
	min-height: 100%;
}


/* --------------- GLOBAL HEADER --------------- */

#global-header {
	position: fixed; /* make fixed? */
	_position: absolute;
}
#global-header:after{/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;}
	.brand a {
		background: transparent url(../images/brand/logo_tg.png) no-repeat 0 0;
		display: block;
		height: 163px;
		text-indent: -999em;
    }
	.brand a,
	#global-header {
		width: 187px;
	}

.global-nav {
	padding: 1px 0 0 20px;
	width: 145px;
}
.global-nav:after{/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;}
	.global-nav li {
		background: transparent url(../images/common/bg_dbd7c9_o20.png) repeat-x bottom;
		font-size: 20px;
		padding: 15px 0 11px;
	}
		.global-nav li a {
			background: transparent url(../images/common/global_nav.png) no-repeat 0 0;
			display: block;
			height: 25px;
			margin: 0px 0 0px -1px;
			position: relative;
			text-indent: -999em;
		}
		.global-nav li.selected a,
		.global-nav li a:hover {
			/*background-position: 0 -21px;*/
			color: #fff;
		}
		.global-nav li a.nav-home Home            { background-position: 0 0; }
		.global-nav li a.nav-home:hover           { background-position: 0 -25px; }
		.global-nav li.selected a.nav-home        { background-position: 0 -50px; }

		.global-nav li a.nav-our-work             { background-position: 0 -75px; }
		.global-nav li a.nav-our-work:hover       { background-position: 0 -100px; }
		.global-nav li.selected a.nav-our-work    { background-position: 0 -125px; }

		.global-nav li a.nav-who-we-are           { background-position: 0 -150px; }
		.global-nav li a.nav-who-we-are:hover     { background-position: 0 -175px; }
		.global-nav li.selected a.nav-who-we-are  { background-position: 0 -200px; }

		.global-nav li a.nav-client-list          { background-position: 0 -225px; }
		.global-nav li a.nav-client-list:hover    { background-position: 0 -250px; }
		.global-nav li.selected a.nav-client-list { background-position: 0 -275px; }

		.global-nav li a.nav-news                 { background-position: 0 -300px; }
		.global-nav li a.nav-news:hover           { background-position: 0 -325px; }
		.global-nav li.selected a.nav-news        { background-position: 0 -350px; }

		.global-nav li a.nav-contact-us           { background-position: 0 -375px; }
		.global-nav li a.nav-contact-us:hover     { background-position: 0 -400px; }
		.global-nav li.selected a.nav-contact-us  { background-position: 0 -425px; }

		.global-nav li .section-nav {
			left: -999em;
			padding: 2px 0 4px;
			position: absolute;
		}
		.global-nav li.selected .section-nav {
			left: auto;
			position: static;
		}
			.global-nav .section-nav li {
				background: transparent url(../images/common/bullet.png) no-repeat 0 0;
				margin: 8px 0 0;
				padding: 0 0 0 6px;
			}
			.global-nav .section-nav li.selected,
			.global-nav .section-nav li.over,
			.global-nav .section-nav li:hover {
				background-position: 0 -97px;
			}
				.section-nav li a {
					background: none;
					font-size: 10px;
					height: auto;
					line-height: 1em;
					margin: 0;
					position: static;
					text-indent: 0;
					text-transform: uppercase;
				}
				.section-nav li a:hover {
					color: #fff;
				}
				.section-nav li.selected a {
					color: #fff200;
				}


				.global-nav li.nav-our-work .section-nav li a {
					background: transparent url(../images/common/sub_nav__our_work.png) no-repeat 0 0;
					display: block;
					height: 10px;
					text-indent: -999em;
				}
					.global-nav li.nav-our-work .section-nav li a.nav-view-all          { background-position: 0 0; width: 52px; }
					.global-nav li.nav-our-work .section-nav li a.nav-view-all:hover    { background-position: 0 -10px; }
					.global-nav li.nav-our-work .section-nav li.selected a.nav-view-all { background-position: 0 -20px; }
					.control-bar .global-nav li.nav-our-work .section-nav li a.nav-view-all          { background-position: -32px 0px; width: 20px; }
					.control-bar .global-nav li.nav-our-work .section-nav li a.nav-view-all:hover    { background-position: -32px -10px; }
					.control-bar .global-nav li.nav-our-work .section-nav li.selected a.nav-view-all { background-position: -32px -20px; }

					.global-nav li.nav-our-work .section-nav li a.nav-branding-identity          { background-position: 0 -30px; width: 117px; }
					.global-nav li.nav-our-work .section-nav li a.nav-branding-identity:hover    { background-position: 0 -40px; }
					.global-nav li.nav-our-work .section-nav li.selected a.nav-branding-identity { background-position: 0 -50px; }

					.global-nav li.nav-our-work .section-nav li a.nav-online          { background-position: 0 -60px; width: 40px; }
					.global-nav li.nav-our-work .section-nav li a.nav-online:hover    { background-position: 0 -70px; }
					.global-nav li.nav-our-work .section-nav li.selected a.nav-online { background-position: 0 -80px; }

					.global-nav li.nav-our-work .section-nav li a.nav-mobile          { background-position: 0 -90px; width: 41px; }
					.global-nav li.nav-our-work .section-nav li a.nav-mobile:hover    { background-position: 0 -100px; }
					.global-nav li.nav-our-work .section-nav li.selected a.nav-mobile { background-position: 0 -110px; }
					
					.global-nav li.nav-our-work .section-nav li a.nav-print          { background-position: 0 -120px; width: 32px; }
					.global-nav li.nav-our-work .section-nav li a.nav-print:hover    { background-position: 0 -130px; }
					.global-nav li.nav-our-work .section-nav li.selected a.nav-print { background-position: 0 -140px; }

					.global-nav li.nav-our-work .section-nav li a.nav-broadcast          { background-position: 0 -150px; width: 66px; }
					.global-nav li.nav-our-work .section-nav li a.nav-broadcast:hover    { background-position: 0 -160px; }
					.global-nav li.nav-our-work .section-nav li.selected a.nav-broadcast { background-position: 0 -170px; }

					.global-nav li.nav-our-work .section-nav li a.nav-other          { background-position: 0 -180px; width: 36px; }
					.global-nav li.nav-our-work .section-nav li a.nav-other:hover    { background-position: 0 -190px; }
					.global-nav li.nav-our-work .section-nav li.selected a.nav-other { background-position: 0 -200px; }

				.global-nav li.nav-who-we-are .section-nav li a {
					background: transparent url(../images/common/sub_nav__who_we_are.png) no-repeat 0 0;
					display: block;
					height: 10px;
					text-indent: -999em;
				}
					.global-nav li.nav-who-we-are .section-nav li a.nav-company-overview          { background-position: 0 0; width: 114px; }
					.global-nav li.nav-who-we-are .section-nav li a.nav-company-overview:hover    { background-position: 0 -10px; }
					.global-nav li.nav-who-we-are .section-nav li.selected a.nav-company-overview { background-position: 0 -20px; }

					.global-nav li.nav-who-we-are .section-nav li a.nav-targeted-industries          { background-position: 0 -30px; width: 122px; }
					.global-nav li.nav-who-we-are .section-nav li a.nav-targeted-industries:hover    { background-position: 0 -40px; }
					.global-nav li.nav-who-we-are .section-nav li.selected a.nav-targeted-industries { background-position: 0 -50px; }

					.global-nav li.nav-who-we-are .section-nav li a.nav-services          { background-position: 0 -60px; width: 51px; }
					.global-nav li.nav-who-we-are .section-nav li a.nav-services:hover    { background-position: 0 -70px; }
					.global-nav li.nav-who-we-are .section-nav li.selected a.nav-services { background-position: 0 -80px; }

					.global-nav li.nav-who-we-are .section-nav li a.nav-our-team          { background-position: 0 -90px; width: 55px; }
					.global-nav li.nav-who-we-are .section-nav li a.nav-our-team:hover    { background-position: 0 -100px; }
					.global-nav li.nav-who-we-are .section-nav li.selected a.nav-our-team { background-position: 0 -110px; }

					.global-nav li.nav-who-we-are .section-nav li a.nav-awards-recognition          { background-position: 0 -120px; width: 132px; }
					.global-nav li.nav-who-we-are .section-nav li a.nav-awards-recognition:hover    { background-position: 0 -130px; }
					.global-nav li.nav-who-we-are .section-nav li.selected a.nav-awards-recognition { background-position: 0 -140px; }

/* --------------- GLOBAL FOOTER --------------- */

#footer {
	background: #000;
	border-top: 1px solid #333;
	bottom: 0;
	display: none;
	font-size: 10px;
	font-weight: bold;
	padding: 0;
	position: fixed;
	width: 100%;
}
	#footer .inner {
		padding: 20px 0 20px 211px;
		padding-bottom: 10px;
		padding-top: 11px;
		width: 762px;
	}
	#footer .inner:after{/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;}
		#footer a {
			color: #fff200;	
		}
		#footer .legal { float: left; }
		#footer .contact {
			float: right;
			font-size: 9px;
			line-height: 1em;
			text-align: right;
			text-transform: uppercase;
			width: 37em;
		}

.content .site-email {
	display: none;
}


/* ------------------ CONTENT ------------------ */
#content-wrapper {
	line-height: 1.42em;
	/*min-height: 670px;*/  /* enable this when we add sub-navigation */
	padding: 46px 0 60px 211px;
}
	#main-content {}
	#main-content:after{/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;}
		#main-content .content {
			width: 762px;
		}
		#main-content.has-sidebar-right .content {
			float: left;
			width: 503px;
		}
		.content hr {
			border: 0;
			height: 1px;
			padding-top: 1px;
			background: #363533;
			margin: 0 0 2.84em;
		}
		.content li a,
		blockquote a,
		.description a,
		.content p a {
			color: #fff;
			text-decoration: underline;
		}
		.content li a:hover,
		blockquote a:hover,
		.description a:hover,
		.content p a:hover {
			color: #fff200;
		}
		.content blockquote {
			background-color: #000;
			font-size: 12px;
			font-weight: bold;
			padding: 10px;
			width: 481px;
		}
		.content blockquote p {
			margin: 0;
		}
		.content .blockquote img {
			margin-bottom: 1.42em;
		}
	.sidebar-right {
		float: left;
		padding-left: 15px;
		width: 244px;
	}
	.sidebar-right .component {
		background: #000;
		color: #b9b9b9;
		font-size: 11px;
		line-height: 1.36em;
		margin: 0 0 15px;
		padding: 10px;
	}
		.component h4 {
			font-weight: bold;
			color: #fff;
			font-size: 14px;
			line-height: 1.21em;
			margin-bottom: 5px;
		}
		.component h5 {
			font-weight: bold;
		}
		.component .form-block h5 {
			color: #fff;
			margin-bottom: 5px;
		}
		.component .thumb {
			margin-bottom: 6px;
		}
			.component .thumb img {
				border: 1px solid #181818;
			}
		.component p {
			margin-bottom: 0;
		}
		.component a {
			color: #fff200;
			white-space: nowrap;
		}
		.component .form-block {
			border-bottom: 1px solid #353431;
			margin: 15px 0;
			padding: 0 0 20px;
		}
		.section-contact-us .component .form-block {
			border-bottom: 0;
			margin-bottom: 0;
			padding-bottom: 10px;
		}
		.section-contact-us .content {
			background: url(../images/common/newPhone.jpg) no-repeat 0 0;
			padding-top: 170px;
		}
			.component .form-block label {
				left: -999em;
				position: absolute;
			}
			.component .form-block .form-submit {
				background: #fff200;
				border: 0;
				display: block;
				font-size: 9px;
				font-weight: bold;
				height: 27px;
				#height: 28px;
				line-height: 27px;
				#line-height: 28px;
				padding: 0 8px;
			}
			.component #form-signup .form-submit {
				#width: 36px;
			}
			.component .form-block .form-item {
				float: left;
			}
			.component .form-block .form-text {
				width: 180px;
			}
		#component-work-industries p {
			margin-bottom: 1.42em;
		}
.form-block {}
.form-block:after{/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;}
	.form-text {
		background: url(../images/controls/bg_input.jpg) no-repeat 0 0;
		border: 0;
		font-style: italic;
		height: 19px;
		padding: 8px 0 0 8px;
	}
	.form-submit {
		cursor: pointer;
	}
h1 {
	background: transparent no-repeat 0 0;
	height: 79px;
	position: relative;
	margin: 0 0 8px -4px;
	text-indent: -999em;
}
#page-home h1 {
	background-image: url(../images/common/h1_welcome.png);
}
.section-client-list h1 {
	background-image: url(../images/common/h1_client_list.png);
}
.section-contact-us h1 {
	background-image: url(../images/common/h1_contact_us.png);
}
.section-news h1 {
	background-image: url(../images/common/h1_news.png);
}
.section-our-work h1 {
	background-image: url(../images/common/h1_our_work.png);
}
.section-who-we-are h1 {
	background-image: url(../images/common/h1_who_we_are.png);
}

.control-bar {
	background: transparent url(../images/common/bg_333_o50.png);
	margin: 0 0 16px;
	min-height: 10px;
	padding: 10px;
}
.control-bar:after{/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;}
	.control-bar dfn {
		float: left;
		font-size: 10px;
		line-height: 1em;
		padding-right: 7px;
		text-transform: uppercase;
	}
	.control-bar .global-nav {
		float: left;
		padding: 0;
		width: auto;
	}
		.control-bar .global-nav li {
			background: none;
			display: none;
			float: left;
		}
		.control-bar .global-nav li.selected {
			float: left;
			padding: 0;
		}
			.control-bar .global-nav li.selected a {
				display: none;
			}
		.control-bar .global-nav li.selected li a,
		.control-bar .global-nav li.selected li,
		.control-bar .global-nav li.selected {
			display: block;
		}
			.control-bar .global-nav .section-nav {
				padding: 0;
			}
			.control-bar .section-nav:after{/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;}
				.control-bar .global-nav .section-nav li {
					float: left;
					margin: -3px 3px -4px 4px;
					padding: 3px 4px 4px;
					position: relative;
				}
				.control-bar .section-nav li.selected {
					/*background-color: #000;*/
				}
	.control-bar .tags {
		font-size: 10px;
		line-height: 1em;
		margin-left: -15px;
		position: relative;
		text-transform: uppercase;
	}
	.control-bar .tags:after{/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;}
		.control-bar .tags li {
			float: left;
			padding-left: 15px;
		}
		.control-bar .tags span {
			padding-left: 2px;
		}
.content-block {
	width: 635px;
}
.teamProfile {
	border-bottom: 1px solid #333;
	margin: 0 0 2.84em;
	padding: 0 0 1.42em 215px;
}
.teamProfile:after{/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;}
.teamProfileLast {
	border-bottom: 0;
}
	.profileImage {
		background: #333;
		border: 1px solid #333;
		float: left;
		height: 198px;
		margin-left: -215px;
		overflow: hidden;
		width: 198px;
	}
	.teamProfile h3 {
		color: #fff;
		margin-bottom: 0;
	}
	.teamProfile h4 {
		font-weight: bold;
		margin-bottom: 0.6em;
	}

h2 {
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	font-family: georgia,times,serif;
	font-size: 41px;
	line-height: 1.2em;
	margin-bottom: 10px;
}
h2.services {
	background-image: url(../images/common/h2_services.png);
	text-indent:-999em;
}
h2.awards {
	background-image: url(../images/common/h2_awards.png);
	text-indent:-999em;
}
h2.targeted {
	background-image: url(../images/common/h2_targeted.png);
	text-indent:-999em;
}
h2.our-team {
	background-image: url(../images/common/h2_our-team.png);
	text-indent:-999em;
}
h2.recent {
	background-image: url(../images/common/h2_recent.png);
	text-indent:-999em;
}
h2.targeted-industries {
	background-image: url(../images/common/h2_targeted.png);
	text-indent:-999em;
}
h2.company-overview {
	background-image: url(../images/common/h2_company_overview.png);
	text-indent: -999em;
}
h2.give-us-a-call {
	background-image: url(../images/common/h2_give_us_a_call.png);
	text-indent: -999em;
}
h2.send-us-an-email {
	background-image: url(../images/common/h2_send_us_an_email.png);
	text-indent: -999em;
}
h2.send-us-something {
	background-image: url(../images/common/h2_send_us_something.png);
	text-indent: -999em;
}
#page-contact-us .content {}
#page-contact-us .content .blockquote img {
	margin-bottom: 24px;
}
#page-contact-us .content hr {
	margin-bottom: 27px;
}
#page-contact-us .content-block {
	float: left;
	font-size: 14px;
	line-height: 1.22em;
	margin-bottom: 0;
	padding-bottom: 28px;
	width: 50%;
}
#page-contact-us .content-block-last {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}
#page-contact-us .content-block h2 {
	margin-bottom: 0;
}
#page-contact-us .content-block h4 {
	font-weight: bold;
}
#page-contact-us .content-block .thumb {
	margin-bottom: 8px;
}

h3 {
	background-position: 0 0;
	background-repeat: no-repeat;
	font-family: georgia,times,serif;
	font-size: 28px;
	height: 28px;
	margin-bottom: 10px;
	background-repeat: no-repeat;	
}

h3.Mobile {
	background-image: url(../images/common/h3_mobile.png);
	text-indent: -999em;
}
h3.Branding {
	background-image: url(../images/common/h3_branding.png);
	text-indent: -999em;
}
h3.Online {
	background-image: url(../images/common/h3_online.png);
	text-indent: -999em;
}
h3.Print {
	background-image: url(../images/common/h3_print.png);
	text-indent: -999em;
}
h3.Broadcast {
	background-image: url(../images/common/h3_broadcast.png);
	text-indent: -999em;
}
h3.Other {
	background-image: url(../images/common/h3_other.png);
	text-indent: -999em;
}

h3.hospitality {
	background-image: url(../images/common/h3_hospitality.png);
	text-indent: -999em;
}
h3.entertain {
	background-image: url(../images/common/h3_entertainment.png);
	text-indent: -999em;
}
h3.fashion {
	background-image: url(../images/common/h3_fashion.png);
	text-indent: -999em;
}
h3.action {
	background-image: url(../images/common/h3_action.png);
	text-indent: -999em;
}
h3.other {
	background-image: url(../images/common/h3_other.png);
	text-indent: -999em;
}

h3.matt {
	background-image: url(../images/common/h3_matt.png);
	text-indent: -999em;
}
h3.jason {
	background-image: url(../images/common/h3_jason.png);
	text-indent: -999em;
}
h3.phil {
	background-image: url(../images/common/h3_phil.png);
	text-indent: -999em;
}

p {
	margin-bottom: 1.42em;
}

.action-set {
	margin-bottom: 20px;
	margin-left: -5px;
	_margin-left: -6px;
	position: relative;
}
.action-set:after{/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;}
	.action-set li {
		background: transparent url(../images/common/bg_000_o50.png);
		float: left;
		font-size: 10px;
		font-weight: bold;
		line-height: 1em;
		margin-left: 5px;
		_margin-left: 3px;
		text-transform: uppercase;
	}
		.action-set li a {
			background: transparent url(../images/common/ico_play.png) no-repeat 1px 0px;
			color: #fff;
			display: block;
			height: 29px;
			line-height: 29px;
			padding: 0px 30px 0px 41px;
		}
		.action-set li a:hover {
			background-color: #fff200;
			background-position: 1px -58px;
			color: #000;
			text-decoration: none;
		}

.portfolio-viewer {
	background: url(../images/common/loading.gif) no-repeat center center;
	margin-bottom: 2.84em;
	min-height: 300px;
	_height: 200px;
	width: 762px;
}
.portfolio-viewer:after{/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;}
	.portfolio-viewer .view-pane {
		display: none;
		overflow: hidden;
		width: 762px;
	}
		.portfolio-viewer .view-pane .scroller {
			position: relative;
		}
		.portfolio-viewer .view-pane img {
			float: left;
		}
	.portfolio-viewer .thumbs {
		display: none;
		margin-left: -3px;
		position: relative;
	}
	.portfolio-viewer .thumbs:after{/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;}
		.portfolio-viewer .thumbs li {
			float: left;
			padding-left: 3px;
			padding-top: 3px;
		}
			.portfolio-viewer .thumbs li a {
				background-color: #151515;
				display: block;
				overflow: hidden;
				width: 150px;
			}
			.portfolio-viewer .thumbs li.selected a,
			.portfolio-viewer .thumbs li a:hover {
				border: 3px solid #fff200;
				width: 144px;
			}
			.portfolio-viewer .thumbs li.selected a {
				border: 3px solid #fff200;
				width: 144px;
			}
				.portfolio-viewer .thumbs li a:hover img {
					margin: -3px;
					position: relative;
				}
				.portfolio-viewer .thumbs li.selected a img {
					margin: -3px;
					position: relative;
				}


.client-viewer,
.page-viewer {
	width: 762px;
}
	.page-viewer .thumbs {
		margin-left: -10px;
		margin-top: -10px;
	}
		.page-viewer .thumbs li {
			background-color: #151515;
			margin-left: 10px;
			_margin-left: 5px;
			margin-top: 10px;
			padding: 0;
		}
			.page-viewer .thumbs li a {
				width: 376px;
			}
			.page-viewer .thumbs li a:hover {
				width: 370px;
			}
		.page-viewer .description {
			padding: 10px;
			width: 356px;
		}
			.portfolio-viewer li.description a {
				display: inline;
				height: auto;
				width: auto;
			}
			.portfolio-viewer li.description a:hover {
				border: 0;
				height: auto;
				width: auto;
			}

.client-viewer {
	background-position: 25% 40%;
	min-height: 0;
}
	.client-viewer .description {
		background-color: #151515;
		float: right;
		padding: 10px;
		width: 356px;
	}
	.client-viewer .thumbs {
		float: left;
		margin-left: 0;
		margin-top: -10px;
		width: 376px;
	}
		.client-viewer .thumbs li {
			float: none;
			margin-top: 10px;
			padding: 0;
		}
			.client-viewer .thumbs li a {
				width: 376px;
			}
			.client-viewer .thumbs li a:hover {
				width: 370px;
			}

/* lightbox */
#lightbox-loading img {
	margin: 0 auto;
}



/* ***** OUR WORK ***** */
.tile-set {
	margin-bottom: 4.26em;
	margin-left: -15px;
	padding-top: 1px;
	position: relative;
	width: 777px;
}
.tile-set:after{/* clearfix */content:".";display:block;height:0;clear:both;visibility:hidden;}
.tile-set .tile-inactive,
.tile-set .tile {
	border: solid #333;
	border-width: 1px 0;
	float: left;
	margin-left: 15px;
	margin-top: -1px;
	padding: 1px 0;
	position: relative;
	width: 244px;
}
.work {
	margin-bottom: 25px;
	padding: 0 0 12px 3px;
	border: solid #333;
	border-width: 0 0 1px;
}
.tile-inactive .work,
.tile .work {
	border: 0;
	margin-bottom: 0;
}
	.work dfn {
		background: #3d8abf;
		color: #000;
		font-size: 8px;
		font-weight: bold;
		line-height: 1em;
		margin: 1px 0 0 1px;
		padding: 3px 4px;
		position: absolute;
		text-transform: uppercase;
	}
	dfn.new {
	}
	.work .thumb {
		margin-bottom: 14px;
		margin-left: -3px;
		position: relative;
	}
	.tile-inactive .work .thumb,
	.tile .work .thumb {
		margin-bottom: 6px;
	}
		.work .thumb img {
			border: 1px solid #181818;
		}
	.work .title {
		font-size: 18px;
		margin-bottom: 10px;
	}
	.tile-inactive .work .title,
	.tile .work .title {
		margin-bottom: 5px;
	}
	.tile-inactive .work .description,
	.work .tags,
	.tile .work .description {
		left: -999em;
		position: absolute;
	}
	/*.work .description a { color: #fff200; }*/
	.tile-inactive .work .tags,
	.tile .work .tags {
		left: auto;
		position: static;
	}
		.tags span,
		.work a {
			color: #fff;
		}
		 .work:hover .tags strong,
		.tags strong {
			color: #ccc;
			font-weight: normal;
		}
		.tags span { font-weight: bold; }
.tile .work:hover {
	background: #fff;
	color: #000;
	cursor: pointer;
}
	.tile .work:hover .thumb img { border-color: #fff; }
	.tile .work:hover .tags span,
	.tile .work:hover a { color: #000; }
	.tile .work:hover .tags strong { color: #333; }

.tile-inactive .work {
	color: #999;
}


.tags .related { display: none; }


.action-back-to-all {
	background: url(../images/common/bg_000_o50.png);
	position: absolute;
	top: 0;
}
	.action-back-to-all a {
		background: url(../images/common/ico_back.png) no-repeat 7px 3px;
		color: #fff;
		display: block;
		font-size: 9px;
		line-height: 1em;
		padding: 10px 30px 11px 44px;
		text-transform: uppercase;
	}
	.action-back-to-all a:hover {
		background-color: #fff200;
		background-position: 7px -41px;
		color: #000;
		text-decoration: none;
	}


.form-block {}