
*									{ margin: 0; padding: 0; }
html								{ overflow-y: scroll; }
html, body							{ height: 100%; }

.hide { display: none; }

.flagged { outline: 5px solid red; }
 a{ outline: none;
	color: #fff;
}
a img {
	border:0 none;
}
 a:hover{list-style: none;
	color: #000;
}
hr {
		height: 0;
	border: 0;
	;
	}

html {
	text-align: center;
	}

body {
	background: #d4e9f6 url(images/bg.jpg) repeat-x 0 210px;
	color: #fff; /* Hat tip: http://defineyourcolors.com/20080826/text/coda-15-now-with-undefined-colors/ */
	font-family: "HelveticaNeue-Light", "HelveticaNeue", Helvetica, Arial, sans-serif;
	font-size: 62.5%;
	}

.wrapper {
	width: 900px;
	text-align: left;
	margin: 0 auto;
	position: relative;
	background: url(images/header-shadow.jpg) no-repeat 0 310px;
	}



	
/* The header */	
#header {
	height: 181px;
	margin: 0 auto;
	position: relative;
	background: url(images/header-bg.jpg) repeat-y top center;
		}
		
#header-logo {
	height: 181px;
	width: 960px;
	margin: 0 auto;
	position: relative;
	background: url(images/header.jpg) no-repeat;
	}
	
#header-logo h1 {
	position: absolute;
	top: 42px;
	left: 136px;	
	text-indent: -9999px;
	}
	




/* The toolbar for the content box */
.menu {
	height: 52px;
	margin: 0 auto;top:-70px;
	position: relative;
	background:#b8daf3 url(images/menu-tab.jpg) repeat-y top center;
	}
ul#toolbar {
	height: 52px;
	width: 850px;
	text-align: center;
	list-style: none;
	margin: 0 auto 0 auto;
	clear: both;

	position: relative;
	margin-bottom: -1px;
	}
	
#toolbar li {
	position: absolute;
	
	top: 0;
	}
	
#toolbar li a {
	height: 52px;
	padding-top:20px;
	display: block;font-size:1.6em;
	text-decoration:none;
color:#fff;
	}
	
#toolbar li.active {
	height: 52px;	width: 130px;
	z-index: 10;	
	background: url(images/tab-menu-active.jpg) top left repeat-x;
	}

#toolbar li.inactive {

	}
	
#toolbar li:hover {
	background: url(images/tab-menu.jpg) top left repeat-x;
	}
		
#toolbar li#new-tab {
left: 35px;

	width: 95px;

	}


	
#toolbar li#lisbon-tab {
left: 130px;
	width: 120px;

	}

#toolbar li#kiev-tab {
			left: 250px;
	width: 120px;
	}

	
	#toolbar li#tokyo-tab {
	left: 370px;
	width: 120px;

	}
		#toolbar li#Shanghai-tab {
	left: 490px;
	width: 120px;

	}
	

#toolbar li#amsterdam-tab {
		left: 610px;	width: 130px;

	}
#toolbar li#buenosaires-tab {
		left: 735px;	width: 130px;
	}
	#toolbar li#athens-tab {
		left: 735px;	width: 130px;
	}
	#toolbar li#newzealand-tab {
		left: 735px;	width: 130px;
	}
.clearfix {
list-style:none;	
}
.intro {
	background: url(images/intro.jpg) top left no-repeat;
	padding:20px;height:600px;
}
.amsterdam {
	padding:20px;height:600px;background: url(images/amsterdam.jpg) top left no-repeat
}
.moreinfo{
	background: url(images/back-text.png) top left repeat-x;	
font-weight:bold;
text-shadow: #000 1px 1px 0px !important;
color:#fab355;
padding:3px 0 3px 10px;
max-width:320px !important;
}


.one img{
position:relative;
top:-204px;
left:160px;
}

