@charset "UTF-8";
/* CSS Document */

body {font-family: 'Quicksand', Calibri, Century Gothic ;
background-color:#ffffff;
color:#484848;


}

#container {
z-index:2;
  width:950px;
  margin:0 auto;
}

@font-face {
  font-family: 'limefly';
  src: url('giro.eot');
  src: url('giro.woff') format('woff'),
       url('giro.ttf') format('truetype');
}

#limefly {
		float:left;
		position:fixed;
		width:170px;
		height:170px;
		border-radius:150px;
		z-index:100;
		background-color: #ffffff;
		padding:20px 0 0 20px;
		margin-left:375px;
		margin-top:10px;
		overflow:hidden;
	
	}

#limefly2 {
		float:left;
		position: absolute;
		width:170px;
		height:170px;
		border-radius:150px;
		z-index:100;
		background-color: #ffffff;
		padding:20px 0 0 20px;
		margin-left:375px;
		margin-top:10px;
		overflow:hidden;
	
	}
	
#sybonn {
		float:left;
		position:absolute;
		width:170px;
		height:170px;
		z-index:100;
		padding:20px 0 0 20px;
		margin-left:145px;
		margin-top:10px;
	
	}
	
	
#loganpeep {
	float:left;
		position:absolute;
		width:200px;
		
		
		z-index:11001;
		
		padding: 0 0 0 0;
		margin-left:15px;
		margin-top:127px;
		overflow:hidden;
	text-decoration:none;
	 }
	
	
	#limeflysybonn {
		
	
	}
	
	a.limeflysybonn {
	float:left;
		position:absolute;
		width:105px;
		height:105px;
		border-radius:150px;
		z-index:11000;
		background-color: #ffffff;
		padding:15px 0 0 15px;
		margin-left:745px;
		margin-top:80px;
		overflow:hidden;
	border:#ffffff 1px solid;
	 -webkit-transition: border 0.5s;
	 transition: border 0.5s;
	text-decoration:none;
	 }

a.limeflysybonn:hover { 
float:left;
		position:absolute;
		width:105px;
		height:105px;
		border-radius:150px;
		z-index:11000;
		background-color: #ffffff;
		padding:15px 0 0 15px;
		margin-left:745px;
		margin-top:80px;
		overflow:hidden;
	border: #666666 1px solid;
	 -webkit-transition: border 0.5s;
	 transition: border 0.5s;
	text-decoration:none;
	
	 
}
	
#social {
margin-top:15px;
margin-left:800px;
float:left;
text-decoration:none;
z-index:1;

}

#social a {
text-decoration:none;
margin-right:5px;

}

#social img {

width:30px;
height:30px;
border-radius:40px;
background-color:#ebebeb;
-webkit-transition: background-color 450ms linear;
     -moz-transition: background-color 450ms linear;
     -o-transition: background-color 450ms linear;
     -ms-transition: background-color 450ms linear;
     transition: background-color 450ms linear;}


#social img:hover {
width:30px;
height:30px;
     background-color: #b1e007;
     -webkit-transition: background-color 150ms linear;
     -moz-transition: background-color 150ms linear;
     -o-transition: background-color 150ms linear;
     -ms-transition: background-color 150ms linear;
     transition: background-color 150ms linear;
}

#map {
float:left;
position:fixed;
		width:100%;
		height:100%;
		z-index:1;
		}

#navbar {
float:left; 
width:950px; 
height:60px;
margin-top:160px;
border-top:#dcdcdc solid 3px;

}

a.navlink { 
     display:block; 
     float:left;
	 padding-top:5px;
	 -webkit-transition: background-color 1s;
	 transition: background-color 1s;
	 color:#484848;
	 font-family: 'limefly';
	 font-size:36px;
text-decoration:none;
	 
}

a.navlink:hover { 
     display:block;
     float:left;
	 background-color:#b1e007;
	 color:#ffffff;
	 padding-top:5px;
	 -webkit-transition: background-color 0.5s;
	 transition: background-color 0.5s;
	 font-family: 'limefly';
	 font-size:36px;
text-decoration:none;
	 
}

#currency {
float:left; 
width:50px; 
height:50px;
padding:0px 0 0 0 ;
margin-left:100px; 

}

#code {
float:left; 
width:700px; 
height:40px;
padding:10px 0 0 0 ;
background-color:#b1e007;

}

.showcasebox {
float:left; 
width:950px; 
height:400px;
margin-top:25px; 
background-color:#dcdcdc;
z-index:1;

}

.content {
float:left; 
width:920px;
margin-top:25px; 
padding:15px;
background-color:#dcdcdc;
z-index:1;

}

.content h1 {
	font-size:40px;
}

.content h2 {
	font-size:30px;
}

