/* CSS Document */


body
{
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
	text-align: left;
	background: #000090 url(../images/gradient.gif) repeat-x;
	behavior: url(hover.htc);
}

h1
{
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 20px;
	margin-top: 0px;
	color: #1e9bd3;
}

h2
{
	color: #006db5;
	font-size:20px;
	margin-top: 0px;
	background-color: inherit;
}

h3
{
	font-family: Arial, Helvetica, sans-serif;
	color: #CC3399;
	font-size: 16px;
	margin-top: 0px;
}

h4
{
	color: #006db5;
	font-size:18px;
	margin-top: 0px;
	background-color: inherit;
}

p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-top: 0px;
	text-align: justify;
}

p.adult
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0px;
	text-align: justify;
}

p.press
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-top: 0px;
	text-align: center;
}

/* small print fonts */

h5,h6
{
	font-size: 12px;
	margin-top: 0px;
	color: #666666;
	font-weight: lighter;
}

a
{
	text-decoration: none;
	color: #33CCFF;
	background-color: inherit; 
}

a:hover
{
	color: #FFFFFF;
	background-color: inherit; 
}

ul
{
	margin: 0px;
	padding: 0px;
}

li
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

a:hover.in2orbit
{
	color: #c5e52f;
}


/*Layout Styles*/

#container
{
	position: relative;
	background: url(../images/nobby_travels.gif) 16px 26px no-repeat;
	margin: auto;
	width: 1118px;
	height: 768px;
	top: 0px;
	padding: 26px 0px 0px 16px;
}

#storyOnline
{
	position: relative;
	margin: auto;
	width: 1106px;
	height: 768px;
	top: 0px;
	padding: 0px;
	text-align: center;
}

#storyOnline-buy
{
	position: absolute;
	background: url(../images/storyOnline_bar.gif);
	margin: 0px;
	width: 677px;
	height: 60px;
	top: 593px;
	left: 125px;
	padding: 19px 113px 0px 66px;
	text-align: center;
}

#storyOnline-button
{
	position: absolute;
	margin: 0px;
	width: 103px;
	height: 22px;
	top: 612px;
	left: 850px;
	padding: 0px;
}

#kidz_nav
{
	position:absolute;
	width: 700px;
	height: 100px;
	top: 40px;
	left: 409px;
	padding: 0px;
	margin: 0px;
}

#right_nav
{
	position:absolute;
	background: url(../images/frame_right2.gif) no-repeat;
	width: 192px;
	height: 416px;
	top: 206px;
	left: 908px;
	padding: 18px 0px 24px 8px;
	margin: 0px;
	overflow: hidden;
}

#right_nav_lower
{
	position:absolute;
	width: 228px;
	height: 235px;
	top: 430px;
	left: 881px;
	padding: 0px;
	margin: 0px;
}

#bottom_nav
{
	position:absolute;
	background: url(../images/frame_bottom2.gif) no-repeat;
	width: 1045px;
	height: 40px;
	top: 664px;
	left: 58px;
	padding: 15px 0px 32px 0px;
	margin: 0px;
	overflow: hidden;
}

#where
{
	position:absolute;
	width: 445px;
	height: 51px;
	top: 148px;
	left: 639px;
	padding: 0px;
	margin: 0px;
}

#newsletter
{
	position:absolute;
	background: url(../images/newsletter2.gif) no-repeat;
	width: 300px;
	height: 36px;
	top: 148px;
	left: 70px;
	padding: 15px 0px 0px 259px;
	margin: 0px;
}

#content_area
{
	position:absolute;
	width: 781px;
	height: 420px;
	top: 206px;
	left: 58px;
	padding: 28px 20px 10px 49px;
	margin: 0px;
	overflow: hidden;
	background: #FFFFFF url(../images/frame_left2.gif) no-repeat;
}

#content
{
	position:absolute;
	width: 770px;
	height: 420px;
	top: 22px;
	left: 50px;
	padding: 0px;
	margin: 0px;
	overflow: auto;
}

#content ul
{
	margin: 0px;
	padding: 0px;
	
}


#content li
{
	margin: 5px 0px 5px 20px;
	padding-left: 5px;
	font-size:12px;
	text-align: justify;
	list-style-type: disc;
}

#content_column100
{
	position:absolute;
	width: 720px;
	top: 0px;
	left: 0px;
	padding: 0px;
	margin: 0px;
	text-align:left;
}