.two img{
position:relative;
top:-100px;
left:299px;
}
.three img{
position:relative;
top:-406px;
left:596px;
}
.four img{
position:relative;
top:-356px;
left:80px;
}
.five img{
position:relative;
top:-305px;
left:550px;
}

.six img{
position:relative;
top:-225px;
left:475px;
}
.seven img{
position:relative;
top:-425px;
left:168px;
}
.eight img{
position:relative;
top:-300px;
left:135px;
}
.nine img{
position:relative;
top:-112px;
left:463px;
}
.ten img{
position:relative;
top:-430px;
left:275px;
}
.ten1 img{
position:relative;
top:-435px;
left:200px;
}
.ten2 img{
position:relative;
top:-228px;
left:190px;
}
.eleven img{
position:relative;
top:-400px;
left:342px;
}
.amsterdam2{
width:430px !important;
padding:10px;
	background: url(images/back-text.png) top left repeat-x;

}
.amsterdam2 p{


}
.buenos-aires {
	background: url(images/buenos-aires.jpg) top left no-repeat;
	padding:20px;height:600px;
}
.buenos-aires-2{
width:400px !important;
margin-top:10px;
}
.buenos-aires-2 p{
width:350px !important;

}
.kiev {
	background: url(images/kiev.jpg) top left no-repeat;
	padding:20px;height:600px;
}
.kiev2{
width:400px !important;
padding:10px;
	background: url(images/back-text.png) top left repeat-x;

}
.kiev2 p{
	font-size:1.2em !important;
width:380px !important;

}
.lisbon {
	background: url(images/lisbon.jpg) top left no-repeat;
	padding:20px;height:600px;
}
.lisbon2{
width:840px !important;
padding:10px;
	background: url(images/back-text.png) top left repeat-x;

}
.lisbon2 a{
color:#fff;
text-decoration:none;
border-bottom:1px solid #fff;
}
.lisbon2 a:hover{
color:#fab355;
border-bottom:1px solid #fab355;
}
.lisbon2 p{
font-size:1.5em !important;
width:800px !important;

}
.lisbon3{
width:420px !important;
padding:10px;
margin-top:10px;
	background: url(images/back-text.png) top left repeat-x;

}
.lisbon3 p{
font-size:1.3em !important;
width:400px !important;
padding-bottom:0;
}
 .tokyo3{
width:470px !important;
padding:10px;
margin-top:10px;
	background: url(images/back-text.png) top left repeat-x;

}
 .tokyo3 p{
font-size:1.3em !important;
width:450px !important;
padding-bottom:0;
}

.Shanghai {
	background: url(images/shangai.jpg) top left no-repeat;
	padding:20px;height:600px;
}
.Shanghai2{
width:400px !important;
padding:10px;
	background: url(images/back-text.png) top left repeat-x;

}
.Shanghai2 p{
	font-size:1.3em !important;
width:380px !important;

}
	.tokyo {
	background: url(images/tokyo.jpg) top left no-repeat;
	padding:20px;height:600px;
}
.tokyo2{
width:430px !important;
padding:10px;
	background: url(images/back-text.png) top left repeat-x;

}
.tokyo2 p{
	font-size:1.2em !important;
width:400px !important;

}
/* The slide-y content box thingy */

#frame, #frame div.button, #scroller, .section {  }

#frame {
	overflow: hidden;
background:#fff;
margin: 0 auto;
top:2px;	width: 947px;
	position: relative;
	}
	
#frame div.button {
	position: absolute;
	top: 40%;
	}
	#buttons {
		width:1000px;
		margin:0 auto;
	position:relative;
	}
#left {position:absolute; margin-top:280px;left:0; }
#right {position:absolute; top:280px;left:1000px; }
.currentTextHolder {
text-indent:-9999px;	
}
#scroller {
	width: 920px;
	margin-left: 15px ;
	height:650px;
	overflow: hidden;
	}

#content {
	width: 6850px;
	}
	
