html {
	color: #000;
	background: #FFF;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset,img {
	border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}
li {
	list-style: none;
}
caption,th {
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before,q:after {
	content: '';
}
abbr,acronym {
	border: 0;
	font-variant: normal;
}
sup {
	vertical-align: text-top;
}
sub {
	vertical-align: text-bottom;
}
input,textarea,select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}
input,textarea,select {*font-size:100%;}
legend {
	color: #000;
}

:focus,:active {outline:none;}
::-moz-focus-inner {border:0;}

.clearfloat {
	clear: both;
	float: none;
}

/* clearfixer from HTML5 boilerplate */

/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after {
  content: "\0020"; display: block; height: 0; visibility: hidden;	
} 

.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }

/*
html, body, #container {
  width: 100%;
  height: 100%;
  position: absolute;
}
*/

html,body,input {
/*  font-family: "Helvetica Neue",helvetica,arial,sans-serif,sans;*/
  font-family: "Lucida Sans Unicode", sans-serif;
}
html {
	background: url(/images/ui/bg.png);
}
p {
/*  font-size: 15px;*/
  font-size: 13px;
	line-height: 1.5em;
	color: #3b3b3b;
}
body {
}
body #logo {
	display: block;
	color: transparent;
	text-indent: -9999px;
	background: 0px 0px transparent;
	background-image: url(/images/ui/irlgalaxy-sprites-0.1.png);
	height: 53px;
	width: 150px;
	background-position: 0px 0px;
}
body#introduction-page #logo {
	background-position: 0px 0px;
}
body#case-studies-page #logo {
	background-position: 0px -53px;
}
body#engine-page #logo {
	background-position: 0px -106px;
}
body#contact-page #logo {
	background-position: 0px -159px;
}
body h2 {
	color: #f33f1f;
	font-size: 25px;
	margin-bottom: 25px;
	line-height: 1.25em;
}
.wrapInner {
	width: 960px;
	margin: 0 auto;
	padding: 0 20px;
}
.wrapInner .left {
	float: left;
}
.wrapInner .right {
	float: right;
}
.slideshow-wrapper {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.slideshow-wrapper * {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.slideshow-wrapper input,.slideshow-wrapper button,.slideshow-wrapper textarea {
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	-o-user-select: text;
	user-select: text;
}
.slideshow-wrapper .slideshow-container {
	background-image: url(/images/ui/irlgalaxy-sprites-0.1.png);
	background-position: -200px 0px;
	width: 583px;
	height: 468px;
	margin-right: -1px;
}
#case-studies-page .slideshow-wrapper .slideshow-container {
/*	width: 583px;*/
	height: 385px;
	#height: auto;
	#overflow:hidden;
}
.slideshow-wrapper .slideshow-container .slideshow-container-inner {
	position: relative;
	height: 100%;
	width: 100%;
}
.slideshow-wrapper #slideshow {
	width: 100%;
	height: 100%;
	#height:393px;
	overflow: hidden;
	border:10px solid white;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.slideshow-wrapper #slideshow .slide {
	width: 100%;
	height: 100%;
	#overflow:hidden;
}
.slideshow-wrapper #slideshow .slide div.slide-inner {
	background-position: 0px 0px;
	background-repeat: no-repeat;
	position: relative;
	height: 100%;
	width: 100%;
}
.slideshow-wrapper #slideshow .slide div.slide-inner div.slide-inner-wrap {
	position: absolute;
	bottom: 20px;
	right: 0px;
}
.slideshow-wrapper #slideshow .slide div.slide-inner div.slide-inner-wrap h3 {
  margin-bottom: 10px;
}
.slideshow-wrapper #slideshow .slide div.slide-inner div.slide-inner-wrap p {
	font-size: 14px;
	line-height: 1.35em;
}
.slideshow-wrapper #slideshow .slide div.slide-inner div.slide-inner-wrap h3,.slideshow-wrapper #slideshow .slide div.slide-inner div.slide-inner-wrap p {
	width: 350px;
	padding-right: 20px;
}
.slideshow-wrapper .startStop span {
	display: block;
	float: left;
	text-indent: -9999px;
	background-image: url(/images/ui/irlgalaxy-sprites-0.1.png);
	width: 8px;
	height: 8px;
	margin: 0px 2px;
}
.slideshow-wrapper .startStop span#pauseResumeButton {
	cursor: pointer;
	margin-left: 5px;
}
.slideshow-wrapper .startStop span#pauseResumeButton.pause {
	background-position: -168px -16px;
}
.slideshow-wrapper .startStop span#pauseResumeButton.pause:hover {
	background-position: -168px -32px;
}
.slideshow-wrapper .startStop span#pauseResumeButton.resume {
	background-position: -160px -16px;
}
.slideshow-wrapper .startStop span#pauseResumeButton.resume:hover {
	background-position: -160px -32px;
}
.slideshow-wrapper #nav {
	font-size: 12px;
	margin-top: 10px;
}
.slideshow-wrapper #nav a,.slideshow-wrapper #nav span {
	display: block;
	float: left;
	text-indent: -9999px;
	background-image: url(/images/ui/irlgalaxy-sprites-0.1.png);
	width: 8px;
	height: 8px;
	margin: 0px 2px;
	background-position: -168px 0px;
}
.slideshow-wrapper #nav a.activeSlide,.slideshow-wrapper #nav span.activeSlide {
	background-position: -160px 0px;
}
.slideshow-wrapper #nav a.activeSlide:hover,.slideshow-wrapper #nav span.activeSlide:hover {
	background-position: -160px 0px;
}
.slideshow-wrapper #nav a:hover,.slideshow-wrapper #nav span:hover {
	background-position: -176px 0px;
}
.slideshow-wrapper #nav a.pos3,.slideshow-wrapper #nav span.pos3 {
	margin-right: 15px;
}