#content_column1
{
	position:absolute;
	width: 350px;
	top: 0px;
	left: 0px;
	padding: 0px;
	margin: 0px;

}

#content_column2
{
	position:absolute;
	width: 350px;
	top: 0px;
	left: 370px;
	padding: 0px;
	margin: 0px;
}

#content_column3
{
	position:absolute;
	width: 450px;
	top: 0px;
	left: 0px;
	padding: 0px;
	margin: 0px;
}

#content_column4
{
	position:absolute;
	width: 250px;
	top: 0px;
	left: 487px;
	padding: 0px;
	margin: 0px;
}

#content_column5
{
	position:absolute;
	width: 250px;
	top: 0px;
	left: 0px;
	padding: 0px;
	margin: 0px;
}

#content_column5br
{
	position:absolute;
	width: 200px;
	top: 0px;
	left: 0px;
	padding: 0px;
	margin: 0px;
	text-align: center;
}

#content_column5centre
{
	position:absolute;
	width: 250px;
	top: 0px;
	left: 260px;
	padding: 0px;
	margin: 0px;
}

#content_column6
{
	position:absolute;
	width: 450px;
	top: 0px;
	left: 270px;
	padding: 0px;
	margin: 0px;
}

#content_column6br
{
	position:absolute;
	width: 500px;
	top: 0px;
	left: 220px;
	padding: 0px;
	margin: 0px;
}

#content_column7
{
	position:absolute;
	width: 350px;
	top: 60px;
	left: 0px;
	padding: 0px;
	margin: 0px;

}

#content_column8
{
	position:absolute;
	width: 350px;
	top: 60px;
	left: 370px;
	padding: 0px;
	margin: 0px;
}

#content a
{
	text-decoration: none;
	color: #0000FF;
	background-color: inherit;
	font-weight: bold;
}

#content a:hover
{
	color: #00CC00;
	background-color: inherit;
	font-weight: bold;
	text-decoration: underline;
}

#copy
{
	position:absolute;
	width: 920px;
	height: 25px;
	top: 733px;
	left: 150px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	text-align: right;
}