.section {
	width: 920px;
	margin: 20px 25px 0 0;
	float: left;
	}
	.text {
	float:left;	
	}
			.text h3{
margin-left:10px !important;
	}
	#videobox a{
color:#fff;
text-decoration:none;
border-bottom:1px solid #fff;height:500px;
}
#videobox a:hover{
color:#fab355;
border-bottom:1px solid #fab355;
}
.section h2, .section h3 {
	color: #fa9300;text-align:left;
	font-weight: bold;
	font-family: "HelveticaNeue", Helvetica, Verdana, Arial, sans-serif;
	font-size: 24px;
	line-height: 26px;
margin: 0px 0 18px 20px;
	text-shadow: #07436d 2px 2px 1px;
	}
	
.section h2 span{text-transform:italic; font-weight:bold;color:#fff;
}
 .section li {
	margin: 0 0px 10px 10px;
	font-size: 1.4em;
	line-height: 19px;text-align:left;text-shadow: #000 1px 1px 0px;
	}
.section p {
	width:400px;
	padding: 10px;
	font-size: 1.7em;
	line-height: 25px;text-align:left;
	text-shadow: #000 1px 1px 0px;
	}
	
#videobox {
width:400px;
height:250px;
float:right;
margin-left:0px;
margin-right:17px;
margin-top:82px;
border:10px solid #fff ;
	}

	.wide  {

margin-top:75px;	width:860px;
	}
	

.menu-series {
		background:url(images/menu-series.png) no-repeat top left;
	margin: 0 auto;
	
	position: relative;
	width:424px;height: 62px;

	z-index:99;
	top:-78px;
	left:150px;padding-left:10px;;
	}
.menu-series li{list-style:none;
display:block;font-size:1.7em;font-weight:bold;text-shadow:#000 1px 1px 0;
float:left;padding:0 10px;;width:100px;height: 42px;margin-right:30px
}
.menu-series .current  {
	text-decoration:none;background:url(images/back-series2.png) no-repeat top left;
display:block;color:#fff;margin-top:-8px;
float:left;padding:30px 20px 0 20px;;width:110px;height: 58px;
}
.menu-series .no-current{background:url(images/new.png) no-repeat top left;
	text-decoration:none;
display:block;color:#999;margin-top:-8px;
float:left;padding:30px 20px 0 20px;;width:110px;height: 58px;
}

.menu-series li a:hover{
display:block;color:#fff;

}
	.wide p {
	width:840px;
float:left;
text-align:center;
	background: url(images/back-text.png) top left repeat-x; }
	.wide span {
		font-weight:bold;
		font-style:italic;
		font-family: Comic Sans MS, Georgia, "Times New Roman", Times,  serif;color: #fa9300;	
	}
.section li strong {
	font-size: 19px;
	font-weight: normal;
	}

.section img {
	float: right;margin-top:30px;
	margin-right: 20px;
	margin-bottom: 20px;margin-left: 20px;
	}
	
	
	

	#loadBar{
	width:500px;
}
#pp_full_res p {
font-size:1.6em;
line-height:1.4em;
}
/* Footer */

.footer {
height:80px;
	color: #666;
	font-size: 14px;
margin:0 auto;
	background:#d2eaf6 url(images/footer.jpg) repeat-y top center;
	}

	
.footer2 {
	width:1000px;
	margin:0 auto;

	padding-top: 16px;
padding-left:80px;
color:#000;
	text-transform: uppercase;
text-shadow: #aadcea 1px 1px 0px;
	font-size: 12px;
	}
	.copy {
		padding-top:20px;
	width:300px;
	float:left;
	padding-left:40px;
}

.logo {
	width:300px;
	float:right;
	padding-right:33px;
}
.logo a{
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; // first!
	filter: alpha(opacity=50)
}
.logo a:hover{
filter:alpha(opacity=1);
	-moz-opacity:1;
	-khtml-opacity: 15;
	opacity: 1;


}