.content ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.content ul li {
    background-image: url(../images/flypoint1.gif);
    background-repeat: no-repeat;
    background-position: 0px 5px; 
    padding-left: 30px; 
	font-size:18px;
	text-decoration:none;
	margin-bottom:10px;
	height:50px;
}

.content ul li a {
	text-decoration:none;
	color:#3a51b2
}

.content ul li a:hover {
	text-decoration:none;
	color:#ffffff;
}

.shop {
float:left; 
width:900px;
margin-top:25px; 
padding:10px 0 10px 50px;
background-color:#E4E4E4;
z-index:1;
height:80%;

}

#signup {
float:left; 
width:950px; 
height:85px;
margin-top:20px;

}

#signuptxt {
float:left; 
width:690px; 
height:45px;
margin-top:10px;
background-color:#dcdcdc;
font-size:24px;
padding:10px 0 0 15px;
}

#signup a {
text-decoration:none;
margin-right:2px;

}

#signup img {

width:75px;
height:75px;
background-color:#ebebeb;
-webkit-transition: background-color 450ms linear;
     -moz-transition: background-color 450ms linear;
     -o-transition: background-color 450ms linear;
     -ms-transition: background-color 450ms linear;
     transition: background-color 450ms linear;}


#signup img:hover {
width:75px;
height:75px;
     background-color: #b1e007;
     -webkit-transition: background-color 150ms linear;
     -moz-transition: background-color 150ms linear;
     -o-transition: background-color 150ms linear;
     -ms-transition: background-color 150ms linear;
     transition: background-color 150ms linear;
}

#tiles {
float:left; 
width:950px; 
height:700px;
margin-top:10px;
z-index:1

}

#tile1 {
float:left; 
width:296px; 
height:296px;
margin-right:30px;
background-color:#dcdcdc;
}

#tile2 {
float:left; 
width:296px; 
height:296px;
margin-right:30px;
background-color:#dcdcdc;
}

#tile3 {
float:left; 
width:296px; 
height:296px;
background-color:#dcdcdc;
}

#tile4 {
float:left; 
width:460px; 
height:296px;
background-color:#dcdcdc;
margin-top:30px;
margin-right:30px;
}

#tile5 {
float:left; 
width:460px; 
height:296px;
background-color:#dcdcdc;
margin-top:30px;

}

#tileimg {
float:left; 
width:60px;
margin:31px 0 0 800px;

}


#tilesnav { 
width:950px; 
height:700px;
margin-top:860px;
z-index:2;
position:absolute;


}

a.tileslink {
	display:block;
	width:60px;
	height:65px;
	background-color: #b1e007;
	color:#FFFFFF;
	padding-left:7px;
	-webkit-transition: background-color 0.5s;
	transition: background-color 0.5s;
	font-family: 'limefly';
	font-size:50px;
	text-decoration:none;
	position:absolute;
	border:#ffffff 1px solid;
	 }

a.tileslink:hover { 
     display:block;
	 width:60px;
	height:65px;
	 background-color:#ebebeb;
	 color:#484848;
	 padding-left:7px;
	 -webkit-transition: background-color 0.5s;
	 transition: background-color 0.5s;
	 font-family: 'limefly';
	 font-size:50px;
	text-decoration:none;
	position:absolute;
	 
}

#shopback { 
margin:600px 0 0 -10px;
z-index:2;
position:absolute;


}

#shopback.stick {
    position: fixed;
    top: -460px;
    z-index: 10000;
}

#backanchor { 
margin-top:460px;
z-index:2;
position:absolute;


}

a.back {
	display:block;
	width:90px;
	height:45px;
	background-color: #b1e007;
	color:#FFFFFF;
	padding:7px 0 0 7px;
	-webkit-transition: background-color 0.5s;
	transition: background-color 0.5s;
	font-family: 'limefly';
	font-size:40px;
	text-decoration:none;
	border:#ffffff 1px solid;
	 }

a.back:hover { 
     display:block;
	 width:90px;
	height:45px;
	 background-color:#ebebeb;
	 color:#484848;
	 padding:7px 0 0 7px;
	 -webkit-transition: background-color 0.5s;
	 transition: background-color 0.5s;
	 font-family: 'limefly';
	 font-size:40px;
	text-decoration:none;
	
	 
}

 #shopback.sticky {
     position: fixed;
     top: 0;
  }

#footer {
float:left; 
width:800px; 
height:150px;
padding:10px 0 0 0 ;
margin-left:75px; 
background-color:#b1e007;

}

a.footerlink {
	float:left;
	display:block;
	background-color: #b1e007;
	color:#484848;
	padding:5px 5px 5px 5px;
	 -webkit-transition: background-color 0.5s;
	 transition: background-color 0.5s;
	 font-size:18px;
	text-decoration:none;
	margin:0 10px 0 10px;
	 }

