@charset "utf-8";
@font-face {
    font-family: 'avantgarde-boldbold';
    src: url('font/avantgarde-bold-webfont.eot');
    src:url('font/avantgarde-bold-webfont.svg#avantgarde-boldbold') format('svg'), url('font/avantgarde-bold-webfont.eot?#iefix') format('embedded-opentype'),url('font/avantgarde-bold-webfont.woff') format('woff'),url('font/avantgarde-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/* FONT */
a, a:hover, a:visited, a:active { text-decoration:none; color:inherit; }
a.underline, a.unerlinehover:hover { text-decoration:underline; }
.reg {font-family: 'avantgarde-boldbold', Arial, sans-serif;}
.italic {font-family: 'avantgarde-boldbold', Arial, sans-serif;}
.bold {font-family: 'avantgarde-boldbold', Arial, sans-serif;}
.bolditalic {font-family: 'avantgarde-boldbold', Arial, sans-serif;}
.yellow, a.yellow { color:#ffcc00; }
.lightergrey, a.lightergrey { color:#999999; }
.lightgrey, a.lightgrey { color:#666666; }
.darkgrey, a.darkgrey { color:#333333; }
.black, a.black { color:#000000; }
.white, a.white { color:#FFFFFF; }
.white80, a.white80 { color:rgba(255,255,255,0.8); }
.lightpink, a.lightpink { color:#f1bfd4; }
.pink, a.pink { color:#ff0099; }
.darkpink, a.darkpink { color:#cc0066; }
.lightblue, a.lightblue { color:#b2ecff; }
.blue, a.blue { color:#336699; }
.iosfix {
  height: 101%;
  overflow: hidden;
}
.arial { font-family:Arial, Helvetica, sans-serif; letter-spacing:1em;}

.size11 { font-size:11px; letter-spacing:-0.04em;}
.size12 { font-size:12px; letter-spacing:-0.04em;}
.contactsize12 { font-size:12px; font-family:Arial, Helvetica, sans-serif; letter-spacing:0em; margin-top:15px; }
.size14 { font-size:14px; letter-spacing:-0.04em;}
.size16 { font-size:16px; letter-spacing:-0.04em;}
.size18 { font-size:18px; letter-spacing:-0.04em;}
.size20 { font-size:20px; letter-spacing:-0.04em;}
.size22 { font-size:22px; letter-spacing:-0.04em;}
.size24 { font-size:24px; letter-spacing:-0.04em;}
.size30 { font-size:30px; letter-spacing:-0.04em;}
.size36 { font-size:36px; letter-spacing:-0.06em; }
#scenery .size36 { font-size:34px; letter-spacing:-0.06em; }
.size42 { font-size:42px; letter-spacing:-0.06em; }
.size48 { font-size:48px; letter-spacing:-0.06em; }
.size50 { font-size:50px; letter-spacing:-0.04em;}
.size52 { font-size:52px; letter-spacing:-0.06em;}
.size80 { font-size:80px; letter-spacing:-0.06em; }
.size95 { font-size:95px; letter-spacing:-0.06em; }
p { padding-bottom:10px; }
h2 { font-size:4.5em; padding: 30px 0px; letter-spacing:-0.05em; }
h3 { font-size: 1.2em; padding-bottom:15px; }
h4 { font-size:1.5em; padding: 3px 0; }

.editorbody h1 { font-size:30px; letter-spacing:-0.05em; padding: 0px 0px 15px 0px; }
.editorbody h2 { font-size:24px; letter-spacing:-0.05em; padding: 0px 0px 10px 0px; }
.editorbody h3 { font-size:20px; letter-spacing:-0.05em; padding: 0px 0px 10px 0px; }

.nowrap {
	white-space:nowrap;
}
.testimonial p {
	line-height:1.5em;
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	letter-spacing:normal;
}
.portfolio .title-area h2, .contact .title-area h2, .awards .title-area h2 {
	padding: 60px 0 0 0;
}
.portfolio .title-area h3{
	padding: 0 0 40px 0;
	color: #8c8c8c;
}
.contact .title-area h3, .awards .title-area h3 {
	padding: 0 0 40px 0;
}
.portfolio-content li h4.arial {
	font-family:Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:normal;  font-size:0.685em; 
}
.awards .title-area p {
	padding-top:15px;
}


.loading {
	position:fixed;
	top:50%;
	left:50%;
	width:32px;
	height:32px;
	margin: -26px 0 0 -26px;
	background:#FFF url(img/loading.gif) no-repeat center;
	z-index:110000;
	display:none;
	border-radius:100px;
	padding:10px;
}
.twitt-wrap {
	float:left; 
	margin-right:10px; 
	width:60px;
	overflow:hidden; 
	height:20px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
.nopadding{ padding:0px;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px;}
.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
a.tag {
	border-radius: 5px;
	background:#FFCC00;
	padding:2px 15px 8px 15px;
	margin:2px;
	display:inline-block;
	opacity:0.6;
	filter:Alpha(opacity=60);
}
a.tag.active {
	opacity:1;
	filter:Alpha(opacity=100);
}
.hide {
	height:1px !important;
	overflow:hidden;
	opacity:0;
	filter:Alpha(opacity=0);
}
.hidden{
	display:none;
}
.nolnk{
    cursor: default;
}
.alphaOut {
	opacity:0;
	filter:Alpha(opacity=0);
}
a.tag:hover { text-decoration:none; }
.shadow-right { 
	-webkit-box-shadow:  10px 0px 20px 0px rgba(0, 0, 0, 0.4);
    box-shadow:  10px 0px 20px 0px rgba(0, 0, 0, 0.4);
}
.shadow-left { 
	-webkit-box-shadow:  -10px 0px 20px 0px rgba(0, 0, 0, 0.4);
    box-shadow:  -10px 0px 20px 0px rgba(0, 0, 0, 0.4);
}
.shadow-right-large { 
	-webkit-box-shadow:  20px 0px 40px 0px rgba(0, 0, 0, 0.6);
    box-shadow:  20px 0px 40px 0px rgba(0, 0, 0, 0.6);
}
.shadow-left-large { 
	-webkit-box-shadow:  -20px 0px 40px 0px rgba(0, 0, 0, 0.6);
    box-shadow:  -20px 0px 40px 0px rgba(0, 0, 0, 0.6);
}

body {
	font-family: 'avantgarde-boldbold', Arial, sans-serif; letter-spacing: 0;
	font-weight:normal;
	color:#FFFFFF;
	font-size:1em;
	text-align:center;

}
a, a:active, a:hover, a:visited {
	border:none;
	outline:none;
}
.clear {
	clear:both;
}
.section-wrap {
	width:100%;
	position:relative;
	z-index:850;
}
.section-wrap .content, .footer .content {
	width:980px;
	margin: 0 auto;
	padding-bottom:25px;
	clear:both;
}
.relative {
	position:relative;
}
.footer .content{
	padding-bottom:0px;
}
.center {
	text-align:center;
}
.upper {
	text-transform:uppercase;
}
.serrate-portfolio, .serrate-social, .serrate-awards, .serrate-contact {
	background:url(img/portfolio-serrated-crossover.png) repeat-x;
	height:16px;
	width:100%;
	position:absolute;
	top:-16px;
}
.serrate-social {
	background:url(img/social-serrated-crossover.png) repeat-x;
}
.serrate-contact {
	background:url(img/contact-sea-crossover.png) repeat-x;
	height:32px;
	top:-32px;
}
.serrate-awards {
	z-index:1000;
	top:-1px;
	background:url(img/awards-serrated-top.png) repeat-x;
}

/****
* TRANSITIONS
*****/
.no-safari .curtain, .no-safari .trap-door{
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
}
.no-safari #preloader, .no-safari .intro-balloon, .no-safari #introtext h1, .no-safari #introtext p, .no-safari .client-balloon, .no-safari .service-balloon {
	transition: top 0.2s;
	-webkit-transition: top 0.2s;
}

.firefox .curtain, .firefox .trap-door{
	transition: none !important;
	-webkit-transition: none !important;
}
.firefox #preloader, .firefox .intro-balloon, .firefox #introtext h1, .firefox #introtext p, .firefox .client-balloon, .firefox .service-balloon {
	transition: none !important;
	-webkit-transition: none !important;
}
/*
.no-firefox .curtain, .no-firefox .trap-door{
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
}
.no-firefox #preloader, .no-firefox #nav-wrap, .no-firefox .intro-balloon, .no-firefox #introtext h1, .no-firefox #introtext p, .no-firefox .client-balloon, .no-firefox .service-balloon {
	transition: top 0.2s;
	-webkit-transition: top 0.2s;
}
*/
/****
* NAVIGATION
*****/
.navback {
	position:fixed;
	right:0px;
	z-index:1500;
	width:210px;
	top:0px;
	height:100%;
	background-color:rgba(255,255,255,0.4);
}
.no-ipad .navback {
	transition: all 0.1s;
	-webkit-transition: all 0.1s;
}
#nav-wrap.closed, .navback.closed {
	right:-204px;
}
#nav-wrap {
	position:fixed;
	right:0px;
	top:-0px;
	z-index:1600;
}
ul.navigation {
	list-style:none;
	width:190px;
	padding-left: 20px;
	padding-top:25px;
	height:100%;
}

.no-ipad #nav-wrap  {
	transition: all 0.1s;
	-webkit-transition: all 0.1s;
}
ul.navigation.back {
	background-color:rgba(255,255,255,0.4);
}
ul.navigation a.open {
	display:block;
	background-image:url(img/nav/btn_mainmenu.png);
	background-repeat:no-repeat;
	background-position: 5px 5px;
	background-color:rgba(255,255,255,0.4);
	-webkit-border-top-left-radius: 70px;
	-webkit-border-bottom-left-radius: 70px;
	-moz-border-radius-topleft: 70px;
	-moz-border-radius-bottomleft: 70px;
	border-top-left-radius: 70px;
	border-bottom-left-radius: 70px;
	position:absolute;
	padding:5px 0px 5px 5px;
	width:64px;
	height:65px;
	left:-69px;
	top:25px;
}
.no-ipad  ul.navigation a.open {
	transition: padding-right 0.2s, left 0.2s;
	-webkit-transition: padding-right 0.2s, left 0.2s;
}
.no-ipad ul.navigation a.open:hover {
	padding-right:7px;
	left:-76px;
	transition: padding-right 0.2s, left 0.2s;
	-webkit-transition: padding-right 0.2s, left 0.2s;
}
ul.navigation.static-nav {
	top:25px;
	
}

ul.navigation li {
	text-align:right;
	padding: 2px 15px 0px 0px;
	transition: padding 0.3s;
	-webkit-transition: padding 0.3s;
}
ul.navigation li:hover {
	text-align:right;
	padding-right:25px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	color:#cc0066
}
ul.navigation li.logo{
	margin-bottom:25px;
	text-align:center;
	padding:0px;
	padding-right:5px;
	text-align:left;
	background:url(img/nav/rightnav_logo.png) no-repeat;
	width:176px;
	height:176px;
}
ul.navigation li.title {
	background:#FFFFFF;
	padding: 4px 15px 2px 0px;
	margin: 10px 0 10px 0;
	
	transition: padding 0.3s;
	-webkit-transition: padding 0.3s;
}
ul.navigation li.title:hover {
	padding-right:20px;
	transition: padding 0.3s;
	-webkit-transition: padding 0.3s;
}
/*****
* PORTFOLIO
******/
.portfolio {
	background-color:#191919;
	background-image:url(img/portfolio-bg.jpg);
	background-repeat:repeat;
	background-attachment:scroll;
	padding: 0px;
}
.portfolio .portfolio-filter { 
	border-top: 2px solid #666666;
	border-bottom: 2px solid #666666;
	margin-bottom:15px;
	padding:25px 0px;
	height:110px;
	position:relative;
}
.portfolio .portfolio-filter ul{
	list-style:none;
}
.portfolio .portfolio-filter ul li  {
	display:inline-block;
	margin:0px 5px;
}
.portfolio .portfolio-filter ul li a {
	width:111px;
	height:110px;
	display:block;
	text-indent:-9999px;
	opacity:0.6;
	filter:Alpha(opacity=60);
}

.portfolio .portfolio-filter ul li a.active {
	opacity:0.9;
	filter:Alpha(opacity=90);
}
.portfolio .portfolio-filter ul li a:hover {
	opacity:1;
	filter:Alpha(opacity=100);
}
.portfolio .portfolio-content {
	height: 656px;
	overflow:hidden;
	text-align:left; 
	position:relative;
	margin-bottom:25px;
	vertical-align:top;
}
.portfolio .portfolio-content ul {
	width:980px;
	display:block;
	position:relative;
}

.portfolio .portfolio-content ul li {
	float:left;
	width:217px;
	margin:8px 35px 0px 0px;
	height:330px;
}
.portfolio .portfolio-content ul li.end {
	margin-right:0px;
}
.portfolio .portfolio-content ul li .port-img {
	width:207px;
	height:207px;
	border: 5px solid #FFFFFF;
	background:#fff;
	display:block;
	position:relative;
	cursor:pointer;
	background-position: center center;
	background-size:100% 100%;
	transition: background-size 0.5s;
	-webkit-transition: background-size 0.5s;
	
}
.portfolio .portfolio-content ul li .port-img:hover {
	background-size:130% 130%;
}	 
.portfolio .portfolio-content ul li .port-img.empty {
	border:5px solid #888888 !important;
	position:relative;
	background:rgba(0,0,0,0.4);
}
.portfolio .portfolio-content ul li .port-img.empty .vert-line {
	position:absolute;
	left:50%;
	top:50%;
	height:90px;
	width:8px;
	margin-left:-4px;
	margin-top:-45px;
	background:#888888;
}
.portfolio .portfolio-content ul li .port-img.empty .horz-line {
	position:absolute;
	left:50%;
	top:50%;
	width:90px;
	height:8px;
	margin-top:-4px;
	margin-left:-45px;
	background:#888888;
}
.portfolio .portfolio-content ul li .port-img:hover {
	border-color:#FFCC00;
}
.portfolio .portfolio-content ul li .port-img:hover .cover {
	opacity:100;
	display:none;
	filter:Alpha(opacity=100);
	transition: opacity 0.5s, filter 0.5s, border-color 0.5s;
	-webkit-transition: opacity 0.5s, filter 0.5s, border-color 0.5s;
}
.portfolio .portfolio-content ul li .port-img .cover {
	opacity:0;
	display:none;
	filter:Alpha(opacity=0);
	background-color:rgba(0,0,0,0.7);
	background-repeat:no-repeat;
	background-position: center;
	position:relative;
	height:100%;
	width:100%;
	transition: opacity 0.5s, filter 0.5s, border-color 0.5s;
	-webkit-transition: opacity 0.5s, filter 0.5s, border-color 0.5s;
}
.portfolio .portfolio-content ul li .port-img .cover img {
	margin-top:40%;
}
.portfolio .portfolio-content ul li  h3 {
	margin-top:20px;
	padding-bottom:0px;
}
.portfolio .portfolio-tags {
	width:600px; 
	margin:10px auto;
	height:90px;
	overflow:hidden;
	display:none;
}
.portfolio .toggle-container {
	position:absolute;
	top:50px;
	right:50px;
}
.portfolio .toggle{
	border-radius:10px;
	border:4px solid #333333;
	width:100px;
	height:23px;
	padding: 3px 0 0 0;
	background:#000;
	position:relative;
	margin-top:10px;
	cursor:pointer;
}
.portfolio .toggle .handle {
	border-radius:10px;
	background:#ffcc00;
	height:18px;
	width:50px;
	padding: 4px 0 8px 0;
	position:absolute;
	top:-2px;
	left:52px;
}
.backtoall-wrap {	
	margin-bottom:10px;
}
.backtoall {
	background-image:url(img/load_more.png);
	background-repeat:no-repeat;
	background-position:top center;
	padding:70px 15px 2px 15px;
	margin:0px;
	display:block;
}
.pagination {
	margin-top:25px;
}
.pagination a {
	display:inline-block;
	background:#c8c8c8;
	width:18px;
	height:18px;
	border-radius:10px;
	text-indent:-9999px !important;
	margin: 0 3px;
}
.pagination a.active {
	background:#cc3366;
}
/*****
* SOCIAL
******/
.social {
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIxJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(242,242,242,1) 0%, rgba(242,242,242,1) 21%, rgba(242,242,242,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(21%,rgba(242,242,242,1)), color-stop(100%,rgba(242,242,242,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(242,242,242,1) 21%,rgba(242,242,242,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(242,242,242,1) 21%,rgba(242,242,242,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(242,242,242,1) 21%,rgba(242,242,242,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(242,242,242,1) 0%,rgba(242,242,242,1) 21%,rgba(242,242,242,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#00f2f2f2',GradientType=0 ); /* IE6-8 */
	padding: 0px;
}
.social ul.social-feature {
	list-style:none;
	margin:0px 0px 10px 0px;
	padding-top:50px;
}
.social ul.social-feature li {
	display:inline-block;
	margin: 0 15px;
	height:220px;
}
.social ul.social-feature li a.sprite {
	display:block;
	width:196px;
	height:196px;
}
.social ul.social-feature li a.sprite:hover {
	opacity:0.6;
	filter:Alpha(opacity=60);
}
.social ul.social-feature li .follow {
	margin:10px 0 0 0;
	display:inline-block;
	height:25px;
	overflow:hidden;
	width:150px;
	text-align:center;
}
/*****
* TESTIMONIALS
******/
.testimonials {
	background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIxJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top,rgba(242,242,242,1) 0%,rgba(242,242,242,1) 21%,rgba(242,242,242,0) 100%) white;
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(242,242,242,1)),color-stop(21%,rgba(242,242,242,1)),color-stop(100%,rgba(242,242,242,0))) white;
	background:-webkit-linear-gradient(top,rgba(242,242,242,1) 0%,rgba(242,242,242,1) 21%,rgba(242,242,242,0) 100%) white;
	background:-o-linear-gradient(top,rgba(242,242,242,1) 0%,rgba(242,242,242,1) 21%,rgba(242,242,242,0) 100%) white;
	background:-ms-linear-gradient(top,rgba(242,242,242,1) 0%,rgba(242,242,242,1) 21%,rgba(242,242,242,0) 100%) white;
	background:linear-gradient(to bottom,rgba(242,242,242,1) 0%,rgba(242,242,242,1) 21%,rgba(242,242,242,0) 100%) white;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2',endColorstr='#00f2f2f2',GradientType=0) white;
}
.testimonials-wrap {
	position:relative;
}
.testimonial {
	position:absolute;
	top:0px;
	width:700px;
	left:140px;
}
.testimonial .logo {
	margin: 0 0 25px 0;
}
.testimonial .quote {
	width:700px;
	margin:0 auto;
	position:relative;
}
.startquote {
	position:absolute;
	left:0px;
	width:95px;
	top:100px;
	height:59px;
	background-image:url(img/quote1.png);
}
.endquote {
	position:absolute;
	right:0px;
	top:100px;
	width:95px;
	height:59px;
	background-image:url(img/quote2.png);
}
.slide.testimonial p {
	font-style:italic;
	line-height: 1.3em;
	margin: 10px 50px 0px 50px;
}
.slide.testimonial p.lightergrey {
	font-size:14px;
}
.testimonial .quote a.more{
	margin: 10px 0 25px 0;
	display:inline-block;
}
/**
*	PRELOADER
*/
#preloader {
	width:404px;
	height:404px;
	margin-left:-202px;
	margin-top:-202px;
	z-index:2001;
	position:fixed;
	top:40%;
	left:50%;
}
#preloader-raphael{
	width:404px;
	height:404px;
	background-image:url(img/updated/preloader-back.png);
	background-size:100%;
}
#preloader .trap-door {
	height:42px;
	width:124px;
	background-image:url(img/updated/preloader-circle-door.png);
	background-repeat:no-repeat;
	position:absolute;
	bottom:1px;
	left: 79px;
	display:none;
	transform-origin:0% 0%;
	-ms-transform-origin:0% 0%;
	-webkit-transform-origin:0% 0%;
	-o-transform-origin:0% 0%;
	-moz-transform-origin:0% 0%;
}
#preloader .trap-door.right {
	background-position:right;
	right:81px;
	left:auto;
	transform-origin:100% 0%;
	-ms-transform-origin:100% 0%;
	-webkit-transform-origin:100% 0%;
	-o-transform-origin:100% 0%;
	-moz-transform-origin:100% 0%;
}
#scenery {
	/* background-image: url(img/scenery-bg-texture.png); */
	background-repeat:repeat;
	background-attachment:fixed;
}
.scenery .curtain-wrap {
	position:fixed;
	width:50%;
	height:100%;
	overflow:hidden;
	top:0px;
	z-index:2000;
}
.scenery .curtain {
	background:#ffcc00 scroll repeat; /*  url(img/patterns/circular2.png) */
	width:100%;
	position:absolute;
	height:100%;
	top:0px;
}
.scenery .curtain-wrap.left .curtain,.scenery .curtain-wrap.left { left:0px; background-position:right; }
.scenery .curtain-wrap.left{ left:1px; }
.scenery .curtain-wrap.right .curtain, .scenery .curtain-wrap.right { right:0; background-position:left;}

#loadingText {
	position:absolute;
	bottom:-20%;
	width:100%;
	left:0px;
	z-index:2001;
}

#scrollToStart {
	position:absolute;
	bottom:-50px;
	width:500px;
	margin-left:-250px;
	z-index:2001;
	left:50%;
	display:none;
}

.centerposblock {
	position:fixed;
	overflow:visible;
	top:40%;
	left:50%;
	width:1px;
	height:1px;
	text-align:center;
}
.flickerfix, .flickerfixChildren * {
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
	-webkit-transform:translateZ(0);
	-webkit-transform-style: preserve-3d;
	
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	
	visibility:visible;
}
#introtext h1, #introtext p {
	position:absolute;
	top:260px;
	width:800px;
	margin-left:-400px;
	left:50%;
	padding:0px;
	z-index:200;
}
#introtext h2.wide, #introtext p.wide {
	width:1000px;
	margin-left:-500px;
}

.kokologo-small {
	display:block;
	height:36px;
	background:url(img/koko-small.png) no-repeat center;
}
#cloudcontainer {
	position:fixed;
	top:-300px;
	width:100%;
}
.cloud {
	position:absolute;
	z-index:-1;
}
.cloud1 {
	width:460px;
	height:300px;
	background:url(img/cloud1.png);
}
.cloud2 {
	width:204px;
	height:190px;
	background:url(img/cloud2.png);
}
.cloud3 {
	width:300px;
	height:183px;
	background:url(img/cloud3.png);
}
.balloon {
	position:absolute;
}
.balloon.large {
	background-image:url(img/balloonlarge.png);
	width:188px;
	height:268px;
	margin-left:-94px;
}
.balloon.medium {
	background-image:url(img/balloonmedium.png);
	width:132px;
	height:187px;
	margin-left:-66px;
}
.balloon.small {
	background-image:url(img/balloonsmall.png);
	width:113px;
	height:161px;
	margin-left:-56px;
}
.balloon img {
	margin-top:25%;
}
.down-scroll {
	background:url(img/ScrollTab.png);
	width:116px;
	height:59px;
	bottom:-59px;
	position:fixed;
	left:50%;
	margin-left:-58px;
	z-index:1000;
	cursor:pointer;
}
.down-scroll:hover {
	bottom:0px;
}
/*****
* AWARDS
******/
.awards { 
	padding:0px;
	background-color:#191919;
	background-image:url(img/updated/portfolio_wallpaper.gif);
	background-repeat:repeat;
	background-attachment:scroll;
}
.awards .title {
	text-indent:-10000px;
	background: url(img/awards-title.png) center bottom no-repeat;
	height:63px;
	padding-bottom:0px;
	margin-bottom:10px;
}
.awards .plaques {
	background:url(img/updated/awards_frames8.png) no-repeat;
	width:977px;
	height:440px;
	margin:25px 0 65px 0;
}
.awards .curtain {
	top:0px;
	width:50%;
	height:742px;
	overflow:hidden;
	position:absolute;
}
.awards .curtain div {
	background-image:url(img/updated/awardscurtain.jpg);
	position:absolute;
	top:0px;
	width:100%;
	height:742px;
	z-index:1;
}
.awards .curtain.left, .awards .curtain.left div {
	background-position: right;
	left:0px;
}
.awards .curtain.right, .awards .curtain.right div {
	background-position: left;
	right:0px;
}

.ipad .awards .curtain.left div {
	left:-500px;
}
.ipad .awards .curtain.right div {
	right:-500px;
}
/*****
* CONTACT
******/
.contact {
	background:#00aae2 url(img/patterns/sea.jpg) repeat;
}
.contact .content {
	padding-bottom:0px;
}
.contact .hook {
	background:url(img/fishing-hook.png);
	width:83px;
	height:400px;
	position:fixed;
	top:-400px;
	right:250px;
	display:none;
}
.contact .bubble {
	background:url(img/contact-bubble.png) no-repeat;
	background-size: cover;
	width:675px;
	height:675px;
	position:absolute;
	right:-95px;
	top:-10px;
	paddgin-top:20px;
}
.contact .bubble.small {
	width:450px;
	height:440px;
	padding-top:5px;
	padding-bottom:5px;
	right:auto;
	left:-40px;
	top:-45px;
}
.contact .bubble.small .sprite {
	margin:25px auto 10px auto;
}
.contact .bubble.small h3 {
	margin: 5px 0;
}
.contact .bubble.autosize {
	width:auto;
	height:auto;
	padding:20px;
}
.contact .bubble.autosize a {
	display:block;
}

.contact .contact-info {
	height:660px;
}
.radius5 {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.radiusRound {
	-webkit-border-radius: 1000px;
	-moz-border-radius: 1000px;
	border-radius: 1000px;
}
::-webkit-input-placeholder	{ color:#3fb7df; }
input:-moz-placeholder { color:#3fb7df; }

input:-ms-placeholder { color:#3fb7df; }
::-ms-input-placeholder	{ color:#3fb7df; }
:-ms-input-placeholder	{ color:#3fb7df; }
.textarea, .input {
	background:rgba(255,255,255,0.5);
	border: 2px solid rgba(255,255,255,0.01);
	width:330px;
	height:30px;
	padding: 3px 8px;
	margin-bottom:10px;
	color:#0099cc;
	transition: background 0.2s, color 0.2s;
	-webkit-transition: background 0.2s, color 0.2s;
	font-family:Arial, Helvetica, sans-serif; font-weight:bold;
}
.incognitofield {
	width:1px;height:1px;
	overflow:hidden;
	position:fixed;
	left:-1000px;
	top:-1000px;
} 
.select {
	width:350px;
	padding: 5px 8px;
	height:35px;
	color: #3fb7df;
	font-family:Arial, Helvetica, sans-serif; font-weight:bold;
}
.textarea.active, .input.active {
	background:rgba(255,255,255,1);
	color:#0099cc;
	border-top:2px solid #007ea8;
	border-right:2px solid #16a2d0;
	border-bottom:2px solid #29a9d4;
	border-left:2px solid #0089b7;
}
.scubasteve {
	position:absolute;
	background:url(img/scuba1.png);
	width:125px;
	height:54px;
	right:0px;
	top:10px;
	z-index:10000;
}
.scuba {
	position:absolute;
	background:url(img/scuba2.png);
	width:101px;
	height:125px;
	right:565px;
	top:450px;
	z-index:10000;
}
.astericks {
	width:27px;
	height:25px;
	position:absolute;
	right:100px;
	margin-top:5px;
	background:url(img/astericks.png)
}
.textarea {
	height:150px;
	resize:none;
	color:#0099cc;
}
.contact-form-wrap {
	position:relative;
}
.contact-form-wrap .contact-cover {
	position:absolute;
	width:100%;
	height:100%;
	display:none;
	padding-top:200px;
	background:rgba(255,255,255,0.01);
	z-index:10000;
}
a.sendbutton {
	background:#57d6ff;
	padding: 11px 10px 7px 10px;
	display:block;
	margin: 0 auto;
	width:330px;
	color:#FFFFFF;
	font-size:20px;
	cursor:pointer;
	border-top: 4px solid #9ae6ff;
	-moz-box-shadow: 0px 9px #009fd4;
	-webkit-box-shadow: 0px 9px #009fd4;
	box-shadow: 0px 9px #009fd4;
}
/*****
* FOOTER
******/
.footer {
	background:#000000;
	padding: 15px 0;
	width:100%;
	position:relative;
	z-index:9000;
}

/*** FRAME ***/
.slideOutCover {
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background: rgba(0,0,0,0.5);
	overflow:hidden;
	z-index:20000;
}


/*****
* SPRITE SHEET
******/
.sprite, a.sprite { background-image:url(img/SpriteSheet.png); }
.sprite.media { background-position: 0px 0px; }
.sprite.games { background-position: -111px 0px; }
.sprite.mobile { background-position: -222px 0px; }
.sprite.twitter-large { background-position: 0px -112px; }
.sprite.linkedin-large { background-position: -196px -112px; }
.sprite.pintrest-large { background-position: 0px -308px; }
.sprite.facebook-large { background-position: -196px -308px; }
.sprite.emailbubble { background-position: -186px -504px; width:48px; height:48px; }
.sprite.phonebubble { background-position: -234px -504px; width:51px; height:51px; }
.sprite.pintrestbubble { background-position: -285px -504px; width:52px; height:52px; }
.sprite.facebookbubble { background-position: 0px -566px; width:60px; height:60px; }
.sprite.twitterbubble { background-position: -60px -566px; width:69px; height:69px; }




/*****
* SERVICES
******/
.leftPanel {
	position:absolute;
	top:0px;
	left:-500px;
	width:490px;
	height:100%;
	background-color: #FFFFFF;
}
.leftPanel .frame {
	width:427px;
	padding-right: 20px;
	overflow:hidden;
	overflow-y:auto;
	height:100%;
	margin:25px;
	position:relative;
}
.leftPanel .close {
	background-color:#FFFFFF;
	-webkit-border-top-right-radius: 70px;
	-webkit-border-bottom-right-radius: 70px;
	-moz-border-radius-topright: 70px;
	-moz-border-radius-bottomright: 70px;
	border-top-right-radius: 70px;
	border-bottom-right-radius: 70px;
	position:absolute;
	padding:5px 5px 4px 0px;
	width:60px;
	height:60px;
	cursor:pointer;
	right:-65px;
	top:25px;
}

.no-ipad  .leftPanel .close {
	transition: padding-left 0.2s, right 0.2s;
	-webkit-transition: padding-left 0.2s, right 0.2s;
}

.no-ipad .leftPanel .close:hover {
	padding-left:7px;
	right:-72px;
	transition: padding-left 0.2s, right 0.2s;
	-webkit-transition: padding-left 0.2s, right 0.2s;
}


.service .mainicon {
	margin: 20px 0px 30px 0px;
}
.service p {
	padding-bottom:20px;
}
.service p.nopadding {
	padding:0px;
}
.service .greyline {
	background:#e1e7ec;
	height:8px;
	width:100%;
}
.service .greyline h1 {
	background:#FFFFFF;
	padding: 0px 15px;
	display:inline-block;
	margin-top:-8px;
}
.service .content {
	margin-top:10px;
	padding: 20px;
	line-height:1.6em;
	text-align:justify;
}
.service .content a {
	text-decoration: underline;
	color:#336699;
	white-space:nowrap;
}
.service .content strong, .service .content b {
	font-weight: bold;
}
.service .content a:hover {
	color:#0099cc;
}

.service .content ul, .service .content ol {
	margin-left:40px;
	margin-bottom:20px;
}
.service .content ol li {
	list-style:decimal;
	color:#336699 !important;
	margin-bottom:5px;
}
.service .content ul li {
	list-style:disc;
	color:#336699 !important;
	margin-bottom:5px;
}
.pinkbutton, .pinkbutton:hover  {
	-webkit-border-radius: 1000px;
	-moz-border-radius: 1000px;
	border-radius: 1000px;
	text-align:center;
	text-transform:uppercase;
	font-family: 'avantgarde-boldbold',Arial,sans-serif;
	color:#FFFFFF !important;
	font-size:24px;
	background:#cc0066;
	padding: 10px;
	display:block;	
	width:96%;
	cursor:pointer;
	border-top: 4px solid #e066a3 !important;
	-moz-box-shadow: 0px 9px #e7e7e7;
	-webkit-box-shadow: 0px 9px #e7e7e7;
	box-shadow: 0px 9px #e7e7e7;
	text-decoration:none !important;
}
.yellowbutton, .yellowbutton:hover  {
	text-transform:uppercase;
	-webkit-border-radius: 1000px;
	-moz-border-radius: 1000px;
	border-radius: 1000px;
	text-align:center;
	font-family: 'avantgarde-boldbold',Arial,sans-serif;
	color:#333333 !important;
	font-size:24px;
	background:#ffcc00;
	padding: 10px;
	display:block;	
	width:96%;
	cursor:pointer;
	border-top: 4px solid #ffe484 !important;
	-moz-box-shadow: 0px 9px #e7e7e7;
	-webkit-box-shadow: 0px 9px #e7e7e7;
	box-shadow: 0px 9px #e7e7e7;
	text-decoration:none !important;
}

.service{
	color: #333333;
}

.service ul{
	font-family: Arial;
	font-weight: bold;
	margin: 0 0 20px 20px;
}
.service h1{
		font-family: 'avantgarde-boldbold',Arial,sans-serif;
}
.service .content {
	padding: 20px 0px;
}
.service .cookie {
	color: #999;
}
.service .cookie a {
	margin: 0 3px 0 3px;
}

.service p{
	font-family: Arial;
	letter-spacing:normal;
	font-weight: inherit;
}
.service .cookie{
	font-size:10px;
	font-family: Arial;
	letter-spacing:normal;
	font-weight: inherit;
}
.service .greyline{
	margin: 20px 0 0 0;
}

.client-balloon {
	background:url(img/animation/clientballoon.png) no-repeat;
	width:160px;
	height:270px;
	position:absolute;
	background-size:100% 100%;
	z-index:1000;
}
.client-directors, .client-balloon .client-one, .client-balloon .client-two, .client-balloon .client-three, .client-balloon .client-four, .client-balloon .client-five, .client-balloon .client-six, .client-balloon .client-seven, .client-balloon .client-eight, .client-balloon .client-nine {
	background-image:url(img/animation/client1.png);
	background-repeat:no-repeat;
	width:45px;
	height:37px;
	position:absolute;
	top:205px;
	left:55px;
	background-size:360px 37px;
}
.client-directors {
	background-image:url(img/animation/directors.png);
	height:114px;
	top:559px;
	left:75px;
	width:255px;
	background-size:2040px 114px;
}
.client-balloon .client-two {
	background-image:url(img/animation/client2.png);
	height:40px;
	width:40px;
	top:202px;
	left:58px;
	background-size:120px 120px;
}
.client-balloon .client-three {
	background-image:url(img/animation/client3.png);
	background-size:114px 111px;
	width:38px;
	height:37px;
	left:60px;
}
.client-balloon .client-four {
	background-image:url(img/animation/client4.png);
	width:67px;
	height:33px;
	top:209px;
	left:50px;
	background-size:201px 99px;
}
.client-balloon .client-five {
	background-image:url(img/animation/client5.png);
	width:82px;
	height:38px;
	left:10px;
	background-size:82px 38px;
}
.client-balloon .client-six {
	background-image:url(img/animation/client6.png);
	width:38px;
	height:37px;
	background-size:114px 111px;
	left:62px;
}
.client-balloon .client-seven {
	background-image:url(img/animation/client7.png);
	width:35px;
	height:37px;
	background-size:105px 111px;
}
.client-balloon .client-eight, .client-balloon .client-nine {
	background-image:url(img/animation/client8.png);
	width:28px;
	height:37px;
	background-size:28px 296px;
	left:65px;
}
.client-balloon .client-nine {
	background-image:url(img/animation/client9.png);
}

.client-balloon .logo {
	width:100%;
	background-position: center center;
	background-repeat:no-repeat;
	background-size: 60%;
}
.intro-balloon {
	position:fixed;
	background-image:url(img/animation/introballoon.png);
	background-repeat:no-repeat;
	background-size:100% 100%;
	width:426px;
	height:627px;
	padding-top:120px;
	left:50%;
	top:1100px;
	margin-left:-213px;
	z-index:1200;
}
.intro-balloon p {
	padding-bottom:0px !important;
}
.intro-balloon.small {
	width:170px;
	height: 299px;
	margin-left:-85px;
	top:-310px;
	z-index:890;
	padding-top:0px !important;
}
.intro-balloon.small img {
	margin-top:42px;
}
.intro-balloon.small .client-directors {
	height:45.5px;
	top:223px;
	left:29.9px;
	width:102px;
	background-size:816px 45.5px;
}
/**** 
	SERVICE BALLOONS 
***/
.service-balloon {
	width:306px;
	background-image:url(img/services/balloon_blue_string.png);
	background-position: 50% 306px;
	background-repeat:no-repeat;
	padding-bottom:30px;
	position:absolute;
	z-index:500;
}
.service-balloon.web {
	background-image:url(img/services/balloon_pink_string.png);
}
.service-balloon.socialserv {
	background-image:url(img/services/balloon_orange_string.png);
}
.service-balloon li.main  a {
	background:url(img/services/balloon_blue.png);
	width:306px;
	height:306px;
	display:block;
}
.service-balloon.web li.main a {
	background-image:url(img/services/balloon_pink.png);
}
.service-balloon.socialserv li.main a {
	background-image:url(img/services/balloon_orange_test.png);
}
.service-balloon li.hide {
	display:none;
}
.service-balloon li.ring-pull {
	background:url(img/services/balloon_blue_handle.png) no-repeat;
	position:absolute;
	bottom:-100px;
	left:50%;
	margin-left:-58px;
	cursor:pointer;
}

.service-balloon li.ring-pull a {
	display:block;
	width:72px;
	height:65px;
	padding: 37px 15px 0px 15px;
}
.service-balloon.web li.ring-pull {
	background:url(img/services/balloon_pink_handle.png) no-repeat;
}
.service-balloon.socialserv li.ring-pull {
	background:url(img/services/balloon_orange_handle.png) no-repeat;
}
.service-balloon ul.services {
	position:relative;
	padding-top:60px;
}

.service-balloon ul.services li {
	background-repeat:no-repeat;
	background-image:url(img/services/balloon_blue_tag1a.png);
	width:198px;
	height:46px;
	margin:10px 0px 10px 44px;
	cursor:pointer;
	text-decoration:underline;
	transform-origin:50% 0%;
	-ms-transform-origin:50% 0%;
	-webkit-transform-origin:50% 0%;
	-o-transform-origin:50% 0%;
	-moz-transform-origin:50% 0%;
}
.service-balloon ul.services li a {
	display:block;
	width:100%;
	padding-top:17px;
	height:29px;
}
.service-balloon ul.services li.first {
	margin-left:39px !important;
}
.service-balloon ul.services li.large.first {
	margin-left:19px !important;
}
.service-balloon.web ul.services li {
	background-image:url(img/services/balloon_pink_tag1a.png);
	margin-left:45px;
}
.service-balloon.socialserv ul.services li {
	background-image:url(img/services/balloon_orange_tag1a.png);
}
.service-balloon ul.services li.odd {
	background-image:url(img/services/balloon_blue_tag2a.png);
}
.service-balloon.web ul.services li.odd {
	background-image:url(img/services/balloon_pink_tag2a.png);
}
.service-balloon.socialserv ul.services li.odd {
	background-image:url(img/services/balloon_orange_tag2a.png);
}
.service-balloon ul.services li.large {
	background-image:url(img/services/balloon_blue_tag1b.png);
	width:238px;
	margin:10px 0px 10px 24px;
}
.service-balloon.web ul.services li.large {
	background-image:url(img/services/balloon_pink_tag1b.png);
	margin-left:25px;
}
.service-balloon.socialserv ul.services li.large {
	background-image:url(img/services/balloon_orange_tag1b.png);
}
.service-balloon ul.services li.large.odd {
	background-image:url(img/services/balloon_blue_tag2b.png);
}
.service-balloon.web ul.services li.large.odd {
	background-image:url(img/services/balloon_pink_tag2b.png);
}
.service-balloon.socialserv ul.services li.large.odd {
	background-image:url(img/services/balloon_orange_tag2b.png);
}
.service-balloon ul.services li:hover {
	background-image:url(img/services/balloon_blue_tag3a.png);
	color:#2c59de;
}
.service-balloon.web ul.services li:hover {
	background-image:url(img/services/balloon_pink_tag3a.png);
	color:#d72b56;
}
.service-balloon.socialserv ul.services li:hover {
	background-image:url(img/services/balloon_orange_tag3a.png);
	color:#db6419;
}
.service-balloon ul.services li.large:hover {
	background-image:url(img/services/balloon_blue_tag3b.png);
}
.service-balloon.web ul.services li.large:hover {
	background-image:url(img/services/balloon_pink_tag3b.png);
}
.service-balloon.socialserv ul.services li.large:hover {
	background-image:url(img/services/balloon_orange_tag3b.png);
}
.service-balloon .main .iconcent {
	padding-top:45px;
	padding-bottom:15px;
}
.service-balloon.web .main .iconcent {
	padding-top:35px;
	padding-bottom:15px;
}
.service-balloon.socialserv .main .iconcent {
	padding-top:45px;
	padding-bottom:5px;
}
.flipH {
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
}
.shake{
width:1680px;
height:860px;
overflow:hidden;
z-index:1000;
position:absolute; 
bottom:0px; 
left:50%; 
margin-left:-840px;
}

@media only screen and (min-width: 1681px) {
    .shake{
		height:920px;
		transform: scale(1.2);
	}
}
@media only screen and (min-width: 1950px) {
    .shake{
		height:860px;
		transform: scale(1.4);
	}
}


.shake .hills{
position:absolute;
width:100%;
height:840px;
bottom:0px;
background: none;
bottom:0px;
}
.shake .hills .img {
background: url(img/harlem/hills.png) repeat-x left top;
width:100%;
height:340px;
position:absolute;
top: 20px;
}
.shake .hills .fill {
	width:100%;
	height:480px;
	background: #1378AC;
	position:absolute;
	bottom:0px;
}
.shake .conveyor {
background:url(img/harlem/conveyor.gif);
width:636px;
height:46px;
position:absolute;
top:190px;
left:-70px;
}
.shake .conveyor.right {
left:auto;
right:-70px;
}
.shake .conveyor .scaffold {
background: url(img/harlem/conveyor_scaffold.png);
width:332px;
height:330px;
position:absolute;
top:43px;
left:0px;
}
.shake .conveyor.right .scaffold {
left:auto;
right:-30px;
}

.shake .bulb-wrap {
width:700px;
height:152px;
position:absolute;
top:120px;
left:0px;
overflow:hidden;
}
.shake .bulb-wrap.right {
left:auto;
right:0px;
}
.shake .tank-container {
background:url(img/harlem/bulbdome.png) center bottom no-repeat;
width:334px;
height:60px;
top:655px;
left:50%;
margin-left:-167px;
position:absolute;
text-align:center;
}
.shake .tank-container .fillmask {
position:absolute;
max-height:374px;
bottom:60px;
left:10px;
height:400px;
width:314px;
-webkit-border-top-left-radius: 5000px;
-webkit-border-top-right-radius: 5000px;
-moz-border-radius-topleft: 5000px;
-moz-border-radius-topright: 5000px;
border-top-left-radius: 5000px;
border-top-right-radius: 5000px;
overflow:hidden;
}
.shake .tank-container .fillmask.dome {
	background:url(img/harlem/bulbdome.png) no-repeat;
	background-position:center top;
	z-index:10;
}
.no-safari .shake .tank-container .brainjuice {
	background:url(img/harlem/brainjuice.png) center top no-repeat;
	z-index:100;
	left:0px;
	max-height:374px;
	top:auto;
	bottom:20px;
	width:100%;
	position:absolute;
	min-height:40px;
}
.shake.harlem .tank-container .brainjuice {
	background:none;
}

.shake .tank-container .brainjuice.base {
	height:20px;
	bottom:0px;
	background-position: center bottom;
	min-height:20px;
}
.shake .tank-container .kokobulb {
	position:absolute;
	bottom:20px;
	z-index:50;
	margin-left:-142px;
	width:284px;
	height:336px;
	background:url(img/harlem/bulb.png);
	left:50%;
}
.shake.harlem  .kokobulb {
	background:url(img/harlem/bulbyellow.png);
}
.shake .tank-container .tube {
background:url(img/harlem/tube.png);
width:99px;
height:330px;
position:absolute;
left:-80px;
top:-390px;
z-index:120;
}
.shake .tank-container .tube.right {
left:auto;
right:-80px;
}
.hs { opacity:0 }
.shake .desk {
width:189px;
position:absolute;
background:url(img/harlem/desk_state0001.png);
height:152px;
z-index:10;
}
.shake .desk.empty { background:url(img/harlem/desk_state0002.png); }
.shake .desk.nochair { background:url(img/harlem/desk_state0003.png); }
.shake .desk.nocomp { background:url(img/harlem/desk_state0004.png); }
.shake .helmet-guy {
	background:url(img/harlem/anims/4.png);
	width:102px;
	height:175px;
	position:absolute;
	top:-532px;
	left:100px;
	z-index:401;
}
.shake.harlem .helmet-guy {
	background:url(img/harlem/anims/5.png);
	width:158px;
	height:175px;
	left:82px;
	z-index:401;
}
.shake .radio {
	position:absolute;
	top:-418px;
	left:145px;
	width:70px;
	height:57px;
	background:url(img/harlem/radio1.gif);
	z-index:400;
}

.shake.harlem .radio {
	background:url(img/harlem/radio2.gif);
}
.shake .chair { position: absolute; background:url(img/harlem/seat.png); width:84px; height:109px; }
.shake .ponytail {
	background:url(img/harlem/anims/6.png);
	width:157px;
	height:168px;
	position:absolute;
	top:-110px;
	left:-45px;
	z-index:100;
}
.shake .handstand {
	background:url(img/harlem/anims/8.png);
	width:108px;
	height:212px;
	position:absolute;
	top:-185px;
	left:-253px;
	z-index:100;
}
.shake .fist-pump {
	background:url(img/harlem/anims/3.png);
	width:110px;
	height:210px;
	position:absolute;
	top:-115px;
	left:-55px;
	z-index:200;
}
.shake .guitarist {
	background:url(img/harlem/anims/2.png);
	width:117px;
	height:180px;
	position:absolute;
	top:-85px;
	left:193px;
	z-index:200;
}
.shake .sunjacket {
	background:url(img/harlem/anims/1.png);
	width:133px;
	height:206px;
	position:absolute;
	top:-110px;
	left:65px;
	z-index:500;
}
.shake .skaterchick {
	background:url(img/harlem/anims/11.png);
	width:107px;
	height:166px;
	position:absolute;
	top:0px;
	left:-80px;
	z-index:200;
}
.shake .lowsquatdance {
	background:url(img/harlem/anims/7.png);
	width:170px;
	height:157px;
	position:absolute;
	top:-75px;
	left:-30px;
	z-index:200;
}

.shake .sunblouse {
	background:url(img/harlem/anims/10.png);
	width:129px;
	height:158px;
	position:absolute;
	top:-100px;
	left:-20px;
	z-index:200;
}
.shake .horse {
	background:url(img/harlem/anims/12.png);
	width:79px;
	height:170px;
	position:absolute;
	top:-115px;
	left:10px;
	z-index:200;
}

.shake .trike {
	background:url(img/harlem/anims/9.png);
	width:108px;
	height:108px;
	position:absolute;
	top:55px;
	left:-357px;
	z-index:200;
}
.flash {
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	background: #FFFFFF;
	z-index:20000;
	opacity:0;
}
.shake .bulb {
	background:url(img/harlem/light_bulb1.png);
	width:40px;
	height:52px;
	margin-top:15px;
	position:absolute;
	left:-100px;
	z-index:121;
}
.shake .right .bulb {
	left:auto;
	right:-100px;
}
.shake .bulb.green{ background:url(img/harlem/light_bulb2.png); }
.shake .bulb.purple{ background:url(img/harlem/light_bulb3.png); }
.shake .bulb.blue{ background:url(img/harlem/light_bulb4.png); }
.shake .shake .bulb.pink{ background:url(img/harlem/light_bulb5.png); }
.bulb.grey{ background:url(img/harlem/light_bulb6.png); }
#left-frame .img {
	position:absolute;
	left:50%;
	margin-left:-16px;
	top:100px;
}


/*****
*	SHOWCASE
*****/
.showcase-bg {
	position:fixed;
	top:0px;
	z-index:15000;
	width:100%;
	height:100%;
	left:0px;
	display:none;
}
.showcase .title {
	padding-bottom:0px;
	padding-top:20px;
}
.showcase .slide {
	margin: 0px auto 0 auto;
	position:absolute;
}

.showcase .slide .play {
	background:url(img/play.png) no-repeat;
	width:175px;
	height:121px;
	background-size:cover;
	position:absolute;
	left:50%;
	top:35%;
	margin-left:-87px;
}
/* LAYOUT */
.overview-layout .left {
	width:320px;
	float:left;
	text-align:right;
	margin-right:25px;
}
.overview-layout .right {
	width:620px;
	float:left;
}
.three-column-layout .column {
	width:310px;
	float:left;
	margin-right:25px;
}
.three-column-layout .column.last {
	margin-right:0px;
}
/*END LAYOUTS */
.showcase {
	background-color:transparent;
	background-image:url(img/patterns/circular.png);
	background-repeat:repeat;
	overflow:hidden;
	position:relative;
	width:100%;
	height:100%;
	min-width:800px;
	min-height:560px;
}
#showcase-content-placeholder {
	/* show case min width - left *2; same heght -top*2 */
	min-width:600px;
	min-height:200px;

	position:absolute;
	top:100px;
	left:180px;
}	
.showcase .pagination {
	position:absolute;
	bottom:40px;
	left: 50%;
	z-index: 1000;
	margin-left:-50px;
}
.showcase .slide {
	width:980px;
}
.showcase .slide .loader {
	display:inline-block;
	padding:5px;
	background:white;
	width:32px;
	height:32px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-16px 0 0 -16px;
}
.portshare {
	width:450px;
	height:30px;
	top:115px;
	position:absolute;
	left:50%;
	margin-left:-200px;
	z-index:1000;
}
.showcase .button {
	position:absolute;
	top:50%;
	margin-top:-30px;
	width:60px;
	height:60px;
	display:block;
	left: 30px;
	padding:0px;
	background:none;
	background-repeat:no-repeat;
	background-image:url(img/right-arrow.png);
	z-index:30;
}
.showcase .button:hover{
	background-color:none !important;
}
.showcase .button.right {
	left: auto;
	right:30px;
	background-image:url(img/left-arrow.png);
}

#slider {
	position:relative;
	width:100%;
	min-width:1000px;
	height:1px;
}
#slider .slide {
	position:fixed;
	background-repeat:no-repeat;
}

.item {
	background:rgba(255,255,255,0.95);
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	padding:20px;
}
.row1 {
	width:940px;
	margin:0px;
}
.row3 {
	width: 273px;
	height:400px;
}
.row3 h4, .row1 h4 {
	color:#333333;
	margin-top:15px;
	text-transform:uppercase;
	font-size:18px;
}
.row4 {
	width:190px;
	height:320px;
}
.row4 p {
	text-transform:uppercase;
	font-size:14px;
	color:#333333;
	margin-top:25px;
	text-align:center;
}
.row5 {
 	/*980*/
	width:110px;
	height:190px;
}
.row5 p, .row3 p {
	font-size:14px;
	color:#333333;
	margin-top:15px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}
.row3 p {
	text-align:justify;
	line-height: 1.3em;
}
.item.end {
	margin-right:0px;
}
.icon {
	width:190px;
	height:190px;
	background:#000000;
	-webkit-border-radius: 1000px;
	-moz-border-radius: 1000px;
	border-radius: 1000px;
}
.icon .img {
	background-size: contain;
	background-repeat:no-repeat;
	background-position:center;
	background-size:70%;
	width:100%;
	height:100%;
	display:inline-block;
}
.item.row5 .icon {
	width:110px;
	height:110px;
}
.item.row3 .icon, .item.row1 .icon {
	width:110px;
	height:110px;
	margin: 0 auto;
}
.icon, .icon .img {
	display:block;
}
.linkicon {
	position:absolute;
	top:30px;
	right:30px;
	width:50px;
	height:50px;
	display:block;
	z-index:3000;
	cursor:pointer;
	-webkit-box-shadow:  1px 1px 1px 0px rgba(0, 0, 0, 0.7);
    box-shadow:  1px 1px 1px 0px rgba(0, 0, 0, 0.7);
}
.icon.advergames .img { background-image:url(img/icons/133/advergames.png); }
.icon.advertising .img { background-image:url(img/icons/133/advertising.png); }
.icon.appstore .img { background-image:url(img/icons/133/appstore.png); }
.icon.award .img { background-image:url(img/icons/133/awards.png); }
.icon.brandedgames .img { background-image:url(img/icons/133/brandedgames.png); }
.icon.brief .img { background-image:url(img/icons/133/brief.png); }
.icon.client .img { background-image:url(img/icons/133/client.png); }
.icon.competitions .img { background-image:url(img/icons/133/competitions.png); }
.icon.conversions .img { background-image:url(img/icons/133/conversions.png); }
.icon.datacollection .img { background-image:url(img/icons/133/datacollection.png); }
.icon.devtime .img { background-image:url(img/icons/133/devtiming.png); }
.icon.downloads .img { background-image:url(img/icons/133/downloads.png); }
.icon.engagement .img { background-image:url(img/icons/133/engagement.png); }
.icon.facebookapps .img { background-image:url(img/icons/133/facebookapps.png); }
.icon.facebookgames .img { background-image:url(img/icons/133/facebookgames.png); }
.icon.facebookinstalls .img { background-image:url(img/icons/133/facebookinstalls.png); }
.icon.facebooklikes .img { background-image:url(img/icons/133/facebooklikes.png); }
.icon.facebookversion .img { background-image:url(img/icons/133/facebookversion.png); }
.icon.featured .img { background-image:url(img/icons/133/featured.png); }
.icon.flashgames .img { background-image:url(img/icons/133/flashgames.png); }
.icon.gamesapps .img { background-image:url(img/icons/133/gamesapps.png); }
.icon.googleplay .img { background-image:url(img/icons/133/googleplay.png); }
.icon.hits .img { background-image:url(img/icons/133/hits.png); }
.icon.html5games .img { background-image:url(img/icons/133/html5games.png); }
.icon.languages .img { background-image:url(img/icons/133/languages.png); }
.icon.links .img { background-image:url(img/icons/133/links.png); }
.icon.microsites .img { background-image:url(img/icons/133/microsites.png); }
.icon.mobiletablet .img { background-image:url(img/icons/133/mobiletablet.png); }
.icon.monetisation .img { background-image:url(img/icons/133/monetisation.png); }
.icon.pagespervisit .img { background-image:url(img/icons/133/pagespervisit.png); }
.icon.pageviews .img { background-image:url(img/icons/133/pageviews.png); }
.icon.partners .img { background-image:url(img/icons/133/partners.png); }
.icon.platforms .img { background-image:url(img/icons/133/platforms.png); }
.icon.press .img { background-image:url(img/icons/133/press.png); }
.icon.project .img { background-image:url(img/icons/133/project.png); }
.icon.results .img { background-image:url(img/icons/133/results.png); }
.icon.returnrate .img { background-image:url(img/icons/133/returnrate.png); }
.icon.reviews .img { background-image:url(img/icons/133/reviews.png); }
.icon.seo .img { background-image:url(img/icons/133/seo.png); }
.icon.socialapps .img { background-image:url(img/icons/133/socialapps.png); }
.icon.socialmedia .img { background-image:url(img/icons/133/socialmedia.png); }
.icon.socialshares .img { background-image:url(img/icons/133/socialshares.png); }
.icon.targetaudience .img { background-image:url(img/icons/133/targetaudience.png); }
.icon.technology .img { background-image:url(img/icons/133/technology.png); }
.icon.testimonials .img { background-image:url(img/icons/133/testimonials.png); }
.icon.twittermentions .img { background-image:url(img/icons/133/twittermentions.png); }
.icon.viralgames .img { background-image:url(img/icons/133/viralgames.png); }
.icon.viralseeding .img { background-image:url(img/icons/133/viralseeding.png); }
.icon.websitedesign .img { background-image:url(img/icons/133/websitedesign.png); }
.icon.webdesign .img { background-image:url(img/icons/133/webdesign.png); }
.icon.youthmarketing .img { background-image:url(img/icons/133/youthmarketing.png); }

.iframeframe { 
	border: 20px solid #FFFFFF;
    -webkit-box-shadow: 0px 6px 8px 2px rgba(0,0,0,0.53);
    -moz-box-shadow: 0px 6px 8px 2px rgba(0,0,0,0.53);
    box-shadow: 0px 6px 8px 2px rgba(0,0,0,0.53);
}

.slide.bannergroup .iframeframe{
    margin:12px;
    border: 20px solid #ffffff;
    float: left;
}

.slide.banner .iframeframe{
    border: 20px solid #ffffff;
}



.icon.small {
	background-color:#FFFFFF;
}
.icon.small.advergames .img { background-image:url(img/icons/35/advergames.png); }
.icon.small.advertising .img { background-image:url(img/icons/35/advertising.png); }
.icon.small.appstore .img { background-image:url(img/icons/35/appstore.png); }
.icon.small.award .img { background-image:url(img/icons/35/awards.png); }
.icon.small.brandedgames .img { background-image:url(img/icons/35/brandedgames.png); }
.icon.small.brief .img { background-image:url(img/icons/35/brief.png); }
.icon.small.client .img { background-image:url(img/icons/35/client.png); }
.icon.small.competitions .img { background-image:url(img/icons/35/competitions.png); }
.icon.small.conversions .img { background-image:url(img/icons/35/conversions.png); }
.icon.small.datacollection .img { background-image:url(img/icons/35/datacollection.png); }
.icon.small.devtime .img { background-image:url(img/icons/35/devtiming.png); }
.icon.small.downloads .img { background-image:url(img/icons/35/downloads.png); }
.icon.small.engagement .img { background-image:url(img/icons/35/engagement.png); }
.icon.small.facebookapps .img { background-image:url(img/icons/35/facebookapps.png); }
.icon.small.facebookgames .img { background-image:url(img/icons/35/facebookgames.png); }
.icon.small.facebookinstalls .img { background-image:url(img/icons/35/facebookinstalls.png); }
.icon.small.facebooklikes .img { background-image:url(img/icons/35/facebooklikes.png); }
.icon.small.facebookversion .img { background-image:url(img/icons/35/facebookversion.png); }
.icon.small.featured .img { background-image:url(img/icons/35/featured.png); }
.icon.small.flashgames .img { background-image:url(img/icons/35/flashgames.png); }
.icon.small.gamesapps .img { background-image:url(img/icons/35/gamesapps.png); }
.icon.small.googleplay .img { background-image:url(img/icons/35/googleplay.png); }
.icon.small.hits .img { background-image:url(img/icons/35/hits.png); }
.icon.small.html5games .img { background-image:url(img/icons/35/html5games.png); }
.icon.small.languages .img { background-image:url(img/icons/35/languages.png); }
.icon.small.links .img { background-image:url(img/icons/35/links.png); }
.icon.small.microsites .img { background-image:url(img/icons/35/microsites.png); }
.icon.small.mobiletablet .img { background-image:url(img/icons/35/mobiletablet.png); }
.icon.small.monetisation .img { background-image:url(img/icons/35/monetisation.png); }
.icon.small.pagespervisit .img { background-image:url(img/icons/35/pagespervisit.png); }
.icon.small.pageviews .img { background-image:url(img/icons/35/pageviews.png); }
.icon.small.partners .img { background-image:url(img/icons/35/partners.png); }
.icon.small.platforms .img { background-image:url(img/icons/35/platforms.png); }
.icon.small.press .img { background-image:url(img/icons/35/press.png); }
.icon.small.project .img { background-image:url(img/icons/35/project.png); }
.icon.small.results .img { background-image:url(img/icons/35/results.png); }
.icon.small.returnrate .img { background-image:url(img/icons/35/returnrate.png); }
.icon.small.reviews .img { background-image:url(img/icons/35/reviews.png); }
.icon.small.seo .img { background-image:url(img/icons/35/seo.png); }
.icon.small.socialapps .img { background-image:url(img/icons/35/socialapps.png); }
.icon.small.socialmedia .img { background-image:url(img/icons/35/socialmedia.png); }
.icon.small.socialshares .img { background-image:url(img/icons/35/socialshares.png); }
.icon.small.targetaudience .img { background-image:url(img/icons/35/targetaudience.png); }
.icon.small.technology .img { background-image:url(img/icons/35/technology.png); }
.icon.small.testimonials .img { background-image:url(img/icons/35/testimonials.png); }
.icon.small.twittermentions .img { background-image:url(img/icons/35/twittermentions.png); }
.icon.small.viralgames .img { background-image:url(img/icons/35/viralgames.png); }
.icon.small.viralseeding .img { background-image:url(img/icons/35/viralseeding.png); }
.icon.small.websitedesign .img { background-image:url(img/icons/35/websitedesign.png); }
.icon.small.webdesign .img { background-image:url(img/icons/35/webdesign.png); }
.icon.small.youthmarketing .img { background-image:url(img/icons/35/youthmarketing.png); }
.icon.small.close .img { background-image:url(img/icons/35/close.png); }
.icon.testimonials { background-color:#3a9fbe; }