@font-face 
{
    font-family: 'EuropeExtRegular';
    src: url('../fonts/europeext-webfont.eot');
    src: url('../fonts/europeext-webfont.eot?iefix') format('eot'),
         url('../fonts/europeext-webfont.woff') format('woff'),
         url('../fonts/europeext-webfont.ttf') format('truetype'),
         url('../fonts/europeext-webfont.svg#webfontdvAGtN8p') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face 
{
    font-family: 'EuropeExtBold';
    src: url('../fonts/europeext-bold-webfont.eot');
    src: url('../fonts/europeext-bold-webfont.eot?iefix') format('eot'),
         url('../fonts/europeext-bold-webfont.woff') format('woff'),
         url('../fonts/europeext-bold-webfont.ttf') format('truetype'),
         url('../fonts/europeext-bold-webfont.svg#webfontf0ykxRTe') format('svg');
    font-weight: normal;
    font-style: normal;

}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead,
article, aside, figure, footer, header,
hgroup, menu, nav, section, menu,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

article, aside, figure, footer, header,
hgroup, nav, section { display:block; }

ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; text-decoration: none; color:#000;}

a:hover { color:#F00; cursor:pointer; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }

/* tables still need cellspacing="0" in the markup */

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

sup { font-size: x-small; vertical-align:text-top; }

html { overfolw-x: hidden; overflow-y:scroll;}


body
{
	background-color:#FFF;
	font-family:Tahoma, Geneva, sans-serif;
}


/* END RESET CSS */

h1
{
	font-family: 'EuropeExtBold', Helvetica, Arial;
	font-weight:lighter;
    letter-spacing: -0.03em;
	font-size:60px;
}


h2 
{
	font-family: 'EuropeExtRegular', Helvetica, Arial;
	font-weight:lighter;
    letter-spacing: -0.03em;
	font-size:28px;
}

.ie6 input { vertical-align: text-bottom; }
.ie7 img { -ms-interpolation-mode: bicubic; }


.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }


#container
{
	overflow:hidden; 
	min-height:480px; 
}



#header 
{
	background:#FFF url('../images/mobile/top.jpg') no-repeat center;
	height: 387px;
	position: relative;
	z-index: 1;
	overflow: hidden;
	left:50%;
	width:320px;
	margin-left:-160px;
}

#logo
{
	position:absolute;
	left:2%;
	top:5px;
	z-index:1000;
	overflow: hidden;
	width:98%;
}

#logo h1
{
	position:absolute;
	font-size:32px;
}


#logo h2
{	
	font-size:16px;
	margin-top:35px;
	margin-left:15px;
}

.red
{
	color:#F00;
}



#nav
{
	position:absolute;
	top:100px;
	left:3%;
	z-index:1000;
	overflow: hidden;
}


#nav h2
{	
	/*font-weight:bold;*/
}


#city

{	
	position:absolute;
	background-image:url('../images/mobile/background.jpg');
	top:-75px;
    height: 2333px;
	background-color:#FFF;
	background-repeat:no-repeat;
	background-position:center;
    position: relative;
    z-index: 2;
    overflow: hidden;
	left:50%;
	width:320px;
	margin-left:-160px;
}


#mers 
{
    min-height:104px;
	margin-left:-25px;
    bottom: 40%;
    left: 50%;
    position: fixed;
    z-index: 20;
    line-height:0;
}

#mers-img 
{
    background: transparent url('../images/mobile/SMersedes.png') no-repeat;
    width: 0;
    height: 0;
}

#mers-img.visible 
{
    width: 50px;
    height: 104px;
}


#hideMersInBeginning 
 {
 	position: absolute;
	left:50%;
    z-index: 100;
	width: 148px;
    height: 391px;
    background: transparent url('../images/mobile/hide-mers.png') no-repeat bottom center;
    top: 0px;
	margin-left:-74px;
 }



#speechBubbleWrapper
{	
	position:fixed;
    bottom: 40%;
    left: 50%;
	display: none;
    z-index: 5000;
    line-height:0;
	margin-left:-110px;
	margin-bottom:60px;
	width: 120px;
}


#speechBubble 
{
    position: relative;
	color: #000;
    line-height: 1.5;
	z-index:50;
	text-align:center;
	font-size:9px;
	
	padding:5px;
	background-color:rgba(250, 250, 250, 0.8);
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
	-moz-box-shadow: 0 -2px 2px #333;
	-webkit-box-shadow: 0 -2px 2px #333;
	box-shadow: 0 -2px 2px #333;
}


#speechBuubleImage
{	
	height:20px;
	width:120px;
    z-index: 500;
	background-image:url('../images/mobile/speechbubble_v2.png');
	background-repeat:no-repeat;
	background-position:bottom left;
}


#speechBuubleImage.leftBig
{	
	background-position:bottom right;
}


#speechBubbleWrapper.right
{		
	margin-left:10px;
}


#speechBuubleImage.right
{	
	background-position:bottom center;
}



#tree
{
    position: absolute;
    z-index: 30;
    overflow: hidden;
	background: transparent url('../images/mobile/tree-cloud.png') no-repeat center;
	top:314px;
	left:50%;
    height: 2333px;
	width:320px;
	margin-left:-160px;
}

#chef 
{
	position: absolute;
	left:50%;
	z-index: 25;
	background: transparent url('../images/mobile/SChef.png') no-repeat;
	top: 677px;
	margin-left:-125px;
	width: 38px;
	height: 70px;
}
 
 #dance 
{
	position: absolute;
	left:50%;
	z-index: 25;
	background: transparent url('../images/mobile/SDance.png') no-repeat;
	top: 982px;
	margin-left:-149px;
	width: 49px;
	height: 63px;
}
 
 
#woman 
{
	position: absolute;
	left:50%;
	z-index: 25;
	background: transparent url('../images/mobile/SWoman.png') no-repeat;
	top: 1469px;
	margin-left:36px;
	width: 32px;
	height: 86px;
}


#moto 
{
	position: absolute;
	left:50%;
	z-index: 25;
	background: transparent url('../images/mobile/SMoto.png') no-repeat;
	top: 1683px;
	margin-left:-182px;
	width: 87px;
	height: 61px;
}



#man 
{
	position: absolute;
	left:50%;
	z-index: 25;
	background: transparent url('../images/mobile/SMan.png') no-repeat;
	top: 2195px;
	margin-left:-106px;
	width: 28px;
	height: 76px;
}




#contact
{
	position:relative;
	width:260px;
	background:#FFF;
    overflow: hidden;
	z-index:100;
	text-align:center;
	margin-top:-160px;
	height:850px;
}



#contact_logo
{
	color:#e3e3e3;
}



#contact_logo h1
{
	font-size:40px;
}



#contact_logo h2
{
	margin-top:30px;
}


#contact_form
{
	position:absolute;
	margin-top:20px;
}


#contact_form span
{
	font-family: 'EuropeExtRegular', Helvetica, Arial;
	font-weight:lighter;
    letter-spacing: -0.03em;
	font-size:16px;
	margin-right:25px;
}


label 
{
	display:block;
	text-align:center;
	margin:10px;
}


form input
{
	color: #333;
	border:#bfbfbf 1px solid;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
	font-style: italic;
	-moz-box-shadow: inset 0 0 5px #888;
	-webkit-box-shadow: inset 0 0 5px#888;
	box-shadow: inner 0 0 5px #888;
	padding: 0.3em 1em;
	margin: -0.1em 0.5em 0 0;
	width: 153px;
	height: 15px;
	
}

form input[type=text]:active, form input[type=text]:focus, 
textarea:active, textarea:focus, 
form input[type=email]:active, form input[type=email]:focus
{
	background-color: #DDD;
}

textarea
{	
	color: #333;
	border:#bfbfbf 1px solid;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
	font-style: italic;
	-moz-box-shadow: inset 0 0 5px #888;
	-webkit-box-shadow: inset 0 0 5px#888;
	box-shadow: inner 0 0 5px #888;
	padding: 0.3em 1em;
	margin: -0.1em 0.5em 0 0;
	max-width:155px;
	max-height:150px;
	min-width:155px;
	min-height:150px;
}

form input[type=submit]
{
	font-family: 'EuropeExtRegular', Helvetica, Arial;
	font-style:normal;
	border:#bfbfbf 1px solid;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	border-radius: 0.3em;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
	cursor:pointer;
	width:170px;
	height:30px;
	font-size:14px;
	padding: 0.3em;
}

form input[type=submit]:active, form input[type=submit]:focus 
{
	background-color:#DDD;
}



#aboutus
{
	background:transparent url('../images/mobile/aboutbubble.png') no-repeat center;
	width: 294px;
	height:286px;
	left:50%;
	top:1570px;
	position: absolute;
	z-index: 1000;
	overflow: hidden;
	margin-left:-145px;
	text-align:center;
	visibility:hidden;	
}


#aboutus_header
{
	font-family: 'EuropeExtBold', Helvetica, Arial;
	margin-top:10px;
	font-size:16px;
}


#aboutus_text
{
	font-weight:500;
	color:#333;
	margin:10px;
	font-size:12px;
}


#aboutus_close
{	
	background:transparent url('../images/mobile/close.png') no-repeat left;
	width: 14px;
	height: 14px;
	position: absolute;
	top:15px;
	right:12px;
	cursor:pointer;
}



#aboutus_close:active
{
	background:transparent url('../images/mobile/close.png') no-repeat right;
}



#mheader
{
	width: 100%;
	position: relative;
	z-index: 1;
	overflow: hidden;
	background:#FFF url('../images/mobile/mtop.jpg') no-repeat center;
	height: 135px;
}


#mtext
{
	position:relative;
	width:350px;
	height:200px;
	background:#FFF;
    overflow: hidden;
	z-index:100;
	left:50%;
	margin-left:-250px;
	margin-top:50px;
}


#m_logo
{
	color:#e3e3e3;
	text-align:center;
}


#hideMersWithCloud
{
	background:transparent url('../images/mobile/hide-mers-cloud.png');	
	width:73px;
	height:149px;
	margin-left:-35px;
	position:absolute;
	top:2580px;
	background-repeat:no-repeat;
	left:50%;
	z-index:100;
}


#footer
{
	position:absolute;
	top:2850px;
	text-align:center;
	z-index:100000;
	width:260px;
	margin-left:-130px;
	left:50%;
}


#ground
{
	height:3500px;
}


@media only screen and (min-width : 321px)
{


#header, #city, #tree
{	
	width: 480px;
	margin-left:-240px;
}


}



/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width: 768px)
{
	

#header 
{
	background:#FFF url('../images/small/top.jpg') no-repeat center;
	height: 825px;
	width:1024px;
	margin-left:-512px;
	-webkit-background-size:100% 100%;
}

#city

{
	background-image:url('../images/small/background.jpg');
	top:-161px;
    height: 4976px;
	width:1024px;
	margin-left:-512px;
	-webkit-background-size:100% 100%;
}



#logo
{
	top:15px;
}

#logo h1
{
	font-size:68px;
}


#logo h2
{	
	font-size:28px;
	margin-top:60px; 
	margin-left:30px;
}

#nav
{
	top:180px;
	left:3%;
}


#mers 
{
    bottom: 40%;
	min-height:224px;
	margin-left:-53px;
}

#mers-img 
{
    background: transparent url('../images/small/SMersedes.png') no-repeat;
}

#mers-img.visible 
{
    width: 108px;
    height: 229px;
}


#hideMersInBeginning 
 {
    width: 314px;
    height: 834px;
    background: transparent url('../images/mobile/hide-mers-big.png') no-repeat bottom center;
    top: 0;
	margin-left:-156px;
 }


#speechBubbleWrapper
{	
	position:fixed;
    bottom: 40%;
    left: 50%;
	display: none;
    line-height:0;
	width: 240px;
    z-index: 500;
	
    margin-left:-230px;
    margin-bottom:150px;
}


#speechBubble 
{
    position: relative;
	color: #000;
    line-height: 1.5;
	z-index:50;
	text-align:center;
 	font-size:100%;
	
	padding:5px;
	background-color:rgba(250, 250, 250, 0.8);
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
	-moz-box-shadow: 0 -2px 2px #333;
	-webkit-box-shadow: 0 -2px 2px #333;
	box-shadow: 0 -2px 2px #333;
}


#speechBuubleImage
{	
	height:38px;
	width:240px;
    z-index: 500;
	background-image:url('../images/speechbubble_v3.png');
	background-repeat:no-repeat;
	background-position:bottom left;
}


#speechBuubleImage.leftBig
{	
	background-position:bottom right;
}


#speechBubbleWrapper.right
{		
	margin-left:40px;
}


#speechBuubleImage.right
{	
	background-position:bottom center;
}


#aboutus
{
	background:transparent url('../images/aboutbubble.png') no-repeat center;
	width: 708px;
	height:396px;
	top:980px;
	z-index: 1000;
	margin-left:-310px;
}


#aboutus_header
{
	margin-top:35px;
	font-family: 'EuropeExtBold', Helvetica, Arial;
	font-size:22px;
}


#aboutus_text
{
	font-weight:500;
	color:#333;
	margin:20px;
	font-size:18px;
}


#aboutus_close
{
	background:transparent url('../images/close.png') no-repeat left;
	width: 29px;
	height: 28px;
	position: absolute;
	top:15px;
	right:12px;
	cursor:pointer;
}



#aboutus_close:active
{
	background:transparent url('../images/close.png') no-repeat right;
}


#tree
{
	background: transparent url('../images/small/tree-cloud.png') no-repeat center;
	top:672px;
    height: 4976px;
	width:1024px;
	margin-left:-512px;
	-webkit-background-size:100% 100%;
}

#chef 
{
	background: transparent url('../images/small/SChef.png') no-repeat;
	top: 1448px;
	margin-left:-268px;
	width: 81px;
	height: 151px;
}
 
 #dance 
{
	background: transparent url('../images/small/SDance.png') no-repeat;
	top: 2103px;
	margin-left:-318px;
	width: 104px;
	height: 136px;
}
 
 
#woman 
{
	background: transparent url('../images/small/SWoman.png') no-repeat;
	top: 3145px;
	margin-left:77px;
	width: 69px;
	height: 184px;
}


#moto 
{
	background: transparent url('../images/small/SMoto.png') no-repeat;
	top: 3606px;
	left:50%;
	margin-left:-389px;
	width: 189px;
	height: 131px;
}



#man 
{
	background: transparent url('../images/small/SMan.png') no-repeat;
	top: 4701px;
	margin-left:-226px;
	width: 61px;
	height: 163px;
}



#contact
{
	width:500px;
	margin-left:20px;
}

label
{
	text-align:right;
}


form input[type=submit]
{
	margin-left:130px;
}


#ground
{
	height:6600px;	
}



#hideMersWithCloud
{
	background:transparent url('../images/small/hide-mers-cloud.png');
	width:160px;
	height:382px;
	margin-left:-80px;
	top:5500px;
}



#footer
{
	position:absolute;
	top:5900px;
	text-align:center;
	z-index:100000;
	width:500px;
	margin-left:-250px;
	left:50%;
}



#mheader
{
	background:#FFF url('../images/small/mtop.jpg') no-repeat center;
	height: 409px;
}


}


/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}