/*==========================*/
/* JOURNEY				    */
/*==========================*/
#journey{
	background: url(../images/ui/explorerpageBG.jpg);
	background-repeat: no-repeat;
	width: 1039px;
	height: 709px;
	position: relative;
}

#page.journey.new #header hr {
	width:1085px;
}
#page.journey.new #header ul.explorerNav {
	left:785px;
}
#page.journey.new #footer hr{
	width:1085px;
}

#journey.new{
	background: url(../images/ui/explorerpageBG.png);
	background-repeat: no-repeat;
	width: 1085px;
	height: 749px;
	position: relative;
}
#journey .menu{
	background: url(../images/ui/chaptersListBG.png);
	background-repeat: no-repeat;
	height:576px;
	width:325px;
	padding-left:6px;
	padding-top:5px;
	position: absolute;
	top:2px;
	left:14px;
	z-index: 1;
}
#journey.new .menu{
	top:22px;
	left:42px;
}
#journey .imageFooter{
	background: url(../images/ui/chapterFooterBG.png);
	height: 73px;
	width: 673px;
	position: absolute;
	top:510px;
	left:338px;
}
#journey.new .imageFooter{
	top:530px;
	left:366px;
}
#journey .imageFooter span.country{
	color:#b63722;
	display:block;
	font-family:Times New Roman;
	font-size:30px;
	letter-spacing:0.10em;
	text-transform:uppercase;
	position: absolute;
	top: 8px;
	left: 20px;
}
#journey .imageFooter span.title{
	color:#ffffff;
	display:block;
	font-family:Arial;
	font-size:18px;
	letter-spacing:0.10em;
	text-transform:uppercase;
	position: absolute;
	top: 43px;
	left: 20px;
	width: 640px;
}
#journey .imageList{
	display: block;
	height: 576px;
	width: 673px;
	overflow: hidden;
	position: absolute;
	top:7px;
	left:338px;
	z-index: 0;
}
#journey.new .imageList{
	top:27px;
	left:366px;
}
#journey.new .explorer.andrea{
	top:620px;
	left:55px;
}
#journey.new .explorer div.split{
	top:8px;
}
#journey .imageList li{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
}
#journey .menu em.icon{
	position: absolute;
	top: 12px;
	left: 12px;
	display:block;
	height: 40px;
	width: 40px;
}
#journey .menu em.icon.argentina{
	background: url(../images/ui/icon_country_argentina_light.png);
	background-repeat: no-repeat;
	background-position: 9px 1px;
}
#journey .menu em.icon.india{
	background: url(../images/ui/icon_country_india_light.png);
	background-repeat: no-repeat;
	background-position: 5px 6px;
}
#journey .menu em.icon.italy{
	background: url(../images/ui/icon_country_italy_light.png);
	background-repeat: no-repeat;
	background-position: 4px 7px;
}
#journey .menu em.icon.thailand{
	background: url(../images/ui/icon_country_thailand_light.png);
	background-repeat: no-repeat;
	background-position: 8px 8px;
}
#journey .menu em.icon.greece{
	background: url(../images/ui/icon_country_greece_light.png);
	background-repeat: no-repeat;
	background-position: 4px 7px;
}
#journey .menu em.icon.indonesia{
	background: url(../images/ui/icon_country_indonesia_light.png);
	background-repeat: no-repeat;
	background-position: 5px 14px;
}
#journey .menu em.icon.spain{
	background: url(../images/ui/icon_country_spain_light.png);
	background-repeat: no-repeat;
	background-position: 4px 9px;
}
#journey .menu em.icon.usa{
	background: url(../images/ui/icon_country_usa_light.png);
	background-repeat: no-repeat;
	background-position: 4px 13px;
}
#journey .menu span.country{
	color:#C4C4C4;
	display:block;
	font-family:Times New Roman;
	font-size:24px;
	letter-spacing:0.15em;
	text-transform:uppercase;
	position: absolute;
	top: 12px;
	left: 58px;
}
#journey .menu a.back{
	display:block;
	color:#c4c4c4;
	font-family:Arial;
	font-size:9px;
	letter-spacing:0.06em;
	text-transform:uppercase;
	text-decoration: none;
	padding-left: 10px;
	background: url(../images/ui/icon_arrow_back_off.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	position: absolute;
	top: 40px;
	left: 56px;
}
#journey .menu a:hover.back{
	color:#ffffff;
	background: url(../images/ui/icon_arrow_back_on.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}
