/*
GPS Growing Positive Solutions | Australia
=====================================================================================
  Site created by Humberto Ventura
  Artwork by Humberto Ventura
  Front-end and back-end development by Humberto Ventura
  www.humbertoventura.com by Humberto
=====================================================================================
*/

/*----------------------------------------------------
@Reset
-----------------------------------------------------*/
html
{margin: 0;padding: 0; height: 100%;overflow-x: hidden;}

body
{margin: 0;padding: 0;width: 100%;overflow-x: hidden;background:#13b6d9;}


html {width: 100%;} /* force html to be viewport width */
body {width: 100%; } /* overflow the body */

div{
    width: 100%;
    margin: 0px;
}



*{margin: 0;padding: 0;outline: none;}

  body,
  div,
  dl,dt,dd,
  ul,ol,li,
  h1,h2,h3,h4,h5,h6,
  pre,
  form,fieldset,
  input,textarea,
  a,
  p,blockquote,
  th,td 
  {margin: 0;padding: 0; vertical-align: baseline;}
    
  img 
  {border: 0;}
 
  address, caption, cite, code, dfn, em, strong, th, var 
  {font-style: normal;font-weight: normal;}
    
  ol,ul 
  {list-style: none;}
    
  h1,h2,h3,h4,h5,h6 
  {font-size: 100%;font-weight: normal;}

  a{font-size: .9em;
   color:white;
   text-decoration: none;
  cursor: pointer;}
  
  a:hover{font-weight:bold;}

/*----------------------------------------------------
@HTML5
-----------------------------------------------------*/
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary, mark 
{display:block;}

/*----------------------------------------------------
@FontFace
-----------------------------------------------------*/
@font-face {
    font-family: 'Gear';
    src: url('../fonts/geared/gearedslab-webfont.eot');
    src: local("☺"), url('../fonts/geared/gearedslab-webfont?#iefix') format('embedded-opentype'),
         url('../fonts/geared/gearedslab-webfont.woff') format('woff'),
         url('../fonts/geared/gearedslab-webfont.ttf') format('truetype'),
         url('../fonts/geared/gearedslab-webfont.svg#Gear') format('svg');
    font-weight: normal;
    font-style: normal;}

@font-face {
    font-family: 'Gear-Bold';
    src: url('../fonts/geared/gearedslab-bold-webfont.eot');
    src: local("☺"), url('../fonts/geared/gearedslab-bold-webfont?#iefix') format('embedded-opentype'),
         url('../fonts/geared/gearedslab-bold-webfont.woff') format('woff'),
         url('../fonts/geared/gearedslab-bold-webfont.ttf') format('truetype'),
         url('../fonts/geared/gearedslab-bold-webfont.svg#Gear-Bold') format('svg');
    font-weight: normal;
    font-style: normal;}

@font-face {
    font-family: 'Colab-Thin';
    src: url('../fonts/colab/ColabThi-webfont.eot');
    src: local("☺"), url('../fonts/colab/ColabThi-webfont?#iefix') format('embedded-opentype'),
         url('../fonts/colab/ColabThi-webfont.woff') format('woff'),
         url('../fonts/colab/ColabThi-webfont.ttf') format('truetype'),
         url('../fonts/colab/ColabThi-webfont.svg#Colab-Thin') format('svg');
    font-weight: normal;
    font-style: normal;}

@font-face {
    font-family: 'Imp-Caps';
    src: url('../fonts/imper/imperatorsmallcaps-webfont.eot');
    src: local("☺"), url('../fonts/imper/imperatorsmallcaps-webfont?#iefix') format('embedded-opentype'),
         url('../fonts/imper/imperatorsmallcaps-webfont.woff') format('woff'),
         url('../fonts/imper/imperatorsmallcaps-webfont.ttf') format('truetype'),
         url('../fonts/imper/imperatorsmallcaps-webfont.svg#Imp-Caps') format('svg');
    font-weight: normal;
    font-style: normal;}
    
@font-face {
    font-family: 'Robot';
    src: url('../fonts/robot/roboto-regular-webfont.eot');
    src: local("☺"), url('../fonts/robot/roboto_regular-webfont?#iefix') format('embedded-opentype'),
         url('../fonts/robot/roboto-regular-webfont.woff') format('woff'),
         url('../fonts/robot/roboto-regular-webfont.ttf') format('truetype'),
         url('../fonts/robot/roboto-regular-webfont.svg#Robot') format('svg');
    font-weight: normal;
    font-style: normal;}
    
@font-face {
    font-family: 'Cabin';
    src: url('../fonts/cabin/Cabin-Regular-webfont.eot');
    src: local("☺"), url('../fonts/cabin/Cabin-Regular-webfont?#iefix') format('embedded-opentype'),
         url('../fonts/cabin/Cabin-Regular-webfont.woff') format('woff'),
         url('../fonts/cabin/Cabin-Regular-webfont.ttf') format('truetype'),
         url('../fonts/cabin/Cabin-Regular-webfont.svg#Cabin') format('svg');
    font-weight: normal;
    font-style: normal;}
	
	   /*----------------------------------------------------
@Global
-----------------------------------------------------*/
html, body{
line-height: 20px;
font-family:'Colab-Thin', Helvetica, Arial, Verdana, sans-serif;
font-size: 12px;
font-size-adjust:0.49; 
font-weight: 100 !important; 
font-style: normal;}

p{
margin: 0;
font-size: 12px;
line-height: 24px;
font-family: 'Colab-Thin', Helvetica, Arial, Verdana, sans-serif;}
  

  
h1 {
font-size-adjust:0;
font-weight:100 !important; 
font-style:normal;}

/*fonts*/
.gear{font-family: 'Gear' !important;}
.gearbd{font-family: 'Gear-Bold' !important;}
.imp{font-family: 'Imp-Caps' !important;}
.robot{font-family: 'Robot' !important;}
.cabin{font-family: 'Cabin' !important}

/*font-sizes*/
.L90{font-size: 90px !important;} 
.L78{font-size: 78px !important;} 
.L37{font-size: 37px !important;}
.L26{font-size: 26px !important;}
.L24{font-size: 1.6em!important; line-height:1.4em; margin-left:10px;}
.L22{font-size: 20px !important; }
.L20{font-size: 20px !important; line-height:20px; }

.xl{font-size: 94px !important;}
.large{font-size: 54px !important;}
.jers{font-size: 1.8em !important; text-transform:uppercase; color:white;line-height:.9em; margin-bottom:.2em;}
.medium{font-size: 28px !important;}
.regular{font-size: .8em!important; line-height:1.4em; color:white;}
.small{font-size: 11px !important;}
.xs{font-size: 8px !important;}

/*website*/	


/*header*/
header{
background:#13B8DB;
margin: 0 auto;
padding: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 6;
overflow: hidden;
display:none;
}

/*main wrapper*/

div#wrapper {
  width: 100%;
  min-width: 100px;
  padding: 0;
  margin: 0 auto;
  position: relative;}
  