#slideshow h3 {
  line-height: 1.25em;
  color: #3b3b3b;
}

#case-studies-page .slideshow-wrapper #nav a.activeSlide,.slideshow-wrapper #nav span.activeSlide {
	background-position: -160px -50px;	
}
#case-studies-page .slideshow-wrapper #nav a.activeSlide:hover,.slideshow-wrapper #nav span.activeSlide:hover {
	background-position: -160px -50px;	
}


.slideshow-wrapper .slideshow-pos-labels {
	clear: both;
	float: none;
	color: #6e6e6e;
	line-height: 25px;
	font-size: 12px;
}
.slideshow-wrapper .slideshow-pos-labels span {
	display: block;
	float: left;
	height: 8px;
	line-height: 25px;
	padding-left: 2px;
}
.slideshow-wrapper .slideshow-pos-labels span.txt-intro {
	width: 35px;
}
.slideshow-wrapper .slideshow-pos-labels span.txt-example_uses {
	padding-left: 2px;
}
.slideshow-wrapper .slideshow-pos-labels span.divider {
	padding: 0px;
	width: 1px;
	margin: 0 5px;
	margin-right: 6px;
	position: relative;
	padding: 0;
	top: -8px;
	background-image: url(/images/ui/irlgalaxy-sprites-0.1.png);
	background-position: -184px 0px;
}
.slideshow-wrapper .slideshow-pos-labels span.divider.activeSlide {
	background-position: -184px 0px;
}
.slideshow-wrapper .slideshow-pos-labels span.divider.activeSlide:hover {
	background-position: -184px 0px;
}
header {
	display: block;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid white;
	height: 150px;
	padding-top: 25px;
	overflow: visible;
	position: relative;
}
header .right a {
	background-image: url('/images/ui/irlgalaxy-sprites-0.1.png');
	background-position: -500px -1000px;
	background-repeat: repeat-x;
	height: 47px;
	width: 107px;
	display: block;
	/*color: #3b3b3b;*/
	/*color: #fff;*/
	margin-top: 6px;
	/*text-decoration: none;*/
}
header .right a span {
	display: block;
	margin-top: -7px;
	margin-left: 17px;
	height: 47px;
  width: 76px;
	margin-right: 0px !important;
	background-image: url(/images/ui/irlgalaxy-sprites-0.1.png);
  background-position: -895px -1513px; 
  float: left;  
	text-indent: -9999px;
}
header .right a:hover span {
  background-position: -895px -1615px;
}
header .right a.active span {	
  background-position: -895px -1565px;
}
	