a.footerlink:hover { 
	 float:left;
     display:block;
	 background-color:#ebebeb;
	 color:#484848;
	 padding:5px 5px 5px 5px;
	 -webkit-transition: background-color 0.5s;
	 transition: background-color 0.5s;
	 font-size:18px;
	text-decoration:none;
	margin:0 10px 0 10px;
	 
}

a.footerlink2 {
	display:block;
	background-color: #b1e007;
	color:#484848;
	padding:5px 5px 5px 5px;
	 -webkit-transition: background-color 0.5s;
	 transition: background-color 0.5s;
	 font-size:14px;
	text-decoration:none;
	 }

a.footerlink2:hover { 
     display:block;
	 background-color:#ebebeb;
	 color:#484848;
	 padding:5px 5px 5px 5px;
	 -webkit-transition: background-color 0.5s;
	 transition: background-color 0.5s;
	 font-size:14px;
	text-decoration:none;
	 
}

#footerl {
float:left; 
width:800px; 
height:55px;


}

#footertxt1 {
float:left; 
width:800px; 
height:30px;
font-size:16px;
}

#footertxt2 {
float:left; 
width:800px; 
height:40px;
font-size:14px;
}

#selectiontxt {
margin-top:185px;
width:950px;
position:absolute;
z-index:12000;
color:#484848;
	 font-family: 'limefly';
	 font-size:56px;
}


#selection {
top:60%;
width:950px;
position:absolute;
z-index:2;
}

#dollar {
margin:0 0 60px 25px;
float:left;
background-color:#de4040;
width:80px;
height:70px;
padding-top:10px;
font-size:52px;
font-weight:bold;
color:#FFFFFF;
border-radius:150px;
}

#pound {
margin:0 0 60px 325px;
float:left;
background-color:#de4040;
width:80px;
height:70px;
padding-top:10px;
font-size:52px;
font-weight:bold;
color:#FFFFFF;
border-radius:150px;
}

#euro {
margin:0 0 60px 325px;
float:left;
background-color:#de4040;
width:80px;
height:74px;
padding-top:6px;
font-size:52px;
font-weight:bold;
color:#FFFFFF;
border-radius:150px;
}

#footerhome {
top:85%;
width:950px;
position:absolute;
z-index:13000;
float:left; 
width:800px; 
height:100px;
padding:10px 0 0 0 ;
margin-left:75px; 
background-color:#ffffff;
bottom:0px;

}

a.footerlink2a {
	display:block;
	background-color: #ffffff;
	color:#484848;
	padding:5px 5px 5px 5px;
	 -webkit-transition: background-color 0.5s;
	 transition: background-color 0.5s;
	 font-size:14px;
	text-decoration:none;
	 }

a.footerlink2a:hover { 
     display:block;
	 background-color:#b1e007;
	 color:#484848;
	 padding:5px 5px 5px 5px;
	 -webkit-transition: background-color 0.5s;
	 transition: background-color 0.5s;
	 font-size:14px;
	text-decoration:none;
	 
}


#selectionboxes {
float:left;
position:fixed;
		width:100%;
		height:100%;
		z-index:10000;
		left:0px;
		}
		
		
a.sbox1 {
width:34%;
height:100%;
	float:left;
	display:block;
	background-color: #d9f6ff;
	opacity:0.6;
	 -webkit-transition: opacity 0.5s;
	 transition: opacity 0.5s;
	margin:0 0 0 0px;
	 }

a.sbox1:hover { 
width:34%;
height:100%;
	 float:left;
	display:block;
	background-color: #d9f6ff;
	opacity:0;
	 -webkit-transition: opacity 0.5s;
	 transition: opacity 0.5s;
	margin:0 0 0 0px;
	 
}

a.sbox2 {
width:32%;
height:100%;
	float:left;
	display:block;
	background-color: #d9f6ff;
	opacity:0.6;
	 -webkit-transition: opacity 0.5s;
	 transition: opacity 0.5s;
	margin:0 0 0 0px;
	 }

a.sbox2:hover { 
width:32%;
height:100%;
	 float:left;
	display:block;
	background-color: #d9f6ff;
	opacity:0;
	 -webkit-transition: opacity 0.5s;
	 transition: opacity 0.5s;
	margin:0 0 0 0px;
	 
}

a.sbox3 {
width:34%;
height:100%;
	float:left;
	display:block;
	background-color: #d9f6ff;
	opacity:0.6;
	 -webkit-transition: opacity 0.5s;
	 transition: opacity 0.5s;
	margin:0 0 0 0px;
	 }

a.sbox3:hover { 
width:34%;
height:100%;
	 float:left;
	display:block;
	background-color: #d9f6ff;
	opacity:0;
	 -webkit-transition: opacity 0.5s;
	 transition: opacity 0.5s;
	margin:0 0 0 0px;
	 
}