#hdr-box{
margin: 0 auto;
position: relative;
height: 116px;
max-width: 980px;
padding: 0;
}


/*nav main*/

.nav-main{
float:right;
margin-top:83px;
}

.nav-main ul.nav-links li, .nav-main ul.nav-links li a{
color: white; 
font-family: 'Gear', Helvetica, Arial, Verdana, sans-serif;
font-weight:normal;
font-size:.9em;
padding-top: 12px;
padding-bottom:12px;
letter-spacing: 2px;
text-align: center;
text-transform: uppercase;
text-shadow: rgba(0,0,0,.01) 0 0 1px}

.nav-main ul.nav-links li:hover{
opacity:0.8;
}

.nav-main ul.nav-links li{
float: left; 
height:26px;
width:123px;
cursor: pointer;
text-align:center;
}

/*contact*/
#contactbox{
display:none;
height:190px;
width:980px;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
position: fixed;
top:116px; 
z-index: 6;
}

    .email{background: url(../images/sprite.png) no-repeat; background-position: -4px -51px; width:38px; height: 38px; margin-bottom: 6px}
	.phone{background: url(../images/sprite.png) no-repeat; background-position: -4px -8px; width:38px; height: 38px; margin-bottom: 6px}
	.house{background: url(../images/sprite.png) no-repeat; background-position: -4px -94px;}
	.email p, .phone p{margin-left:3em; margin-top:1em; min-width:350px;}
    
	.cb-right{width:230px;padding:8px 0 0 20px;float: left}
	.cb-right .phone, .cb-right .email, .cb-right .links{margin: 6px 0 17px}
	.cb-right .face, .cb-right .twit, .cb-right .you{background: url(../images/sprite.png) no-repeat; background-position: -72px -97px; width:32px; height: 32px; margin-right: 6px; float: left }
	.cb-right .twit{background-position: -109px -97px;}
	.cb-right .you{background-position: -146px -97px;}
	.cb-right p a:hover{border-bottom: 1px dotted white;}
	.cb-right a{color:white;}
	
	/*global*/
	
.articletitle{display:none;}

/*main*/

.scene {
position: relative;
width: 100% !important;
min-width: 1000px;
padding: 0;
margin: 0 auto;
z-index: 0;

}



.scene .desc {
background: none;
width: 1000px;
color: white;
padding: 30px;
position:relative;
z-index:14; 
margin: 3% 0 0 15%;
}


.scene .desc p, .scene .descontact p{
font-family: 'Cabin',Helvetica, Arial, Verdana, sans-serif;
font-weight: normal !important;
letter-spacing: 1px;
text-shadow: rgba(0,0,0,.01) 0 0 1px; z-index: 14;}



/*footer*/
footer {
width: 100%;
padding: 0;
color:white;}

.gps-legal{
width:400px;
position:relative;
margin:25px auto;
text-align: center;
}

footer a {
color: white;
border-bottom: 1px dotted #222;
padding: 0 !important;
margin: 0 !important; 
text-indent: 1px !important;}
  
footer a:hover {border-bottom: 0;}
  
  
  /*clear*/
  .clear-self:after { 
content: " "; 
display: block; 
clear: both; 
visibility: hidden; 
line-height: 0; 
height: 0;
margin-bottom: 0; }

.clear-self { 
/*display: inline-block;*/
display: block;}

html[xmlns] .clear-self { display: block;}

* html .clear-self {height: 1%;}

/*main*/

article {
width: 600px;
margin: 0 0 0 10%;
min-height: 200px;
position: relative;
} 
  
.back { 
position: absolute;
width: 100%;
height: 1400px;
top: 0;
left: 0;
display: inline-block;
z-index:1;
}
  


.mainbg{
position: absolute;
width: 100%;
height: 1400px;
top: 0;
left: 0;
display: inline-block;
z-index:15;
}


.bg, .bg1, .bg2, .bg3, .bg4, .bg5, .bg6, .bg7, 
.bg8, .bg9, .bg10, .bg11, .bg12, .bg13, .bg14, .bg15, .bg16,
.bg17,.bg18,.bg19,.bg20,.bg21,.bg22{
position: absolute;
height: 2000px;
width: 1900px;
top: 0;
left: 0;
z-index:6;}




#home, #print, #data, #warehouse, #promotional, #sponsorship, #contact{
height: 1200px;
width: 100%;
margin: 0;
overflow: hidden;
position: relative;
z-index:0;
top:0;
}


/*background*/

#home .back,  #print .back, #data .back, #warehouse .back, #promotional .back, #sponsorship .back, #contact .back, #scene8 .back
{ 
background: url(../images/backgroundsmall.svg) no-repeat center center ;
width:100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}