/*header .right a:hover {
	color: #edbbb2;
}
*/
section#menu {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	display: block;
	background-image: url(/images/ui/irlgalaxy-sprites-0.1.png);
	background-position: 0px -545px;
	background-repeat: repeat-x;
	width: 100%;
	z-index: 999;
	height: 60px;
	line-height: 55px;
	text-align: center;
	margin-top: -5px;
}
section#menu.fixed_bottom {
	position: fixed;
	bottom: -6px;
}
section#menu ul li {
	display: block;
	float: left;
}

section#menu ul li a {
	background-image: url(/images/ui/irlgalaxy-sprites-0.1.png);
	display: block;
	float: left;	
	text-indent:-9999px;
	margin-right: 30px;
}


section#menu #link-to-introduction-page					{	background-position:-000px -1513px; width:120px;}
section#menu #link-to-toolbox-page							{	background-position:-200px -1513px; width:78px;}
section#menu #link-to-case-studies-page					{	background-position:-600px -1513px; width:52px;}
section#menu #link-to-features-page							{	/*background-position:-0px -1520px; width:100px;*/}
section#menu #link-to-contact-page							{	background-position:-800px -1513px; width:76px;}


section#menu #link-to-introduction-page:hover		{	background-position:-000px -1615px; width:120px;}
section#menu #link-to-toolbox-page:hover					{	background-position:-200px -1615px; width:78px;}
section#menu #link-to-case-studies-page:hover		{	background-position:-600px -1615px; width:52px;}
section#menu #link-to-features-page:hover				{	/*background-position:-0px -1615px; width:100px;*/}
section#menu #link-to-contact-page:hover				{	background-position:-800px -1615px; width:76px;}

section#menu #link-to-introduction-page.active	{	background-position:-000px -1565px; width:120px;}
section#menu #link-to-toolbox-page.active				{	background-position:-200px -1565px; width:78px;}
section#menu #link-to-case-studies-page.active	{	background-position:-600px -1565px; width:52px;}
section#menu #link-to-features-page.active			{	/*background-position:-0px -1565px; width:100px;*/}
section#menu #link-to-contact-page.active       {	background-position:-800px -1565px; width:76px;}

section#menu ul li a.selected {
	color: white;
}
section#menu ul li a strong {
	color: white;
}

section#main {
	display: block;
	background: url(/images/ui/bg2.png);
	padding: 25px 0px;
	min-height: 495px;
}
section#main .left .image-wrapper {
	background-image: url(/images/ui/irlgalaxy-sprites-0.1.png);
	background-position: -200px -650px;
}
section#main .left .image-wrapper .image {
	width: 583px;
	height: 280px;
	background-repeat: no-repeat;
}
section#main #page-menu-top .wrapInner {
	width: 1050px;
}
section#main #page-menu-top .wrapInner #menu-top {
	position: relative;
	margin-top: -103px;
}
section#main #page-menu-top .wrapInner #menu-top li {
	display: block;
	float: left;
	background-image: url(/images/ui/bg2.png);
	margin: 0 15px;
}

#engine-page section#main #page-menu-top .wrapInner #menu-top li {padding-top:5px;}
#engine-page section#main #page-menu-top .wrapInner #menu-top li a span {
/*	color:#9c9e9f;*/
}

