/*

Cuca Design

CSS by
http://

RUBY ON RAILS
http://

DESIGN
http://

*/





@media screen {

	#canvas {
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
		min-width: 980px;
		min-height: 600px;
	}
	
	body.home #canvas,
	body.list #canvas,
	body.half-list #canvas,
	body.work #canvas{
		overflow: hidden;
	}
	
	#header {
		position: absolute;
		display: block;
		top: 30px; /* controls menu vertical alignment */
		left: 0;
		margin: 0 0 0 3%;
		width: 23.5%;
		height: auto;
		text-align: center;
		overflow: visible;
		z-index: 50;
		/*background: #FFA;*/
	}
	
	#content {
		position: relative;
		display: block;
		margin: 0 auto; /* IE7- compensates with margin-bottom -1% */
		padding: 90px 0 0; /* padding-top controls the height thumbs will begin, should be the same as #header height */
		width: 100%; /* should be changed by jQuery!!! */
		height: auto;
		overflow: hidden;
		clear: both;
		/*background: #909;*/
	}
	
	#footer {
		position: absolute;
		display: block;
		bottom: 20px;
		right: 0%;
		width: 33.5%;
		text-align: center;
		z-index: 50;
	}
	
	#language {
		position: absolute;
		display: none; /* for now, only portuguese */
		top: 37px;
		right: 0;
	}
	
	#slider-wrap {
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	
	.slider,
	.group {
		position: relative;
		display: block;
		height: auto;
		overflow: hidden;
		/*background: #FFC;*/
	}
	
	.slider {
		width: 5000%;
	}
	
	.group {
		width: 2%;
		float: left;
	}
	
	.replace {
		position: relative;
		display: block;
	}
	
	
	/* MENU + EXPERTISE */
	
	#menu {
		position: absolute;
		display: block;
		top: 0;
		left: 100px;
		width: 100%;
		height: 1px;
		overflow: visible;
	}
	
	#menu .menu-inner {
		position: relative;
		display: block;
		top: 9px;
		left: 0; /* controls distance between logo and menu */
		margin: 0 auto;
		width: 1px;
		height: 1px;
		overflow: visible;
	}
	
	#menu .menu-inner ul {
		position: relative;
		display: block;
		width: 460px;
	}
	
	#menu .menu-inner li {
		list-style-type: none;
		list-style-position: inside;
		position: relative;
		display: block;
		margin: 0 15px 0 0; /* controls distance between menu options */
		padding: 0;
		width: auto;
		float: left;
	}
	
	#expertise h3 a {
		text-align: left;
	}

	#expertise h3 a,
	#menu .menu-inner li a {
		font: normal 17px/17px FranklinGothicFSBook, Arial, sans-serif;
		color: #B1ABAB;
		text-decoration: none;
	}

	body.red #expertise h3 a:hover,
	body.red #menu .menu-inner li a:hover,
	body.red #menu .menu-inner li.selected a { color: #CD202C; }
	body.yellow #expertise h3 a:hover,
	body.yellow #menu .menu-inner li a:hover,
	body.yellow #menu .menu-inner li.selected a { color: #EEAF00; }
	body.blue #expertise h3 a:hover,
	body.blue #menu .menu-inner li a:hover,
	body.blue #menu .menu-inner li.selected a { color: #0073CF; }
	body.green #expertise h3 a:hover,
	body.green #menu .menu-inner li a:hover,
	body.green #menu .menu-inner li.selected a { color: #34B233; }
	
	#expertise {
		position: absolute;
		display: block;
		top: 39px;
		right: 3%;
		width: 23.5%;
		text-align: center;
		z-index: 150;
	}
	
	.expertise-top {
		height: 56px;
	}
	
	.expertise-inner {
		position: relative;
		display: block;
		margin: -999em auto 0; /* changed with jQuery. original margin-top: -97px */
		padding-top: 41px;
		width: 150px;
		height: auto;
		background: url('../images/expertise-menu.png') no-repeat bottom;
	}
	
	.expertise-inner h3 a {
		color: #FFF !important;
	}
	
	#expertise ul {
		padding: 3px 0 9px;
		text-align: left;
	}
	
	.expertise-top ul {
		position: relative;
		display: block;
		margin: 0 auto;
		width: 130px;
		color: #B1ABAB;
	}
	
	#expertise li {
		list-style-type: none;
		list-style-position: outside;
	}
	
	#expertise li,
	#expertise li a {
		position: relative;
		display: block;
		padding: 0;
		font-size: 12px;
		text-decoration: none;
	}
	
	#expertise li a {
		padding: 2px 9px;
	}
	
	.expertise-inner li,
	.expertise-inner li a {
		color: #FFF;
	}

	#expertise .replace { height: 17px; background: url('../images/menu.png') no-repeat; margin: 0 auto; }
	#expertise .replace.expertise { width: 130px; background-position: right 0; }
	
	body.red #expertise .replace.expertise:hover,
	body.red #expertise .selected .replace.expertise { background-position: right -50px; }
	
	body.yellow #expertise .replace.expertise:hover,
	body.yellow #expertise .selected .replace.expertise { background-position: right -100px; }
	
	body.blue #expertise .replace.expertise:hover,
	body.blue #expertise .selected .replace.expertise { background-position: right -150px; }
	
	body.green #expertise .replace.expertise:hover,
	body.green #expertise .selected .replace.expertise { background-position: right -200px; }
	
	body.red #expertise .expertise-inner .replace.expertise,
	body.yellow #expertise .expertise-inner .replace.expertise,
	body.blue #expertise .expertise-inner .replace.expertise,
	body.green #expertise .expertise-inner .replace.expertise { background-position: right -250px; }

	body.red .expertise-inner    { background-position: 0 bottom; }
	body.yellow .expertise-inner { background-position: -150px bottom; }
	body.blue .expertise-inner   { background-position: -300px bottom; }
	body.green .expertise-inner  { background-position: -450px bottom; }
	
	body.red .expertise-inner .ready li a:hover,
	body.red .expertise-inner li.selected a    { background: #AD1A25; }
	body.yellow .expertise-inner .ready li a:hover,
	body.yellow .expertise-inner li.selected a { background: #C99200; }
	body.blue .expertise-inner .ready li a:hover,
	body.blue .expertise-inner li.selected a   { background: #0060AD; }
	body.green .expertise-inner .ready li a:hover,
	body.green .expertise-inner li.selected a  { background: #2C942A; }
	
	
	/* LANGUAGE */
	
	.language-inner ul {
		width: 40px;
	}
	
	.language-inner li {
		list-style-type: none;
		list-style-position: outside;
		margin-bottom: -2px;
		margin-top: 0;
	}
	
	.language-inner li,
	.language-inner li a {
		position: relative;
		display: block;
		padding: 0;
		line-height: 15px;
		text-decoration: none;
	}
	
	.language-inner li a {
		color: #7F7575;
		height: 100%;
		padding: 0 12px;
		background: url('../images/menu-language.png') no-repeat;
	}
	
	.language-inner a:hover,
	.language-inner .selected a {
		color: #FFF;
	}
	
	body.red .language-inner a:hover,
	body.red .language-inner .selected a    { background-position: 0 -25px; }
	body.yellow .language-inner a:hover,
	body.yellow .language-inner .selected a { background-position: 0 -50px; }
	body.blue .language-inner a:hover,
	body.blue .language-inner .selected a   { background-position: 0 -75px; }
	body.green .language-inner a:hover,
	body.green .language-inner .selected a  { background-position: 0 -100px; }
	
	
	/* FOOTER */
	
	#footer p { margin-top: 15px; }
	
	#footer a {
		color: #7F7575;
		text-decoration: none;
	}
	
	#footer a:hover {
		text-decoration: underline;
	}
	
	
	/* ARROWS */

	#arrow-left,
	#work-arrow-left,
	#arrow-right,
	#work-arrow-right {
		position: absolute;
		display: block;
		width: 50px;
		height: 100%;
		overflow: hidden;
		z-index: 20;
		/*background: #909;*/
	}

	#arrow-left,
	#work-arrow-left {
		top: 0;
		left: 0;
	}
	
	#work-arrow-left { left: 15px; }

	#arrow-right,
	#work-arrow-right {
		top: 0;
		right: 0;
	}
	
	#work-arrow-right { right: 15px; }
	
	#arrow-left a,
	#work-arrow-left a,
	#arrow-left-mini a,
	#arrow-right a,
	#work-arrow-right a,
	#arrow-right-mini a {
		position: relative;
		display: block;
		top: 45px;
		margin: 0 auto;
		width: 50px;
		height: 60px;
		background: url('../images/arrows-sprite.png') no-repeat;
	}
	
	#arrow-left-mini a,
	#arrow-right-mini a {
		background: url('../images/arrows-mini-sprite.png') no-repeat;
	}
	
	#work-arrow-left a,
	#work-arrow-right a {
		top: 0;
	}
	
	#arrow-left-mini a,
	#arrow-right-mini a {
		top: -15px;
	}
	
	#arrow-left a,
	#work-arrow-left a,
	#arrow-left-mini a { background-position: 0 0; }

	#arrow-right a,
	#work-arrow-right a,
	#arrow-right-mini a { background-position: -50px 0; }

	#arrow-left a:hover,
	#work-arrow-left a:hover,
	#arrow-left-mini a:hover { background-position: 0 -60px; }

	#arrow-right a:hover,
	#work-arrow-right a:hover,
	#arrow-right-mini a:hover { background-position: -50px -60px; }

	#arrow-left a.disabled,
	#work-arrow-left a.disabled,
	#arrow-left-mini a.disabled,
	#arrow-left a.disabled:hover,
	#work-arrow-left a.disabled:hover,
	#arrow-left-mini a.disabled:hover { background-position: 0 -120px; cursor: default; }

	#arrow-right a.disabled,
	#work-arrow-right a.disabled,
	#arrow-right-mini a.disabled,
	#arrow-right a.disabled:hover,
	#work-arrow-right a.disabled:hover,
	#arrow-right-mini a.disabled:hover { background-position: -50px -120px; cursor: default; }
	
	#arrow-left a img,
	#work-arrow-left a img,
	#arrow-left-mini a img,
	#arrow-right a img,
	#work-arrow-right a img,
	#arrow-right-mini a img {
		display: none;
	}

	
	/* THUMBS */
	
	.thumb {
		position: relative;
		display: inline; /* for IE */
		left: 3%; /* for IE */
		margin: 1%;
		width: 21.5%; /* for IE */
		float: left;
		overflow: hidden;
		background: url('../images/spinner.gif') no-repeat center;
	}

	.thumb .v { display: none; z-index: 100; }
	.thumb .full { display: none; }
	
	.thumb h3, .thumb h4, .thumb p, .thumb a {
		color: #FFF;
	}
	
	.thumb p {
		font-size: 13px;
		font-weight: bold;
	}
	
	.thumb a { display: none; }
	
	.thumb .thumb-link {
		position: relative;
		display: block !important;
		width: 100%;
		height: 100%;
	}
	
	.thumb .circle-mask {
		position: relative;
		display: block;
		width: 100%;
		border: solid 1px #FFF;
	}
	
	.thumb .work img {
		/* iPhone/iPad uses different values */
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		padding: 0;
	}

	.thumb .v {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	
	.thumb .valign-content {
		text-align: right;
	}
	
	.thumb .go-to-work {
		position: relative;
		display: block;
		margin: 0 0 0 auto;
		padding: 80px 40px 80px 15px;
		width: 130px;
		height: auto;
		text-align: left;
	}
	
	body.red .thumb .go-to-work    { background: url('../images/thumb-hover-red.png') no-repeat right center; }
	body.yellow .thumb .go-to-work { background: url('../images/thumb-hover-yellow.png') no-repeat right center; }
	body.blue .thumb .go-to-work   { background: url('../images/thumb-hover-blue.png') no-repeat right center; }
	body.green .thumb .go-to-work  { background: url('../images/thumb-hover-green.png') no-repeat right center; }
	
	body.method .thumb .go-to-work,
	.thumb.use-a-cuca .go-to-work { background: transparent !important; }

	
	/* THUMB INTERACTION */
	
	body.work .thumb, .thumb.half-hover, .thumb.full-hover { cursor: pointer; }

	.thumb.half-hover .work .v { display: block; } /* changed with jQuery */
	.thumb.half-hover .full,
	.thumb.half-hover .full .v,
	.thumb.half-hover .full-bg { display: none; }  /* changed with jQuery */
	
	.thumb.full-hover .work .v { display: none; }  /* changed with jQuery */

	body.home .full,
	body.home .full .v,
	body.home .full-bg,
	body.method .full,
	body.method .full .v,
	body.method .full-bg,
	.thumb.full-hover .full,
	.thumb.full-hover .full .v,
	.thumb.full-hover .full-bg { display: block !important; } /* changed with jQuery */
	
	.thumb .full .valign-content { text-align: left; }
	
	.thumb .full .go-to-work {
		margin: 0 auto 0 0;
		padding: 0;
		width: auto;
		text-align: left;
	}
	
	.full-bg {
		position: absolute;
		display: block;
		top: 0;
		left: 0;
		margin: -2px 0 0 0;
		width: 100%;
		height: 100%;
	}
	
	body.red .full-bg    { background-color: #CD202C; }
	body.yellow .full-bg { background-color: #EEAF00; }
	body.blue .full-bg   { background-color: #0073CF; }
	body.green .full-bg  { background-color: #34B233; }
	
	
	/* THUMBS REPLACE */
	
	#intro .replace.quem-somos,
	#intro .replace.equipe {
		font: normal 28px/28px FranklinGothicFSBook, Arial, sans-serif !important;
	}
	
	
	/* HOME + METODOLOGIA */
	
	body.home .thumb.use-a-cuca .go-to-work,
	body.method .thumb .go-to-work {
		padding: 0 0 0 7%;
		background: none !important;
	}
	
	body.home .thumb.use-a-cuca .go-to-work a,
	body.method .thumb .go-to-work p {
		font: normal 24px/30px FranklinGothicFSBook, Arial, sans-serif;
		letter-spacing: 0.025em;
		text-transform: uppercase;
		display: block;
		text-decoration: none;
	}
	
	body.method .thumb .go-to-work p {
		padding: 0 0 0 5%;
		color: #FC947A;
	}
	
	body.method .thumb .go-to-work p strong {
		padding: 0 5px 0 0;
		font-weight: normal;
		color: #91202C;
	}
	
	body.home .thumb.use-a-cuca .go-to-work a {
		width: 180px;
		height: 30px;
		/*background: url('../images/thumb-sprite.png') no-repeat 0 0;*/
		/*text-indent: -999em;*/
	}
	
	body.method #intro {
		position: relative;
		display: block;
		margin: 0 0 0 3%;
		padding: 1% 0;
		width: 23.5%;
	}
	
	body.method .intro-inner {
		position: relative;
		display: block;
		margin: 0 auto;
		width: 1px;
		overflow: visible;
	}
	
	body.method #intro h2 {
		position: relative;
		left: -53px;
		padding: 6px 0 26px;
		width: 800px;
		font: normal 17px/20px FranklinGothicFSBook, Arial, sans-serif;
		color: #B1ABAB;
		text-decoration: none;
	}
	
	body.method .group {
		/*background: #F2F1F0;*/
	}
	
	body.method .thumb {
		margin: 0;
		padding: 1.5% 1%;
		overflow: visible;
		background: #F2F1F0;
	}
	
	body.method .thumb .circle-mask {
		padding: 12px 0;
		border: solid 1px #F2F1F0;
	}
	
	body.method .thumb.method-list {
		background: #F2F1F0;
		overflow: visible;
		z-index: 50;
	}
	
	body.method .bottom .thumb {
		padding-top: 0;
	}
	
	body.method .bottom .thumb.method-list {
		position: relative;
		top: 0;
		height: 90px;
		/*background: #FFC;*/
	}
	
	body.method .thumb.method-list ul {
		margin: 0;
		padding: 0 0 0 30px;
		/*background: #FF9;*/
	}
	
	body.method .bottom .thumb.method-list span {
		position: absolute;
		top: auto;
		left: 22px;
		margin-top: 1px;
		width: 13px;
		line-height: 15px;
		font-family: FranklinGothicFSDemi, Arial, sans-serif;
		text-align: center;
		color: #CD202C !important;
		z-index: 60;
	}
	
	body.method .bottom .thumb.method-list ul {
		position: relative;
	}
	
	body.method .thumb.method-list li {
		list-style-type: none;
		list-style-position: outside;
		position: relative;
		display: inline;
		font: normal 12px/16px FranklinGothicFSCondensed, Arial, sans-serif;
		text-transform: uppercase;
	}
	
	body.method .thumb * {
		overflow: visible;
	}
	
	.separation-arrow {
		position: absolute;
		top: -15px;
		left: -50px; /* changed with jQuery */
	}
	
	body.method #footer * {
		color: #5A5050;
	}
	
	
	/* WORK */
	
	#work {
		position: absolute;
		display: block;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	#work #image-box {
		position: relative;
		display: block;
		margin: 0 0 0 auto;
		width: 76%;
		height: auto;
		text-align: center;
		overflow: hidden;
		z-index: 10;
		/*background: #FFC;*/
	}
	
	#work.full #image-box {
		/* .full class added or removed with jQuery */
		width: 100%;
	}
	
	#work #arrow-box {
		position: absolute;
		display: block;
		top: 0;
		left: 0; /* changed by jQuery */
		width: 100%; /* changed by jQuery */
		height: 100%;
		/*background: #FF0;*/
	}
	
	.spacer {
		position: relative;
		display: block;
		width: 100%;
		height: 50px;
	}
	
	#info {
		position: absolute;
		display: block;
		top: 0;
		left: 4%;
		width: 225px;
		height: 100%;
		/*background: #FFC;*/
	}
	
	#info.hidden #info-box {
		/* .hidden class added or removed with jQuery */
		left: -235px;
	}
	
	#info.hidden .slider,
	#info.hidden .info-text h2,
	#info.hidden .info-text h3,
	#info.hidden .info-text h4,
	#info.hidden .info-text p,
	#info.hidden #arrow-right-mini {
		/* .hidden class added or removed with jQuery */
		visibility: hidden;
	}
	
	#info-box {
		position: relative;
		left: 10px;
		display: block;
		background: url('../images/info.png') no-repeat center;
		z-index: 20;
		height: 92.5%;
	}
	
	#info-box .valign-content {
		text-align: center;
	}
	
	.info-text {
		position: absolute;
		display: block;
		top: auto;
		left: auto;
		width: 195px;
		height: 160px;
		text-align: left;
	}
	
	.info-text * {
		position: relative;
		top: -130px;
		left: 15px;
	}
	
	.info-text h2 {
		padding-top: 25px;
		font: normal 14px/16px FranklinGothicFSBook, Arial, Helvetica, sans-serif;
		color: #333;
	}
	
	.info-text h3,
	.info-text h4 {
		padding-bottom: 11px;
		font: normal 10px/16px FranklinGothicFSBook, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		letter-spacing: 0.05em;
	}
	
	.info-text h4 {
		padding-top: 10px;
		padding-bottom: 0;
	}
	
	.info-text #close-image {
		position: absolute;
		display: block;
		top: -145px;
		left: auto;
		right: -25px;
		bottom: auto;
		width: 18px;
		height: 18px;
		background: url('../images/close-sprite.png') no-repeat;
		overflow: hidden;
	}
	
	.info-text #close-image:hover { background-position: 0 -36px; }
	
	.info-text #close-image img {
		display: none;
	}
	
	#zoom-hover {
		position: absolute;
		top: -999em; /* changed with jQuery */
		width: 27px;
		height: 27px;
		background: url('../images/zoom-sprite.png') no-repeat 0 -30px;
		z-index: 20;
	}
	
	#zoom-hover.out { background-position: 0 0; } /* changed with jQuery */
	#zoom-hover.in  { background-position: 0 -30px; } /* changed with jQuery */
	
	
	/* CLIENTS */
	
	#clients {
		width: 100%;
	}
	
	#clients .col-1,
	#clients .col-2,
	#clients .col-3,
	#clients .col-4 {
		position: relative;
		display: inline; /* for IE */
		left: 3%; /* for IE */
		margin: 0.5%;
		width: 23.5%; /* for IE */
		float: left;
		overflow: visible;
	}
	
	#clients .col-1 {
		margin-left: 11.75%;
	}
	
	#clients ul {
		position: relative;
		left: 101px;
	}
	
	#clients li {
		list-style-type: none;
		list-style-position: outside;
	}
	
	#clients li,
	#clients a {
		font: normal 17px/2em FranklinGothicFSBook, Arial, sans-serif;
		color: #B1ABAB;
		text-decoration: none;
	}
	
	body.red #clients a:hover    { color: #CD202C; }
	body.yellow #clients a:hover { color: #EEAF00; }
	body.blue #clients a:hover   { color: #0073CF; }
	body.green #clients a:hover  { color: #34B233; }
	
	/* TRABALHE */
	
	#trabalhe {
		width: 100%;
	}
	
	#trabalhe .col-1,
	#trabalhe .col-2,
	#trabalhe .col-3,
	#trabalhe .col-4 {
		position: relative;
		display: inline; /* for IE */
		left: 3%; /* for IE */
		margin: 0.5%;
		width: 23.5%; /* for IE */
		float: left;
		overflow: visible;
	}
	
	#trabalhe .col-1 {
		margin-left: 0%;
	}
	
	#trabalhe ul {
		position: relative;
		left: 101px;
	}
	
	#trabalhe li {
		list-style-type: none;
		list-style-position: outside;
	}
	
	#trabalhe li,
	#trabalhe a {
		font: normal 17px/2em FranklinGothicFSBook, Arial, sans-serif;
		color: #B1ABAB;
		text-decoration: none;
	}
	
	body.red #trabalhe a:hover    { color: #CD202C; }
	body.yellow #trabalhe a:hover { color: #EEAF00; }
	body.blue #trabalhe a:hover   { color: #0073CF; }
	body.green #trabalhe a:hover  { color: #34B233; }
	
	/* HALF LIST */
	
	body.half-list #intro {
		position: absolute;
		display: block;
		bottom: 0;
		width: 48%;
		height: 85.5%;
		background: url('../images/big-ball.png') no-repeat 0 0;
	}
	
	body.half-list.left #intro { right: 0; }
	body.half-list.right #intro {
		left: 0;
		background: url('../images/big-ball.png') no-repeat right 0;
	}
	
	body.half-list .intro-inner {
		position: relative;
		width: 310px;
	}
	
	body.half-list.left .intro-inner { margin: 30% auto 0; left: 50px; }
	body.half-list.right .intro-inner { margin: 30% auto 0; left: -2.5%; }
	
	body.half-list #intro h2 {
		font-size: 22px;
		line-height: 1.45em;
		text-transform: uppercase;
	}
	
	body.half-list #intro p,
	body.map p {
		font-family: FranklinGothicFSBook, Arial, sans-serif;
		font-size: 15px;
		line-height: 20px;
		padding: 15px 0 0;
	}
	
	body.half-list #intro p a,
	body.map p a {
		padding-right: 16px;
		color: #7F7575;
		text-decoration: none;
		background: url('../images/more-grey.png') no-repeat right center;
	}
	
	body.map p a {
		padding-right: 0;
		background: transparent;
	}
	
	body.half-list #intro p a:hover {
		text-decoration: underline;
	}
	
	body.half-list.red #intro h2, body.half-list.red #intro p       { color: #CD202C; }
	body.half-list.yellow #intro h2, body.half-list.yellow #intro p { color: #C99200; /* darker */ }
	body.half-list.blue #intro h2, body.half-list.blue #intro p     { color: #0073CF; }
	body.half-list.green #intro h2, body.half-list.green #intro p   { color: #34B233; }
	
	body.half-list.left #content {
		left: 1.5%;
		right: auto;
		margin: 0;
		width: 50%;
		/*background: #FFC;*/
	}
	
	body.half-list.right #content {
		left: auto;
		right: 1.5%;
		margin: 0 0 0 50%;
		width: 50%;
		/*background: #FFC;*/
	}
	
	body.half-list .thumb {
		left: 3%; /* for IE */
		margin: 2%;
		width: 43%; /* for IE */
	}
	
	body.half-list .thumb .full .go-to-work {
		width: 90%;
		padding: 0 15px;
		background: transparent !important;
	}
	
	body.half-list #arrow-left,
	body.half-list #arrow-right {
		width: 10%;
	}
	
	body.half-list #arrow-left  { left: -3%; }
	body.half-list #arrow-right { right: -3%; }
	
	
	/* WORK */
	
	body.work #content {
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
	}
	
	body.work #slider-wrap {
		top: 110px;
		height: 190px;
	}
	
	body.work .group {
		height: 190px;
	}
	
	body.work .thumb {
		left: 19px;
		margin: 6px;
		width: 82px;
	}
	
	body.work .thumb img,
	body.work .work img {
		width: 80px;
		height: 80px;
	}
	
	body.work .thumb .circle-mask {
		border: 1px solid #F2F1F0; /**/
	}
	
	body.work #arrow-left-mini,
	body.work #arrow-right-mini {
		position: absolute;
		z-index: 100;
	}
	
	body.work #arrow-left-mini { left: -20px; }
	body.work #arrow-right-mini { left: 195px; }
	
	body.work #arrow-left-mini img,
	body.work #arrow-right-mini img {
		position: relative;
		top: -15px;
	}
	
	body.work .go-to-work {
		position: absolute;
		display: block;
		top: 0;
		left: 0;
		margin: 0;
		padding: 0;
		width: 80px;
		height: 80px;
		background: url('../images/thumb-mask-mini-hover.png') no-repeat 0 0 !important;
	}
	
	body.work.red .thumb:hover .go-to-work,
	body.work.red .thumb.selected .go-to-work    { background-position: -80px 0 !important; }
	body.work.yellow .thumb:hover .go-to-work,
	body.work.yellow .thumb.selected .go-to-work { background-position: -160px 0 !important; }
	body.work.blue .thumb:hover .go-to-work,
	body.work.blue .thumb.selected .go-to-work   { background-position: -240px 0 !important; }
	body.work.green .thumb:hover .go-to-work,
	body.work.green .thumb.selected .go-to-work  { background-position: -320px 0 !important; }
	
	body.work .go-to-work * { display: none; }
	
	
	/* MAP */
	
	body.map #content {
		margin: 0;
		padding: 0;
		height: 100%;
		/*background: #FF0;*/
	}
	
	body.map .fixed-height-valign {
		visibility: hidden;
		width: 100%;
		height: 50%;
		margin-top: -210px;
		float: left;
	}
	
	#google-map {
		position: relative;
		display: block;
		margin: 0 auto;
		width: 900px;
		height: 480px;
		background: url('../images/contact-bg.png') no-repeat right center;
		clear: both;
	}
	
	#google-map p {
		position: absolute;
		display: block;
		top: 178px;
		right: 35px;
	}
	
	body.map #footer {
		display: none;
	}

	
	/* VERTICAL ALIGNMENT */

	.valign-wrap {
		/* IE7- uses different vertical alignment rules */
		position: absolute;
		display: table;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	
	.valign-bottom {
		/* IE7- uses different vertical alignment rules */
		position: static;
		display: table-cell;
		vertical-align: bottom;
	}
	
	.valign-middle {
		/* IE7- uses different vertical alignment rules */
		position: static;
		display: table-cell;
		vertical-align: middle;
	}

	.valign-content {
		/* IE7- uses different vertical alignment rules */
		position: static;
	}
	
}