#tv
{
	position:absolute;
	background: url(../images/as-seen-on-tv.gif);
	width: 87px;
	height: 78px;
	top: 229px;
	left: 16px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

a:hover.screengrab
{
	background: url(../images/traveller_screen_grabs1.gif);
	width: 300px;
	height: 205px;
	display: block;
	float: inherit;
	padding: 0px;
	margin: -100px 0px 0px 0px;
	overflow: hidden;
}

/* KZ kidz_nav Styles */

ul.KZ li {
  position: relative;
  overflow: hidden;
  font-size: 0.9em;
  margin: 0px; 
  padding: 0px;
}

.KZ em {
  display: block;
  position: absolute;
  z-index: 1;
  margin: 0px; 
  padding: 0px;
}

/* For IE5.x mac only */
* html>body .KZ {
  position: static;
  overflow: visible;
  font-size: 8px;
  margin: 0px; 
  padding: 0px;
}

* html>body .KZ em  { position: static; margin: 0px; padding: 0px; }

.nav { list-style: none; }
.nav li { float: left; margin: 0px; padding: 0px; }

.link01 { width: 100px; height: 100px; margin: 0px; padding: 0px;}
.link02 { width: 97px; height: 100px; margin: 0px; padding: 0px;}
.link03 { width: 98px; height: 100px; margin: 0px; padding: 0px;}
.link04 { width: 159px; height: 100px; margin: 0px; padding: 0px;}
.link05 { width: 123px; height: 100px; margin: 0px; padding: 0px; }
.link06 { width: 123px; height: 100px; margin: 0px; padding: 0px; }

.link01 em { width: 100px; height: 100px; margin: 0px; padding: 0px;}
.link02 em { width: 97px; height: 100px; margin: 0px; padding: 0px;}
.link03 em { width: 98px; height: 100px; margin: 0px; padding: 0px;}
.link04 em { width: 159px; height: 100px; margin: 0px; padding: 0px;}
.link05 em { width: 123px; height: 100px; margin: 0px; padding: 0px; }
.link06 em { width: 123px; height: 100px; margin: 0px; padding: 0px; }

.link01 em, .link02 em, .link03 em, .link04 em, .link05 em, .link06 em {
  background: url(../images/kidz_nav3.gif) no-repeat;
  cursor: pointer;
  margin: 0px; padding: 0px;
}


.link01  { left: 0px; }
.link01 em {
  background-position: 0px 0px;
}
.link01:hover em {
  background-position: 0px -100px;
}


.link02 { left: 0px; }
.link02 em {
  background-position: -100px 0px;
}
.link02:hover em {
  background-position: -100px -100px;
}


.link03 { left: 0px; }
.link03 em {
  background-position: -197px 0px;
}
.link03:hover em {
  background-position: -197px -100px;
}


.link04 em { left: 0px; }
.link04 em {
  background-position: -295px 0px;
}
.link04:hover em {
  background-position: -295px -100px;
}


.link05 { left: 0px; }
.link05 em {
  background-position: -454px 0px;
}
.link05:hover em {
  background-position: -454px -100px;
}


.link06 { left: 0px; }
.link06 em {
  background-position: -577px 0px; 
}
.link06:hover em {
  background-position: -577px -100px;
}



/* RT right_nav Styles */

ul.RT li {
  position: relative;
  overflow: hidden;
  font-size: 0.9em;
  margin: 0px; padding: 0px;
}

.RT em {
  display: block;
  position: absolute;
  z-index: 2;
}

/* For IE5.x mac only */
* html>body .RT {
  position: static;
  overflow: visible;
  font-size: 8px;
}

* html>body .RT em  { position: static; }

.nav_rt { list-style: none; }
.nav_rt li {float: left; margin: 0px; padding: 0px; }

.link13 { width: 144px; height: 102px; }
.link14 { width: 144px; height: 99px; }

.link13 em { width: 144px; height: 102px; }
.link14 em { width: 144px; height: 99px; }

.link13 em, .link14 em {
  background: url(../images/right_nav4.gif) no-repeat;
  cursor: pointer;
  margin: 0px; padding: 0px;
}

.link13  { left: 0px;}
.link13 em {
  background-position: 0px 0px;
}
.link13:hover em {
  background-position: -144px 0px;
}


.link14 { top: 0px; }
.link14 em {
  background-position: 0px -109px;
}
.link14:hover em {
  background-position: -144px -109px;
}



/* BT bottom_nav Styles */

ul.BT li {
  position: relative;
  overflow: hidden;
  font-size: 0.9em;
  margin: 0px; padding: 0px;
}

.BT em {
  display: block;
  position: absolute;
  z-index: 3;
}

/* For IE5.x mac only */
* html>body .BT {
  position: static;
  overflow: visible;
  font-size: 8px;
}

* html>body .BT em  { position: static; }

.nav { list-style: none; }
.nav li { float: left; margin: 0px; padding: 0px; }

.link07 { width: 148px; height: 40px; }
.link08 { width: 196px; height: 40px; }
.link09 { width: 89px; height: 40px; }
.link10 { width: 191px; height: 40px; }
.link11 { width: 167px; height: 40px; }
.link12	{ width: 223px; height: 40px; }

.link07 em { width: 148px; height: 40px; }
.link08 em { width: 196px; height: 40px; }
.link09 em { width: 89px; height: 40px; }
.link10 em { width: 191px; height: 40px; }
.link11 em { width: 167px; height: 40px; }
.link12 em { width: 223px; height: 40px; }

.link07 em, .link08 em, .link09 em, .link10 em, .link11 em, .link12 em {
  background: url(../images/bottom_nav2.gif) no-repeat;
  cursor: pointer;
  margin: 0px; padding: 0px;
}


.link07  { left: 0px; }
.link07 em {
  background-position: 0px 0px;
}
.link07:hover em {
  background-position: 0px -40px;
}


.link08 { left: 0px; }
.link08 em {
  background-position: -148px 0px;
}
.link08:hover em {
  background-position: -148px -40px;
}


.link09 { left: 0px; }
.link09 em {
  background-position: -344px 0px;
}
.link09:hover em {
  background-position: -344px -40px;
}


.link10 em { left: 0px; }
.link10 em {
  background-position: -433px 0px;
}
.link10:hover em {
  background-position: -433px -40px;
}


.link11 { left: 0px; }
.link11 em {
  background-position: -624px 0px;
}
.link11:hover em {
  background-position: -624px -40px;
}


.link12 { left: 0px; }
.link12 em {
  background-position: -791px 0px;
}
.link12:hover em {
  background-position: -791px -40px;
}