/*ul,li*/
#home ul, #print, ul, #data ul, #warehouse ul, #promotional ul, #sponsorship ul, #contact ul, #scene8 ul
{margin-left: 0px; list-style-type: none; letter-spacing: 1px; line-height:30px;z-index:8;}
#home li, #print li, #data li, #warehouse li, #promotional li, #sponsorship li, #contact li, #scene8 li{padding:7px 0; font-size: 28px; z-index:12;}





/*nav*/
#home nav, #print nav, #data nav, #warehouse nav, #promotional nav, #sponsorship nav, #contact nav{
position:relative;
z-index:8;
left:55%;
top:25%;
}

#home nav a, #print nav a, #data nav, #warehouse nav, #promotional nav, #sponsorship nav, #contact nav{
z-index:24;
}


nav.vertical {
  overflow: hidden;
  text-align: center;
  max-width:320px;
  background-image: url('../images/links/back.png');
  background-repeat: repeat-y;
}
 
  nav.vertical > ul {
    list-style-type: none;
	 background:url(../images/octupus.gif);
	 background-repeat:no-repeat;
	 background-position:11% 95%;
  }
 
    nav.vertical > ul > li {
      display: block;
	 height:50px;
	 margin-bottom:-15px;
	 text-align:left;
	}
	
	
	
	
/*nav buttons*/

a:hover{cursor:pointer;}

.bottom{background:url(../images/links/bottomoct.png)no-repeat; height:60px; bottom:5px;padding-top:0px;}

.last{margin-top:0px; padding-bottom:0px;}

/*buttons*/
	
	.home:hover, .selected .home{
		content: url('../images/links/home_hover.png');	
	 }
	
    .print:hover, .selected .print{
	 content: url('../images/links/print_hover.png');	
	}
	
	
	.data:hover, .selected .data{
	 content: url('../images/links/data_hover.png');	
	}
	
	.ware:hover, .selected .ware{
	 content: url('../images/links/warehouse_hover.png');	
	}
	
	.promotional:hover, .selected .promotional{
	 content: url('../images/links/promotional_hover.png');	
	}
	
	
	.sponsorship:hover, .selected .sponsorship{
	 content: url('../images/links/sponsorship_hover.png');	
	}
	
	
	.contact:hover, .selected .contact{
	 content: url('../images/links/contact_hover.png');	
	}

 
 /*island, palmtree*/
#print .bg6, #data .bg6, #contact .bg6{background: url(../images/island.png) 33% 18% no-repeat ; z-index:2;}
#sponsorship .bg6{background: url(../images/islandtom.svg) 31% 16% no-repeat ;z-index:2;}
#home .bg6{background: url(../images/island_board.png) 33% 18% no-repeat ;z-index:2;}
#promotional .bg6{background: url(../images/islandmap.svg) 30% 16% no-repeat ;z-index:2;}
#warehouse .bg6{background: url(../images/island_house.png) 33% 18% no-repeat ;z-index:2;}
#warehouse .bg3{background: url(../images/island_doc.gif) 33% 21% no-repeat ;z-index:2;}
#warehouse .bg2{background: url(../images/top_house.gif) 35% 21% no-repeat ;z-index:3;} 
 
 
#home .bg9, #print .bg9, #data .bg9, #warehouse .bg9, #sponsorship .bg9, #promotional .bg9, #contact .bg9{background: url(../images/palmtree.svg) 17% 6.2% no-repeat; z-index:1;}
#warehouse .bg13, #warehouse .bg14{top:3%; }
#warehouse .bg9{background: url(../images/palmtree.svg) 15% 6.2% no-repeat;}


/*logo*/
#home .bg1, #print .bg1,  #data .bg1, #warehouse .bg1, #promotional .bg1, #sponsorship .bg1, #contact .bg1, #scene8 .bg1{background: url(../images/logo.png) 3% 2% no-repeat; z-index:4;}
#home .bg, #print .bg{ z-index:4;}

/*dolphin*/
#home .bg .dolphin, #print .bg .dolphin{background:url(../images/sprite/dolphin_up.png);z-index:1000;height: 280px; width: 179px;top: 5%; left: 5%; position: relative;animation: dolphinup 2s steps(10) infinite;  animation-play-state: running}



/*safe*/
#home .bg8{background: url(../images/safe.gif) 24% 25% no-repeat; z-index:12;}
#promotional .bg7{background: url(../images/safe.gif) 24% 30% no-repeat; z-index:12;}


/*bird*/
#print .bg2 .bird{background:url(../images/sprite/sprite_reading.png)  35% 19% no-repeat;z-index:4; left: 30%; top: 17.2%; height: 140px; width: 180px; position: relative;
animation: readingbird 3s steps(4) infinite;}
#data .bg2 .bird{background:url(../images/sprite/sprite_data.png);z-index:4; height: 200px; width: 280px;animation: databird 3s steps(21) infinite; position: relative; left: 30%; top: 15%;}
#contact .bg2 .bird{background:url(../images/sprite/sprite_flapping.png); z-index:4; height: 200px; width: 170px; left: 35%; top: 14.2%; position:relative;
animation: flappingbird 3s steps(15) infinite; }
#home .bg2 .bird{background:url(../images/sprite/sprite_greet.png); z-index:4; height: 200px; width: 170px; left: 30%; top: 14.2%; position:relative;
animation: greetingbird 3s steps(27) infinite; }

/*animation*/
@keyframes flappingbird {
  from {
    background-position: 0px; }

  to {
    background-position: -2550px; } }

@keyframes greetingbird {
  from {
    background-position: 0px; }

  to {
    background-position: -4590px; } }

@keyframes dolphinup{
  from {
    background-position: 0px; }

  to {
    background-position: -1790px; } }

@keyframes databird{
  from {
    background-position: 0px; }

  to {
    background-position: -5880px; } }