#journey .menu span.title{
	color:#4c4c4c;
	display:block;
	font-family:Arial;
	font-size:13px;
	letter-spacing:0.15em;
	text-transform:uppercase;
	position: relative;
	padding-left: 2px;
	margin-top: 66px;
	margin-left: 13px;
	width: 283px;
	border: solid;
	border-width: 0px;
	border-bottom-width: 1px;
	border-color: #c4c4c4;
}
#journey .menu ul.chapterList{
	display: block;
	width: 285px;
	position: relative;
}
#journey .menu ul.chapterList li{
	display: block;
	margin-bottom: 8px;
	*margin-bottom: 5px;
	position: relative;
}
#journey .menu ul.chapterList li a em.image{
	display: block;
	height: 62px;
	width: 62px;
	position: absolute;
	top: 0px;
	left: 0px;
}
#journey .menu ul.chapterList li a em.over{
	display: none;
	height: 62px;
	width: 62px;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(../images/ui/chaptersListThumbOver.png);
	background-repeat: no-repeat;
}
#journey .menu ul.chapterList li a:hover em.over{
	display: block;
}
#journey .menu ul.chapterList li a{
	text-decoration: none;
	display: block;
	background-color: #f1f1f1;
	height: 62px;
}
#journey .menu ul.chapterList li a:hover{
	background-color: #b9b9b9;
}
#journey .menu ul.chapterList li a span.chapter{
	color:#4c4c4c;
	display:block;
	font-family:Times New Roman;
	font-size:11px;
	letter-spacing:0.10em;
	text-transform:uppercase;
	position: absolute;
	top: 4px;
	left: 70px;
}
#journey .menu ul.chapterList li a:hover span.chapter{
	color:#ffffff;
}
#journey .menu ul.chapterList li.journal a span.chapter em{
	display:block;
	height: 14px;
	width: 14px;
	position: absolute;
	top: -2px;
	left: 72px;
	background: url(../images/ui/icon_chaptertype_journal_off.png);
	background-repeat: no-repeat;
}
#journey .menu ul.chapterList li.journal a span.chapter.twodig em{
	left: 79px;
}
#journey .menu ul.chapterList li.journal a:hover span.chapter em{
	background: url(../images/ui/icon_chaptertype_journal_on.png);
	background-repeat: no-repeat;
}
#journey .menu ul.chapterList li.audio a span.chapter em{
	display:block;
	height: 14px;
	width: 14px;
	position: absolute;
	top: 1px;
	left: 72px;
	background: url(../images/ui/icon_chaptertype_audio_off.png);
	background-repeat: no-repeat;
}
#journey .menu ul.chapterList li.audio a span.chapter.twodig em{
	left: 79px;
}
#journey .menu ul.chapterList li.audio a:hover span.chapter em{
	background: url(../images/ui/icon_chaptertype_audio_on.png);
	background-repeat: no-repeat;
}
#journey .menu ul.chapterList li a span.name{
	color:#4c4c4c;
	display:block;
	font-family:Arial;
	font-size:12px;
	letter-spacing:0.10em;
	text-transform:uppercase;
	position: absolute;
	top: 18px;
	left: 70px;
	width: 200px;
}
#journey .menu ul.chapterList li a:hover span.name{
	color:#ffffff;
}
#journey .menu ul.chapterList li a span.click{
	color:#b63722;
	display:none;
	font-family:Arial;
	font-size:8px;
	letter-spacing:0.05em;
	text-transform:uppercase;
	position: absolute;
	top: 48px;
	left: 70px;
}
#journey .menu ul.chapterList li a:hover span.click{
	display: block;
}

#journey .menu p.legal {
	height:35px;
	left:20px;
	position:absolute;
	top:530px;
	color:#404040;
	font-family:Arial;
	font-size:9px;
	letter-spacing:0.06em;
	line-height:12px;
	width:290px;
}

/*--------------------------*/
/* Scroll Box			    */
/*--------------------------*/
.elementSB{
	color:#626262;
	display:block;
	font-size:11px;
	margin-bottom:10px;
	width: 285px;
	height: 413px;
	position: relative;
	margin-top: 10px;
	margin-left: 13px;
}
.elementSB .scrollLoad{
	background-color: #ffffff;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	z-index: 10;
}
.elementSB .scrollBar{
	background-color: #ebebeb;
	width: 4px;
	height: 100%;
	position: absolute;
	top: 0px;
}
.elementSB .scrollBar{
	left: 290px;
}
.elementSB .scrollBar .track{
	width: 4px;
	margin-right: auto;
	margin-left: auto;
}
.elementSB .scrollBar .track .top{
	display: none;
}
.elementSB .scrollBar .track .bar{
	height: 413px;
}
.elementSB .scrollBar .track .bottom{
	display: none;
}
.elementSB .scrollBar .track .marker{
	display: block;
	background-color: #c4c4c4;
	width: 4px;
	height: 60px;
	cursor: pointer;
}
.elementSB .scrollContent{
	height: 413px;
	width: 285px;
	overflow: hidden;
	position:relative;
}

ul.subFooter {
height:117px;
margin-bottom:5px;
margin-left:18px;
margin-top:15px;
width:1085px;
}
ul.subFooter li {
border-color:#BBBBBB;
border-style:solid;
border-width:0 1px 0 0;
float:left;
height:117px;
}
ul.subFooter li.last {
border-width:0;
}
ul.subFooter li a {
display:block;
height:117px;
margin-left:5px;
margin-right:5px;
width:341px;
}
ul.subFooter li.first a {
margin-left:0;
}
ul.subFooter li.last a {
margin-right:0;
}