section#main #page-menu-top .wrapInner #menu-top li a,section#main #page-menu-top .wrapInner #menu-top li a span {
	width: 168px;
}
section#main #page-menu-top .wrapInner #menu-top li a {
	display: block;
	float: left;
	text-align: center;
	text-decoration: none;
	background-position: 50% 0%;
	background-repeat: no-repeat;
	color: #3b3b3b;
	height:145px;
}
section#main #page-menu-top .wrapInner #menu-top li a span {
	display: table-cell;
	vertical-align: bottom;
	height: 130px;
	#display: block;
	#padding-top: 111px;
	#height: auto;
}
section#main #page-menu-top .wrapInner #menu-top li.prev,section#main #page-menu-top .wrapInner #menu-top li.next {
	margin: 0;
	background: none;
}
section#main #page-menu-top .wrapInner #menu-top li.prev a,section#main #page-menu-top .wrapInner #menu-top li.next a {
	width: 30px;
	height: 180px;
	display: table-cell;
}
section#main #page-menu-top .wrapInner #menu-top li.prev a span,section#main #page-menu-top .wrapInner #menu-top li.next a span {
	position: relative;
	top: 58px;
	display: block;
	height: 37px;
	width: 30px;
	background-image: url(/images/ui/irlgalaxy-sprites-0.1.png);
	text-indent: -9999px;
	overflow: hidden;
}
section#main #page-menu-top .wrapInner #menu-top li.prev a span {
	background-position: 0px -234px;
}
section#main #page-menu-top .wrapInner #menu-top li.next a span {
	background-position: 100% -234px;
}
footer {
	display: none;
}
#introduction-page section#main .left {
	width: 350px;
}
#introduction-page section#main .right {
	margin-top: -100px;
}
#case-studies-page section#main .left {
	width: 610px;
}
#case-studies-page section#main .right {
	width: 350px;
}
#case-studies-page section#main .right .right-wrapper {
	display: table-cell;
	vertical-align: middle;
	height: 280px;
}
#engine-page section#main .left {
	width: 610px;
}
#engine-page section#main .right {
	width: 330px;
}
#engine-page section#main .right .right-wrapper {
	display: table-cell;
	vertical-align: middle;
	height: 380px;
}
#engine-page #menu-top .prev a span,
#engine-page #menu-top .next a span {
	visibility: hidden;
}

/* Extra stuff for Contact Page */

#contact-page section#main .left {
	width: 350px;
}
#contact-page section#main .right {
	margin-top: -100px;
}
							
/*
#contact-page #slideshow,
#contact-page #slideshow input,
#contact-page #slideshow textarea,
*/
#contact-page #slideshow label {
	color:#a1a1a1;
	font-size:13px;
}
/*
#contact-page #slideshow input,
#contact-page #slideshow textarea {
	border:1px solid #a1a1a1;
	background-color:#ddd;
	border-radius:5px;
}
*/
#contact-page #slideshow input.error,
#contact-page #slideshow textarea.error {
	border: 1px solid #F57664;
}

#contact-page #slideshow textarea {
	width:455px;
	height:122px;
	height:126px;
	margin-top:6px;
}							

#contact-page .contact_bg {
	margin-top:-15px;
	padding:50px;
	padding-top:110px;
}
#contact-page .contact_bg span {
	display:block;
	border-bottom:1px solid #e5e4e4;
	height:29px;
}
#contact-page .contact_form_wrapper {
	position:absolute;
	top:0px;
	left:0px;
	line-height:30px;
}
#contact-page .contact_form {
	position:absolute;
	top:0px;
	left:0px;
	line-height:30px;
	padding:50px;
}
#contact-page .contact_form h2 {
	height:60px;
	line-height:60px;
	margin:0;
	padding:0;
}

#contact-page .contact_line_wrapper {
	background:white;
	padding-right:8px;
	line-height:30px;
	height:30px;
	display:table-cell;
	vertical-align:middle;
}
#contact-page .input_text {
	line-height:1em;
	height:25px;
	height:21px;
	width:200px;
	width:181px;
	padding:0 5px !important;
	display:block;
	float:left;
}