@keyframes readingbird{
  from {
    background-position: 0px; }

  to {
    background-position: -720px; } }





/*treasuremap*/
#promotional .bg8{background: url(../images/jers.svg) 6% 15% no-repeat; z-index:6;}

/*coconuts*/
#print .bg16 {z-index:6;}
#print .bg16 .coconut1, #print .bg16 .coconut2, #print .bg16 .coconut3 , #print .bg16 .coconut4 , #print .bg16 .coconut5 , #print .bg16 .coconut6 
{ max-width:90px; min-height:100px; top:29%; position:absolute;}
.coco{margin-left: auto; margin-right: auto; display: block; z-index:2;}
#print .center{text-align:center; text-transform:uppercase; display:block; position:relative; margin-top:1%; z-index:2;}

/*coconuts positions*/
#print .bg16 .coconut1
{left:16%;  z-index:5; }
#print .bg16 .coconut2
{left:22%;  z-index:5;  }
#print .bg16 .coconut3
{left:30%;  z-index:5; }
#print .bg16 .coconut4
{left:38%; z-index:5; }
#print .bg16 .coconut5
{left:46%; z-index:5;  }
#print .bg16 .coconut6
{left:52%; z-index:5; }
 
/*moving clouds*/
 .moving{
-webkit-animation: movingclouds 45s linear infinite;
-moz-animation: movingclouds 45s linear infinite;
-o-animation: movingclouds 45s linear infinite	
}

.moving2{
-webkit-animation: movingclouds 75s linear infinite;
-moz-animation: movingclouds 75s linear infinite;
-o-animation: movingclouds 75s linear infinite;
}


/*clouds1*/
#home .bg3{background: url(../images/cloud2.png) 70% 5% no-repeat;z-index:1;}
#home .bg4{background: url(../images/cloud3.png) 20% 5% no-repeat ; z-index:1;}
#home .bg5{background: url(../images/cloud1.png) 10% 5% no-repeat ;z-index:1;}
#home .bg7{background: url(../images/cloud4.png) 28% 5% no-repeat; z-index:1;}

#print .bg3{background: url(../images/cloud2.png) 70% 5% no-repeat;z-index:1;}
#print .bg4{background: url(../images/cloud3.png) 20% 5% no-repeat ; z-index:1;}
#print .bg5{background: url(../images/cloud1.png) 10% 5% no-repeat ;z-index:1;}
#print .bg7{background: url(../images/cloud4.png) 28% 5% no-repeat; z-index:1;}

#data .bg3{background: url(../images/cloud2.png) 70% 5% no-repeat;z-index:1;}
#data .bg4{background: url(../images/cloud3.png) 20% 5% no-repeat ; z-index:1;}
#data .bg5{background: url(../images/cloud1.png) 10% 5% no-repeat ;z-index:1;}
#data .bg7{background: url(../images/cloud4.png) 28% 5% no-repeat; z-index:1;}

#warehouse .bg4{background: url(../images/cloud3.png) 20% 5% no-repeat ; z-index:1;}
#warehouse .bg5{background: url(../images/cloud1.png) 10% 5% no-repeat ;z-index:1;}
#warehouse .bg7{background: url(../images/cloud4.png) 28% 5% no-repeat; z-index:1;}

#promotional .bg3{background: url(../images/cloud2.png) 70% 5% no-repeat;z-index:1;}
#promotional .bg4{background: url(../images/cloud3.png) 20% 5% no-repeat ; z-index:1;}
#promotional .bg5{background: url(../images/cloud1.png) 10% 5% no-repeat ;z-index:1;}


#sponsorship .bg3{background: url(../images/cloud2.png) 70% 5% no-repeat;z-index:1;}
#sponsorship .bg4{background: url(../images/cloud3.png) 20% 5% no-repeat ; z-index:1;}
#sponsorship .bg5{background: url(../images/cloud1.png) 10% 5% no-repeat ;z-index:1;}
#sponsorship .bg7{background: url(../images/cloud4.png) 28% 5% no-repeat; z-index:1;}

#contact .bg3{background: url(../images/cloud2.png) 70% 5% no-repeat;z-index:1;}
#contact .bg4{background: url(../images/cloud3.png) 20% 5% no-repeat ; z-index:1;}
#contact .bg5{background: url(../images/cloud1.png) 10% 5% no-repeat ;z-index:1;}
#contact .bg7{background: url(../images/cloud4.png) 28% 5% no-repeat; z-index:1;}





.scale{zoom:.9; 
 -moz-transform: scale(.9);
 -moz-transform-origin: 0 0;
 -o-transform: scale(.9);
 -o-transform-origin: 0 0;
 -webkit-transform: scale(.9);
  -webkit-transform-origin: 0 0;
 transform: scale(.9); 
 transform-origin: 0 0;}


