/* The CSS is minimal */
body {
font-family: Helvetica, Arial, sans-serif;
font-size:13px;
background: #fff;
padding:0px;
margin:0px;
}

#canvas {
width: 1000px; 
float:left;
height: 630px;
position:absolute;
margin:0px;
background-color: /*rgb(186, 215, 252);*/ #F8F8F8;
/*background-color:url('euroback.png');*/
}

#countrybar {
width: 1000px; 
float:left;
height: 95px; 
position:absolute;
margin-top:0px;
Margin-left:0px;
background-image:url('SpriteEuro.png');
}

/* temp */
#getValues 
{
position:absolute;
margin-top:80px;
Margin-left:0px;
padding-top:5px;
padding-bottom:5px;
}

#clear
{
position:absolute;
margin-top:80px;
Margin-left:150px;
padding-top:5px;
padding-bottom:5px;
}

#map {
width: 480px;
height: 500px; 
float:left;
border: 1px solid #333;
position:absolute;
margin-top:125px;
Margin-left:515px;
z-index:100;
box-shadow: -3px -3px 6px #000;
}

#extrabarl {
width: 480px;
height: 50px; 
float:left;
padding:10px;
position:absolute;
margin-top:90px;
margin-left:0px;
z-index:100;
font-size:12px;
color:#333;
}

#extrabarr {
width: 480px;
height: 50px; 
float:left;
padding:10px;
position:absolute;
margin-top:90px;
margin-left:520px;
z-index:100;
font-size:12px;
color:#333;
}

/* ///////////////////////////////////////////slider styles //////////////////////////////////*/


#content-slider {
width: 500px;
height: 500px; 
float:left;
border: 1px solid #333;
position:absolute;
margin-top:125px;
Margin-left:5px;
z-index:1000;
box-shadow: 3px -3px 6px #000;
}

#content {
overflow: hidden;
width: 500px;
height: 500px;
}

#content-inner {
width:10000px;
height: 500px;
}

.page {
width: 500px;
height: 500px;
float: left;
}

/*================================================
================================================*/
#content-inner-1:target #content-inner {
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
margin-left: 0px;
}

#content-inner-2:target #content-inner {
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
margin-left: -500px;
}

#content-inner-3:target #content-inner {
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
margin-left: -1000px;
}

#content-inner-4:target #content-inner {
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
margin-left: -1500px;
}

#content-inner-5:target #content-inner {
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
margin-left: -2000px;
}

#content-inner-6:target #content-inner {
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
margin-left: -2500px;
}

#content-inner-7:target #content-inner {
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
margin-left: -3000px;
}

#content-inner-8:target #content-inner {
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
margin-left: -3500px;
}
#content-inner-9:target #content-inner {
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
margin-left: -4000px;
}
#content-inner-10:target #content-inner {
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
margin-left: -4500px;
}
#content-inner-11:target #content-inner {
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
margin-left: -5000px;
}
#content-inner-12:target #content-inner {
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
margin-left: -5500px;
}
#content-inner-13:target #content-inner {
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
margin-left: -6000px;
}
#content-inner-14:target #content-inner {
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
margin-left: -6500px;
}
#content-inner-15:target #content-inner {
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
margin-left: -7000px;
}
#content-inner-16:target #content-inner {
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
margin-left: -7500px;
}
#content-inner-17:target #content-inner {
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
margin-left: -8000px;
}

#content-inner-18:target #content-inner {
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
margin-left: -8500px;
}

/*=======================================
	Generic styling
========================================*/

.page-info {
height: 500px;
background-color: rgba(255, 247, 236, 0.85);
position: relative;
margin-top: -20px;
bottom:100%;
color: #000;
padding-left: 20px;
padding-right: 20px;
}

.page-info h2 {
font-size: 24px;
color: #000;
padding-top:20px;
}

.locatetop {
margin-top:10px;
margin-left:310px;
height:40px;
width:150px;
position:absolute;
background-image:url('images/man1.jpg');
}

.page-text {
font-size: 13px;
line-height:140%;
}

.butto {
background-color:#FB9D04;
padding:5px;
font-size:15px; 
float:right; 
box-shadow: 1px 1px 5px #505050;
}

.butto:hover {
box-shadow: 1px 1px 5px #FB9d04;
}

.buttons {
box-shadow: 2px 2px 10px #FB9d04;
}

.orange{
font-size:15px;
font-weight:bold;
}

#nav {
list-style-type: none;
width: 1000px;
height: 50px;
margin: 0 auto;
margin-top: 20px;
padding: 0;
}

.button {
float: left;
background: #000;
opacity:1.0;
width: 38px;
height: 38px;
-webkit-border-radius: 19px;
-moz-border-radius: 19px;
border-radius: 19px;
margin-left: 0px;
margin-right: 1.50em;
box-shadow: 2px 2px 15px #000;
vertical-align:25px;
}

#button1{
background:url(spriteEuroC.png) 2px -17px;
margin-right: 15px;
}

#button2{
background:url(spriteEuroC.png) -51px -17px;
}

#button3{
background:url(spriteEuroC.png) -108px -17px;
}

#button4{
background:url(spriteEuroC.png) -165px -17px;
}

#button5{
background:url(spriteEuroC.png) -222px -17px;
}

#button6{
background:url(spriteEuroC.png) -279px -17px;
}

#button7{
background:url(spriteEuroC.png) -336px -17px;
}

#button8{
background:url(spriteEuroC.png) -391px -17px;
}

#button9{
background:url(spriteEuroC.png) -448px -17px;
}

#button10{
background:url(spriteEuroC.png) -505px -17px;
}

#button11{
background:url(spriteEuroC.png) -561px -17px;
}

#button12{
background:url(spriteEuroC.png) -618px -17px;
}

#button13{
background:url(spriteEuroC.png) -675px -17px;
}

#button14{
background:url(spriteEuroC.png) -732px -17px;
}

#button15{
background:url(spriteEuroC.png) -787px -17px;
}

#button16{
background:url(spriteEuroC.png) -845px -17px;
margin-right: 0.9em;
}

#button17{
background:url(spriteEuroC.png) -902px -17px;
margin-right: 0.9em;
}

#button18{
background:url(spriteEuroC.png) -958px -17px;
margin-right: 0em;
}

.button:hover {
-webkit-box-shadow: inset 0px 0px 2px 2px #FFF;
-moz-box-shadow: inset 0px 0px 2px 2px #FFF;
box-shadow: inset 0px 0px 2px 2px #FFF;
}

.button:active {
-webkit-box-shadow: inset 0px 0px 2px 2px #FB9d04;
-moz-box-shadow: inset 0px 0px 2px 2px #FB9d04;
box-shadow: inset 0px 0px 2px 2px #FB9d04;
}
.button a {
display: block;
width: 38px;
height: 38px;
}

a:link {color:#333; font-weight:bold;}    /* unvisited link */
a:visited {color:#333; font-weight:bold;} /* visited link */
a:hover {color:#333; font-weight:bold;}   /* mouse over link */
a:active {color:#333; font-weight:bold;}  /* selected link */