#contact-page .contact_line_wrapper .cufon_replace {
	margin-top:-4px;
	display:block;
}

#contact-page .form_send_button {
	background:transparent;
	border:0;
	margin:0;
	padding:0;
	font-size:12px;
}
/*#contact-page .input_radio {
	display:block;
	margin-top:9px;
	margin-right:5px;
	float:left;
	background:none !important;
	border:0 !important;
}
*/
#contact-page .reason_for_contact .contact_spacer {
	float:left;
	width:10px;
}

#contact-page .reason_for_contact .contact_line_wrapper {
	float:left;
	margin-right: 10px;
	padding-left: 10px;
}
#contact-page #contact_choice {
	margin-right: 0px;
	padding-left: 0px;	
	margin-top:1px;							
}

/* Original */
#contact-page #uniform-contactformsubmitbutton {
	background-color:#ABABAB !important;
	font-size:16px !important;
	color:#fff !important;
	border:none !important;
	font-weight:bold;
	padding-right:0px;
	padding-left:0px;
	float: right;
	cursor:pointer;
	line-height:30px;
	text-transform:capitalize !important;
	font-weight:normal;

	text-align:left;
	
	background-image: url(/images/ui/irlgalaxy-sprites-0.1.png);
	background-position: -188px -993px;
	
	text-indent:-9999px;
	width:80px;
	
}

/* New */
#contact-page #uniform-contactformsubmitbutton {
	background-color:transparent !important;
	background-position: -188px -1024px;
	width:65px;
	margin-right:13px;
}


#contact-page #uniform-contactformsubmitbutton span {
	background:transparent !important;								
	text-transform:capitalize !important;
}

/* Original */
#contact-page #uniform-contactformsubmitbutton:hover {
	background-color:#af0e4a !important;
	color:#fff !important;
}
/* New */
#contact-page #uniform-contactformsubmitbutton:hover {
	background-color:#eaeaea !important;
}

#contact-page .bgspan-012 {	width: 368px;}

#contact-page .radio {}

#contact-page .reason_for_contact label {display:block;}
#contact-page .reason_for_contact .radio {margin-top:-4px;}
#contact-page .selector {margin-top:-6px;}



 .contactrow3 label {
	float:left;
	width:120px;
}
.slideshow-wrapper .slideshow-container{
	height:528px;
	background:white;
}








/* Some things for Diagnostics and debugging for ExpressionEngine */

#ee-diagnostics {
	position: absolute;
	top: 25px;
	left: 25px;
	background: rgba(0, 0, 0, 0.95);
	border-radius: 1em;
	padding: 1em;
	border: 2px solid rgba(255, 255, 255, 0.95);
	-webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.5);
	color: white;
	z-index: 9999;
}
#ee-diagnostics * {
	color: white !important;
}



#menu-top a.active {
	

	
}



#contact-page input.text,
#contact-page input.email,
#contact-page input.password,
#contact-page textarea.uniform {
  border-color:#e5e4e4;
  background-color:#eaeaea;
}








	#menu-top li a,
	#menu-top li a * {
		cursor:pointer !important;
	}
	#menu-top li a b {
		display:block;
		height:60px;
		width:50px;
		margin-top:-45px;
		margin-right:-15px;
		float:right;
		background-image:url(/images/ui/engine-ani-sprites.png);
		background-repeat:no-repeat;
		background-position:-154px -1700px;
	}
	#menu-top li a.active b {
		display:block;
		height:60px;
		width:50px;
		margin-top:-45px;
		margin-right:-15px;
		float:right;
		background-image:url(/images/ui/engine-ani-sprites.png);
		background-repeat:no-repeat;
		background-position:-100px -1700px;
	}

	#engine-page #menu-top .prev,
	#engine-page #menu-top .next {visibility:hidden;}

	#engine-page #engine_ani_wrapper {
		position:relative;
		overflow:hidden;
		border:10px solid #fff;
		background-color:#fff;
		height:360px;
	}
	.engine_ani_layer {
		position:absolute;
		top:0;
		left:0;
		overflow:hidden;
		background-color:transparent;
		width:100%;
		height:100%;
		text-indent:-999999px;
		#text-indent:0px;
		#display:block;
	}
	.engine_ani_layer div {position:absolute;}