.scalesmall{zoom:.6; 
 -moz-transform: scale(.6);
 -moz-transform-origin: 0 0;
 -o-transform: scale(.6);
 -o-transform-origin: 0 0;
 -webkit-transform: scale(.6);
  -webkit-transform-origin: 0 0;
 transform: scale(.6); 
 transform-origin: 0 0;}
 

 
 /*media*/
 
 @media (max-width:381px) and (min-width: 220px) 
{
	
header{display:none;}
div{font-size: 1.35vw; }
article {margin: 0 0 0 5%;} 
.scene .desc {
width: 200px;
margin:none;
}


.jers{font-size: 3em!important; line-height:1.2em; margin-top:1em;}
.regular{font-size: 2.1em!important; line-height:1.8em; margin-top:.1em;}

.scalesmall{zoom:.4; 
 -moz-transform: scale(.4);
 -moz-transform-origin: 0 0;
 -o-transform: scale(.4);
 -o-transform-origin: 0 0;
 -webkit-transform: scale(.4);
  -webkit-transform-origin: 0 0;
 transform: scale(.4); 
 transform-origin: 0 0;}

.scale{zoom:.5; 
 -moz-transform: scale(.6);
 -moz-transform-origin: 0 0;
 -o-transform: scale(.6);
 -o-transform-origin: 0 0;
 -webkit-transform: scale(.6);
  -webkit-transform-origin: 0 0;
 transform: scale(.6); 
 transform-origin: 0 0;}
/*map*/
#promotional .bg8{top:45%;}	
/*nav*/
#home nav, #print nav, #data nav, #warehouse nav, #promotional nav, #sponsorship nav, #contact nav{display: none;}
/*islands*/
#print .bg6, #data .bg6, #contact .bg6, #sponsorship .bg6, #home .bg6, #warehouse .bg6{top:47%;}
#promotional .bg6{top:48%}
/*ants*/
#warehouse .bg3{top:49%;}
#warehouse .bg2{top:47.2%;} 
/*palm*/
#home .bg9, #print .bg9, #data .bg9, #promotional .bg9, #contact .bg9{top:46%; left:5%;}
#sponsorship .bg9, #warehouse .bg9{top:46.5%; left: 5%}
/*coconuts*/
#print .bg16 {top:48%;}
/*dolphin*/
#home .bg, #print .bg{top:53%}
/*safe*/
#home .bg8, #promotional .bg7{top:49%;}
/*bird*/
#home .bg2, #print .bg2, #data .bg2, #contact .bg2{top:46.5%}
/*background*/
#home .back,  #print .back, #data .back, #warehouse .back, #promotional .back, #sponsorship .back, #contact .back, #scene8 .back
{ 
background: url(../images/backgroundsml.svg) no-repeat center center ;
width:100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
}


@media (min-width:380px) and (max-width: 479px){
	
header{display:none;}
div{font-size: 1.35vw; }
article {margin: 0 0 0 5%;} 
.scene .desc {
width: 300px;
margin: 5% 0 0 0;
}

.jers{font-size: 3em!important; line-height:1.2em; margin-top:1em;}
.regular{font-size: 2.2em!important; line-height:1.9em; margin-top:.1em; }

.scalesmall{zoom:.4; 
 -moz-transform: scale(.4);
 -moz-transform-origin: 0 0;
 -o-transform: scale(.4);
 -o-transform-origin: 0 0;
 -webkit-transform: scale(.4);
  -webkit-transform-origin: 0 0;
 transform: scale(.4); 
 transform-origin: 0 0;}

.scale{zoom:.5; 
 -moz-transform: scale(.6);
 -moz-transform-origin: 0 0;
 -o-transform: scale(.6);
 -o-transform-origin: 0 0;
 -webkit-transform: scale(.6);
  -webkit-transform-origin: 0 0;
 transform: scale(.6); 
 transform-origin: 0 0;}
/*map*/
#promotional .bg8{top:45%;}	
/*nav*/
#home nav, #print nav, #data nav, #warehouse nav, #promotional nav, #sponsorship nav, #contact nav{top:38%;left:32%;}
/*islands*/
#print .bg6, #data .bg6, #contact .bg6, #sponsorship .bg6, #home .bg6, #warehouse .bg6{top:47%;}
#promotional .bg6{top:48%}
/*ants*/
#warehouse .bg3{top:49%;}
#warehouse .bg2{top:47.2%;} 
/*palm*/
#home .bg9, #print .bg9, #data .bg9, #promotional .bg9, #contact .bg9{top:46%; left:5%;}
#sponsorship .bg9, #warehouse .bg9{top:46.5%; left: 5%}
/*coconuts*/
#print .bg16 {top:48%;}
/*dolphin*/
#home .bg, #print .bg{top:53%}
/*safe*/
#home .bg8, #promotional .bg7{top:49%;}
/*bird*/
#home .bg2, #print .bg2, #data .bg2, #contact .bg2{top:46.5%}
/*background*/
#home .back,  #print .back, #data .back, #warehouse .back, #promotional .back, #sponsorship .back, #contact .back, #scene8 .back
{ 
background: url(../images/backgroundsml.svg) no-repeat center center ;
width:100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
}


@media (min-width:480px) and  (max-width: 600px){

article {margin: 0 0 0 7%;} 
.scene .desc {
max-width: 380px;
margin: 5% 0 0 2%;
}
.regular{font-size: 1.1em!important; line-height:1.1em;}
	
.mainbg { height: 800px;}
 .scale{
 zoom:.6; 
-moz-transform: scale(.6);	
 -moz-transform-origin: 0 0;
 -o-transform: scale(.6);
 -o-transform-origin: 0 0;
 -webkit-transform: scale(.6);
  -webkit-transform-origin: 0 0;
 transform: scale(.6); 
 transform-origin: 0 0;}
 
 .scalesmall{zoom:.4; 
 -moz-transform: scale(.4);
 -moz-transform-origin: 0 0;
 -o-transform: scale(.4);
 -o-transform-origin: 0 0;
 -webkit-transform: scale(.4);
  -webkit-transform-origin: 0 0;
 transform: scale(.4); 
 transform-origin: 0 0;}
 
.nav-main ul.nav-links li{width:63px;}
#home nav, #print nav, #data nav, #warehouse nav, #promotional nav, #sponsorship nav, #contact nav{top:38%;left:44%;}
/*islands*/
#home .bg6, #print .bg6, #data .bg6, #warehouse .bg6, #promotional .bg6, #promotional .bg6, #sponsorship .bg6, #contact .bg6{top:28%;}
/*logo*/
#home .bg1, #print .bg1, #data .bg1, #warehouse .bg1, #promotional .bg1, #promotional .bg1, #sponsorship .bg1, #contact .bg1{top:5%;}
/*ants*/	
#warehouse .bg3{top:30.5%;}
#warehouse .bg2{top:28.2%;}
/*palm*/
#home .bg9, #print .bg9, #data .bg9, #contact .bg9, #promotional .bg9{top:26.5%; left:7%;}
#warehouse .bg9{top:27.5%; left: 7%;}
#promotional .bg9{top:26%;left:7%;}
#sponsorship .bg9{top:27%;left:7%;}
/*dolphin*/
#home .bg, #print .bg {top:33%;}	
/*safe*/
#home .bg8, #promotional .bg7{left:2%; top:32%;}
/*bird*/
#home .bg2, #print .bg2, #data .bg2, #contact .bg2{left:3%;top:27.5%; }
/*coconuts*/
#print .bg16 {left:2%;top:30%;}
/*map*/
#promotional .bg8{top:25%}	
/*background*/
#home .back,  #print .back, #data .back, #warehouse .back, #promotional .back, #sponsorship .back, #contact .back, #scene8 .back
{ 
background: url(../images/background.svg) no-repeat center center ;
width:100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

}

 

@media (min-width:601px) and (max-width: 968px) {
div{font-size: 1.5vw; }
   .scale{
 zoom:.8; 
-moz-transform: scale(.8);	
 -moz-transform-origin: 0 0;
 -o-transform: scale(.8);
 -o-transform-origin: 0 0;
 -webkit-transform: scale(.8);
  -webkit-transform-origin: 0 0;
 transform: scale(.8); 
 transform-origin: 0 0;}
 
 .scene .desc {
width: 320px;
margin: 3% 0 0 10%;
 }
	
#home nav, #print nav, #data nav, #warehouse nav, #promotional nav, #sponsorship nav, #contact nav{left:50%; top:20%;}
 /*island, palmtree*/
#print .bg6, #data .bg6, #contact .bg6{background: url(../images/island.png) 15% 35% no-repeat; }
#sponsorship .bg6{background: url(../images/islandtom.svg) 12% 32% no-repeat;}
#home .bg6{background: url(../images/island_board.png) 12% 35% no-repeat;}
#promotional .bg6{background: url(../images/islandmap.svg) 12% 35% no-repeat;}
#warehouse .bg6{background: url(../images/island_house.png) 12% 35% no-repeat;}
#warehouse .bg3{background: url(../images/island_doc.gif) 12% 40.6% no-repeat;}
#warehouse .bg2{background: url(../images/top_house.gif) 14% 36.5% no-repeat;} 
#home .bg9, #print .bg9, #data .bg9, #warehouse .bg9, #promotional .bg9, #sponsorship .bg9, #contact .bg9{background: url(../images/palmtree.svg) 12% 23% no-repeat;}
#promotional .bg8{background: url(../images/jers.svg) 2% 28% no-repeat; z-index:6;}	

#print .bg16 .coconut1, #print .bg16 .coconut2, #print .bg16 .coconut3 , #print .bg16 .coconut4 , #print .bg16 .coconut5 , #print .bg16 .coconut6 {top:44%;}
/*dolphin*/

/*safe*/
#home .bg8{background: url(../images/safe.gif) 24% 48% no-repeat;}
#promotional .bg7{background: url(../images/safe.gif) 24% 48% no-repeat; z-index:4;}
/*bird*/
#contact .bg2 .bird, #home .bg2 .bird{top:28%; left:25%;}
#home .bg .dolphin, #print .bg .dolphin{top:34%; left: 2%;}
#data .bg2 .bird{top:29%;left:22%;}
#print .bg2 .bird{top:30%; left: 25%; background:}
	
/*background*/
#home .back,  #print .back, #data .back, #warehouse .back, #promotional .back, #sponsorship .back, #contact .back, #scene8 .back
{ 
background: url(../images/background.svg) no-repeat center center ;
width:100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
	
			
	.bg9{background: black;}
}

@media (min-width:968px) and (max-width: 1023px) {
div{font-size: 1.85vw; }
	.scale{
 zoom:.7; 
-moz-transform: scale(.8);	
 -moz-transform-origin: 0 0;
-o-transform: scale(.8);
-o-transform-origin: 0 0;
-webkit-transform: scale(.8);
 -webkit-transform-origin: 0 0;
 transform: scale(.8); 
 transform-origin: 0 0;}
	.scene .desc {
width: 440px;
margin: 3% 0 0 15%;
}
	

#home nav, #print nav, #data nav, #warehouse nav, #promotional nav, #sponsorship nav, #contact nav{left:65%; top:16%;}

 /*island, palmtree*/
#print .bg6, #data .bg6, #contact .bg6{background: url(../images/island.png) 28% 44% no-repeat; }
#sponsorship .bg6{background: url(../images/islandtom.svg) 28% 42% no-repeat;}
#home .bg6{background: url(../images/island_board.png) 28% 44% no-repeat;}
#promotional .bg6{background: url(../images/islandmap.svg) 28% 44% no-repeat;}
#warehouse .bg6{background: url(../images/island_house.png) 28% 43% no-repeat;}
#warehouse .bg3{background: url(../images/island_doc.gif) 28% 48% no-repeat;}
#warehouse .bg2{background: url(../images/top_house.gif) 28% 43.5% no-repeat;} 
#home .bg9, #print .bg9, #data .bg9, #warehouse .bg9, #promotional .bg9, #sponsorship .bg9, #contact .bg9{background: url(../images/palmtree.svg) 18% 33% no-repeat;}
#promotional .bg8{background: url(../images/jers.svg) 2% 28% no-repeat; z-index:6;}	
#print .bg16 .coconut1, #print .bg16 .coconut2, #print .bg16 .coconut3 , #print .bg16 .coconut4 , #print .bg16 .coconut5 , #print .bg16 .coconut6 {top:48%;}
/*dolphin*/
#home .bg, #print .bg{}
/*safe*/
#home .bg8{background: url(../images/safe.gif) 24% 54% no-repeat;}
#promotional .bg7{background: url(../images/safe.gif) 24% 54% no-repeat; }
/*bird*/
#contact .bg2 .bird, #home .bg2 .bird, #home .bg .dolphin, #print .bg .dolphin{top:35%;}
#data .bg2 .bird{top:36%;}
#print .bg2 .bird{top:38%;}


/*background*/
#home .back,  #print .back, #data .back, #warehouse .back, #promotional .back, #sponsorship .back, #contact .back, #scene8 .back
{ 
background: url(../images/background.svg) no-repeat center center ;
width:100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
 
}

@media (min-width: 1024px) and (max-width:1340px){
div{font-size: 1.85vw; }
.scene .desc {max-width: 800px; margin-top:2%; margin:2% 0 0 15%;}
.scale {
zoom:.8; 
-moz-transform: scale(.8);	
-moz-transform-origin: 0 0;
-o-transform: scale(.8);
-o-transform-origin: 0 0;
-webkit-transform: scale(.8);
 -webkit-transform-origin: 0 0;
 transform: scale(.8); 
 transform-origin: 0 0;}
 .scalesmall {
zoom:.7; 
-moz-transform: scale(.7);	
-moz-transform-origin: 0 0;
-o-transform: scale(.7);
-o-transform-origin: 0 0;
-webkit-transform: scale(.7);
 -webkit-transform-origin: 0 0;
 transform: scale(.7); 
 transform-origin: 0 0;}
	
#home nav, #print nav, #data nav, #warehouse nav, #promotional nav, #sponsorship nav, #contact nav{left:70%; top:15%;}
#home .bg6, #print .bg6, #data .bg6, #warehouse .bg6, #promotional .bg6, #promotional .bg6, #sponsorship .bg6, #contact .bg6{top:24%;}
#warehouse .bg3{top:29%;}
#warehouse .bg2{top:25%;} 
#home .bg9, #print .bg9, #data .bg9, #promotional .bg9, #sponsorship .bg9, #contact .bg9, #warehouse .bg9{top:16.6%; left:11%; }
#promotional .bg8{background: url(../images/jers.svg) 3% 25% no-repeat;}	

 /*island, palmtree*/
#print .bg6, #data .bg6, #contact .bg6{background: url(../images/island.png) 33% 11% no-repeat; }
#sponsorship .bg6{background: url(../images/islandtom.svg) 31% 8% no-repeat;}
#home .bg6{background: url(../images/island_board.png) 33% 11% no-repeat;}
#promotional .bg6{background: url(../images/islandmap.svg) 30% 11% no-repeat;}
#warehouse .bg6{background: url(../images/island_house.png) 33% 10% no-repeat;}
#warehouse .bg3{background: url(../images/island_doc.gif) 33% 13.5% no-repeat;}
#warehouse .bg2{background: url(../images/top_house.gif) 35% 13.8% no-repeat;} 

/*safe*/
#home .bg8{background: url(../images/safe.gif) 24% 47% no-repeat;}
#promotional .bg7{background: url(../images/safe.gif) 24% 47% no-repeat; }
/*bird*/

#contact .bg2 .bird, #home .bg2 .bird, #home .bg .dolphin, #print .bg .dolphin{top:30%;}
#data .bg2 .bird, #print .bg2 .bird{top:31%; left: 32%}
#print .bg2 .bird{top:33%;}
	
#print .bg16 .coconut1, #print .bg16 .coconut2, #print .bg16 .coconut3 , #print .bg16 .coconut4 , #print .bg16 .coconut5 , #print .bg16 .coconut6 {top:42%;}
  /*background*/
#home .back,  #print .back, #data .back, #warehouse .back, #promotional .back, #sponsorship .back, #contact .back, #scene8 .back
{ 
background: url(../images/background.svg) no-repeat center center ;
width:100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.contacts{max-width: 300px; position:absolute; margin: 0 auto; top:10%;display: inline-block; left: 50%}
.cont{width: 200px; display: inline-block;}
	
}


@media (min-width: 1340px) and (max-width: 1440px) {

div{font-size: 1.85vw; }
.scene .desc {width: 1000px; }
.scale, .scalesmall{
zoom:1; 
-moz-transform: scale(1);	
-moz-transform-origin: 0 0;
-o-transform: scale(1);
-o-transform-origin: 0 0;
-webkit-transform: scale(1);
 -webkit-transform-origin: 0 0;
 transform: scale(1); 
 transform-origin: 0 0;}
 #home nav, #print nav, #data nav, #warehouse nav, #promotional nav, #sponsorship nav, #contact nav{left:80%;top:10%;}
#home .bg6, #print .bg6, #data .bg6, #warehouse .bg6,  #contact .bg6{top:3%;}
#warehouse .bg3{top:11%;}
#warehouse .bg2{top:4%;}
#home .bg9, #print .bg9, #data .bg9, #warehouse .bg9, #promotional .bg9, #sponsorship .bg9, #contact .bg9{top:0%; left:12%;}
#warehouse .bg9{top:1%;}
#home .bg, #print .bg {top:20%;}
#home .bg8, #promotional .bg7{left:2%; top:8%;}
#home .bg2, #print .bg2, #data .bg2, #contact .bg2{left: 6%;top:1%;}
#home .bg2, #contact .bg2{left:2%;}
#promotional .bg2{left:6%;}
.scene .desc {max-width: 800px; margin:2% 0 0 20%;}
  /*background*/
#home .back,  #print .back, #data .back, #warehouse .back, #promotional .back, #sponsorship .back, #contact .back, #scene8 .back
{ 
background: url(../images/background.svg) no-repeat center center ;
width:100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#promotional .bg6{background: url(../images/islandmap.svg) 28% 20% no-repeat }
#sponsorship .bg6{background: url(../images/islandtom.svg) 30% 18% no-repeat }
.contacts{max-width: 300px; position:absolute; margin: 0 auto; top:10%;display: inline-block; left: 50%}
.cont{width: 200px; display: inline-block;}
#data .bg2 .bird{top:16%;}	
	
}

@media (min-width: 1440px) {

div{font-size: 1.65vw; }
.scale, .scalesmall{
zoom:1; 
-moz-transform: scale(1);	
-moz-transform-origin: 0 0;
-o-transform: scale(1);
-o-transform-origin: 0 0;
-webkit-transform: scale(1);
 -webkit-transform-origin: 0 0;
 transform: scale(1); 
 transform-origin: 0 0;}
#home nav, #print nav, #data nav, #warehouse nav, #promotional nav, #sponsorship nav, #contact nav{left:75%;top:10%;}
#home .bg6, #print .bg6, #data .bg6, #warehouse .bg6, #promotional .bg6, #promotional .bg6, #sponsorship .bg6, #contact .bg6{top:3%;}
#warehouse .bg3{top:11%;}
#warehouse .bg2{top:4%;}
#home .bg9, #print .bg9, #data .bg9, #warehouse .bg9, #promotional .bg9, #sponsorship .bg9, #contact .bg9{top:2%; left:4%;}
#warehouse .bg9{top:1%;}
#warehouse .bg10, #warehouse .bg11{top:3%;}
#warehouse .bg13, #warehouse .bg14{top:5%;}
#home .bg, #print .bg {top:20%;}
#home .bg8, #promotional .bg7{left:2%; top:8%;}
#home .bg2, #print .bg2, #data .bg2, #contact .bg2{left: 6%;top:1%;}
#home .bg2, #contact .bg2{left:2%;}
#promotional .bg2{left:6%;}
#promotional .bg8{background: url(../images/jers.svg) 6% 17% no-repeat; z-index:6;}
.scene .desc {max-width: 800px; margin-top:20px;}
  /*background*/
#home .back,  #print .back, #data .back, #warehouse .back, #promotional .back, #sponsorship .back, #contact .back, #scene8 .back
{ 
background: url(../images/background.svg) no-repeat center center ;
width:100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#promotional .bg8{background: url(../images/jers.svg) 6% 4% no-repeat; }
#promotional .bg9{background: url(../images/palmtree.svg) 17% 8.3% no-repeat;}
#sponsorship .bg9{background: url(../images/palmtree.svg) 17% 9% no-repeat;}
#promotional .bg6{background: url(../images/islandmap.svg) 30% 19% no-repeat;}
#sponsorship .bg6{background: url(../images/islandtom.svg) 30% 17% no-repeat;}
.contacts{max-width: 300px; position: relative; margin: 0 auto;}
#data .bg2 .bird{top:15%;}	

		}
 
 
@media (max-width: 1800px) and (min-width: 1440px){

#promotional .bg8{background: url(../images/jers.svg) 6% 17% no-repeat; z-index:6;}	
.contacts{max-width: 300px; position:absolute; margin: 0 auto; top:10%;display: inline-block; left: 50%}
.cont{width: 200px; display: inline-block;}
/*island*/
#home .bg6, #print .bg6, #data .bg6, #contact .bg6, #promotional .bg6, #sponsorship .bg6{right:15%; top:3.9%;}
#warehouse .bg6{ top: 2.7%;}
#warehouse .bg3{top:10%;}
#warehouse .bg2{top:3%;} 
/*palm*/
#home .bg9, #print .bg9, #data .bg9, #warehouse .bg9, #contact .bg9{left:12%; top:0}
#sponsorship .bg9, #promotional .bg9{left:10%; top:0;}
/*birds, dolphin*/
#home .bg, #print .bg {top:20%;}
#home .bg2, #print .bg2, #data .bg2, #contact .bg2{left: 2%;top:3%; }
	/*nav*/
#home nav, #print nav, #data nav, #warehouse nav, #promotional nav, #sponsorship nav, #contact nav{top:14%;}


}
 
 
@media (min-width: 1800px) {
div{font-size: 1.35vw; }
.scalesmall{
zoom:1; 
-moz-transform: scale(1);	
-moz-transform-origin: 0 0;
-o-transform: scale(1);
-o-transform-origin: 0 0;
-webkit-transform: scale(1);
 -webkit-transform-origin: 0 0;
 transform: scale(1); 
 transform-origin: 0 0;}
#promotional .bg8{background: url(../images/jers.svg) 6% 17% no-repeat; z-index:6;}
.scene .desc {width: 1100px; margin-left:15%;}
#home nav, #print nav, #data nav, #warehouse nav, #promotional nav, #sponsorship nav, #contact nav{left:70%; top:10%;}
#home .bg6, #print .bg6, #data .bg6, #warehouse .bg6, #contact .bg6, #promotional .bg6, #sponsorship .bg6{right:15%; top:3%;}
#home .bg9, #print .bg9, #data .bg9,#contact .bg9{left:10%;top:0}
#warehouse .bg9{left:10%;top:4%}
#promotional .bg9, #sponsorship .bg9{left:8%; top: 0; }
#warehouse .bg3{top:11%;}
#warehouse .bg2{top:4%;} 
/*birds, dolphin*/
#home .bg, #print .bg {top:20%;}
#home .bg2, #print .bg2, #data .bg2, #contact .bg2{left: 2%;top:2%;}
 /*background*/
#home .back,  #print .back, #data .back, #warehouse .back, #promotional .back, #sponsorship .back, #contact .back, #scene8 .back
{ 
background: url(../images/background.svg) no-repeat center center ;
width:100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.contacts{max-width: 300px; position:absolute; margin: 0 auto; top:10%;display: inline-block; left: 30%}
.cont{width: 200px; display: inline-block;}
/*nav*/
#home nav, #print nav, #data nav, #warehouse nav, #promotional nav, #sponsorship nav, #contact nav{
top:15%;
}


}