/* 
	Maps
*/

	#engine_ani_maps {
		background-image:url(/images/ui/engine-ani-sprites.png);
		background-position:-420px -110px;
		background-repeat:no-repeat;
		background-color:#fff;
		
	}


/* 
	People & Places
*/

	#engine_ani_wrapper .marker {
		position:absolute;
		width:20px;
		height:20px;
		background-image:url(/images/ui/engine-ani-sprites.png);
		background-repeat:no-repeat;
		background-color:transparent;
	}


	/* 
		faux markers
	*//* round markers */

	#engine_ani_people .round_markers .marker.maroon	{ background-position:-100px -130px; }
	#engine_ani_people .round_markers .marker.yellow	{ background-position:-120px -130px; }
	#engine_ani_people .round_markers .marker.green		{ background-position:-140px -130px; }
	#engine_ani_people .round_markers .marker.blue		{ background-position:-160px -130px; }
	#engine_ani_people .round_markers .marker.grey		{ background-position:-180px -130px; }

	#round-marker-001 { top:042px; left:164px; }
	#round-marker-002 { top:039px; left:247px; }
	#round-marker-003 { top:116px; left:190px; }
	#round-marker-004 { top:165px; left:254px; }
	#round-marker-005 {display:none;}


	/* triangle markers */

	#engine_ani_layers .triangle_markers .marker        { height: 28px; }

	#engine_ani_layers .triangle_markers .marker.maroon { background-position:-100px -472px; }
	#engine_ani_layers .triangle_markers .marker.yellow { background-position:-120px -472px; }
	#engine_ani_layers .triangle_markers .marker.green  { background-position:-140px -472px; }
	#engine_ani_layers .triangle_markers .marker.blue   { background-position:-160px -472px; }
	#engine_ani_layers .triangle_markers .marker.grey   { background-position:-180px -472px; }

	#triangle-marker-001 { top:137px; left:151px; }
	#triangle-marker-002 { top:229px; left:278px; }
	#triangle-marker-003 { top:171px; left:335px; }
	#triangle-marker-004 { top:097px; left:236px; }
	#triangle-marker-005 {display:none;}

  				
	
	/* default map buildings ("POI") */
  
  #engine_ani_maps .poi_markers .marker         { height: 28px; }
  
	#engine_ani_maps .poi_markers .marker.maroon	{ background-position:-100px -472px; }
	#engine_ani_maps .poi_markers .marker.yellow	{ background-position:-120px -472px; }
	#engine_ani_maps .poi_markers .marker.green		{ background-position:-140px -472px; }
	#engine_ani_maps .poi_markers .marker.blue		{ background-position:-160px -472px; }
	#engine_ani_maps .poi_markers .marker.grey		{ background-position:-180px -472px; }

	#poi-marker-001 { top:054px; left:300px; }
	#poi-marker-002 { top:107px; left:334px; }
	#poi-marker-003 { top:154px; left:266px; }
	#poi-marker-004 { top:079px; left:154px; }
	#poi-marker-005 {display:none;}



	#yourcompany_logo {
		background-image:url(/images/ui/engine-ani-sprites.png);
		background-position:-100px -570px;
		width:103px;
		height:20px;
		bottom:00px;
		top:00px;
		left:150px;
		background-color:white;
		border:10px solid white;
	}

	#engine_ani_livestream {
		background-image:url(/images/ui/engine-ani-sprites.png);
		background-position:-100px -800px;
		width:100%;
		height:100%;
		bottom:0px;
		top:0px;
		left:0px;
		z-index:4;
	}
	#engine_ani_statistics {
		background-image:url(/images/ui/engine-ani-sprites.png);
		background-position:-100px -1300px;
		width:100%;
		height:100%;
		bottom:0px;
		top:0px;
		left:0px;
		z-index:5;
	}



	/* 
		Driehoekjes
			- Yourcompany Logo
			- Yourcompany Logo
	*/

	.livestream_mask {
		position:absolute;
		width:125px;
		height:50px;
		background:white;
		left:1px;
	}
	#lsMask-001 {top:035px;}
	#lsMask-002 {top:079px;}
	#lsMask-003 {top:129px;}
	#lsMask-004 {top:181px;}
	#lsMask-005 {top:226px;}

	.g1_mask {
		position:absolute;
		width:16px;
		height:95px;
		background:white;
		left:556px;
		top:10px;
	}
	#g1Mask-001 {left:442px;}
	#g1Mask-002 {left:458px;}
	#g1Mask-003 {left:474px;}
	#g1Mask-004 {left:491px;}
	#g1Mask-005 {left:506px;}
	#g1Mask-006 {left:522px;}
	#g1Mask-007 {left:539px;}
	#g1Mask-008 {left:555px;}

	#g2Mask-001 {
		position:absolute;
		width:138px;
		height:88px;
		background:white;
		left:440px;
		top:109px;										
	}

	#g3Mask-001,
	#g4Mask-001{
		position:absolute;
		width:67px;
		height:67px;
		background:white;
		left:440px;
		top:201px;																				
	}
	#g3Mask-001{left:440px;}
	#g4Mask-001{left:505px;}

	/* hide all engine conmponents by default */
	
	#engine_ani_maps,
	#engine_ani_people {
		display:none;
		z-index:2;
	}
	#engine_ani_layers {z-index:3;}
	#engine_ani_livestream {left:-1000px;}
	#engine_ani_statistics {left:1000px;}
	
	.engine_ani_layer {display:none;}
	
	#debugger {padding-top:10px;}
	
	#debugger small {
		color:#999;
		display:block;
		font-size:11px !important;
	}
	#preloader {display:none;}
	

	#togglepeople							{background-image:url(/images/ui/topmenu/engine-page/engine-thumb-people-and-places.png)} 
	#togglemaps								{background-image:url(/images/ui/topmenu/engine-page/engine-thumb-maps.png)}
	#togglelayers							{background-image:url(/images/ui/topmenu/engine-page/engine-thumb-layers.png)} 
	#togglestream							{background-image:url(/images/ui/topmenu/engine-page/engine-thumb-live-stream.png)} 
	#togglestatistics					{background-image:url(/images/ui/topmenu/engine-page/engine-thumb-connections.png)} 
	#togglepeople.active			{background-image:url(/images/ui/topmenu/engine-page/engine-thumb-people-and-places-desat.png)} 
	#togglemaps.active				{background-image:url(/images/ui/topmenu/engine-page/engine-thumb-maps-desat.png)} 
	#togglelayers.active			{background-image:url(/images/ui/topmenu/engine-page/engine-thumb-layers-desat.png)} 
	#togglestream.active			{background-image:url(/images/ui/topmenu/engine-page/engine-thumb-live-stream-desat.png)} 
	#togglestatistics.active	{background-image:url(/images/ui/topmenu/engine-page/engine-thumb-connections-desat.png)}


	#engine_ani_maps		{background-position: -420px -90px; z-index:1;}

	.poi_markers				{top:20px;}


  .iphone #menu {
    
  }
  .iphone #menu .wrapInner {
    width: auto;
  }
  


  /*
   * Media queries for responsive design
   * These follow after primary styles so they will successfully override. 
   */

  @media all and (orientation:portrait) { 
    /* Style adjustments for portrait mode goes here */

  }

  @media all and (orientation:landscape) { 
    /* Style adjustments for landscape mode goes here */

  }

  /* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
     Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
  @media screen and (max-device-width: 480px) {
    
    /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you
       j.mp/textsizeadjust 
    html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
  }