*
{
font-family:			Helvetica, Arial, Verdana, sans-serif;
}

html
{
     
}

body 
{
margin :				0;
padding:				0;
font-size:				100%;
font-family:			Helvetica, Arial, Verdana, sans-serif;
background:			 #FFFFFF url(media/HomeBackground.gif) top left repeat-x;
text-align:				center; /* center for ie 5.5 */
}

ul {
list-style: none;
margin: 0;
padding: 0;
}


/* ----------------- PAGE STRUCTURE ----------------- */

#page_container 
{
width:				980px;
margin:				0 auto;
padding:			0;
text-align:		left;
position:			relative;
}

/* ----------------- HEADER ----------------- */

#header
{
margin:			0;
padding:			0;
width:				100%;
height:				200px;
font-size:			80%;
text-align:		right;
overflow:			hidden;
position:			relative;
}

.logo { 
margin:			10px 0 0 0;
float:				left; 
}

/* ----------------- TOP MENU ----------------- */

#topmenu {
padding:			0; 
margin:				0; 
list-style:			none; 
height:				50px; 
position:			absolute;
top:				0;
right:				0;
text-transform:		uppercase;
font-size:			85%;
}
#topmenu li {
float:				left;
}

#topmenu li a {
display:			block; 
height:				50px; 
line-height:		25px; 
padding:			0 20px 0 0;
margin:				0 1px 0 0; 
float:				left; 
color:				#333333; 
background:			url(media/tab_right.gif) no-repeat right -25px; 
text-decoration:	none;
}

#topmenu li a b {
display:			block; 
height:				50px; 
float:				left; 
padding:			0 0 0 20px; 
background:			url(media/tab_left.gif) no-repeat left -25px; 
cursor:				pointer;
}

#topmenu li a:hover,
#topmenu li a:active,
#topmenu li a:focus {
background:			url(media/tab_right.gif) no-repeat right -18px; 
line-height:		42px;
color:				#990000;
}

#topmenu li a:hover b,
#topmenu li a:active b,
#topmenu li a:focus b {
background:			url(media/tab_left.gif) no-repeat left -18px; 
line-height:		42px;}

/* ----------------- TOP ADS ----------------- */

.ads
{
margin:			40px 0 0 0;
padding:			0;
float:				right;
width:				216px;
height:				145px;
border-left:		#FFFFFF 1px solid;
overflow:			hidden;
position:			relative;
text-align:		left;
background:		#CCCCCC;
}

.ads h2
{
margin:			6px 0 0 0;
padding:			6px;
font-size:			160%;
color:				#000000;
background:		#FFFFFF;
filter:				alpha(opacity=70);-moz-opacity:.70;opacity:.70;
}

.ads p
{
margin:			2px 0 0 0;
padding:			6px;
font-size:			80%;
color:				#000000;
background:		#FFFFFF;
filter:				alpha(opacity=70);-moz-opacity:.70;opacity:.70;
}

#menu .ads
{
float:				left;
width:				300px;
}

#menu .adsimage
{
margin:			20px 0 0 0;
padding:			0;
float:				left;
width:				300px;
}

.findmore
{
margin:			0;
padding:			2px;
font-size:			80%;
text-transform:		uppercase;
position:			absolute;
bottom:				6px;
right:				6px;
background:		#E3E1D5;
}

/* ----------------- CONTENT ----------------- */

#content_container
{
margin:			20px 0 0 0;
padding:			0;
width:				650px;
float:				right;
}

#leftpanel
{
float:				left;
width:				300px;
padding:			0;
margin:			30px 0 0 0;
text-align:		left;
}

#rightpanel
{
width:				300px;
margin:			30px 0 0 0;
padding:			0;
float:				right;
}

.panel
{
margin:			2px 0 0 0;
padding:			6px;
width:				auto;
background-color:   #ddd;
overflow:			auto;
}

.panel h4
{
font-size:			120%;
margin:			10px 0;
}

.panel p
{
margin:			0;
}

.panel img
{
width:				70px;
margin:			0 10px 0 0;
float:				left;
}

.offers
{
margin:			10px 0 0 0;
padding:			6px;
border:				#990000 2px solid;
}

/* ----------------- AVAILABILITY PANEL ----------------- */

#domticker {
width: 100%;
background-color: #ddd;
}

#domticker div { /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
background-color: #ddd;
}

#domticker a {
font-weight: bold;
}
.availability {
font-size: 90%;
}

.strongheading {
display: block;
margin: 0;
padding:4px;
background-color:#990000;
color:#FFFFFF;
}

/* ----------------- DESTINATIONS MENU ----------------- */

#menu {
width:					300px;
padding:				0;
margin:				20px 0;
float:					left;
font-size:				100%;
font-weight:			bold;
letter-spacing:		-1px;
background:			#FFFFFF;
}

#menu ul {
width:					100%;
padding:				0;
margin:				0 0 50px 0;
list-style-type:		none;
}

#menu ul li {
width:					300px;
float:					left;
padding:				0;
margin:				0;
list-style-type:		none;
}

#menu a {
padding:				10px 10px 10px 40px;
text-decoration:		none;
display:				block;
color:					#000000;
background:			#CCCCCC url(media/menu.gif);
}

#menu a:hover {
color:					#FFFFFF;
display:				block;
text-decoration:		none;
background:			#CCCCCC url(media/menu.gif) 0 -40px;
}

#menu .antarctica a { background: url(media/menu_antarctica.gif); }
#menu .antarctica a:hover { background: #3366CC url(media/menu_antarctica.gif) 0 -40px; }

#menu .arctic a { background: url(media/menu_arctic.gif); }
#menu .arctic a:hover { background: #3366CC url(media/menu_arctic.gif) 0 -40px; }

#menu .latinamerica a { background: url(media/menu_latinamerica.gif); }
#menu .latinamerica a:hover { background: #FF7D00 url(media/menu_latinamerica.gif) 0 -40px; }

#menu .contrastschile a { background: url(media/menu_contrastschile.gif); }
#menu .contrastschile a:hover { background: #FF7D00 url(media/menu_contrastschile.gif) 0 -40px; }

#menu .galapagos a { background: url(media/menu_galapagos.gif); }
#menu .galapagos a:hover { background: #6CA043 url(media/menu_galapagos.gif) 0 -40px; }

#menu .ng a { background: url(media/menu_ng.gif); }
#menu .ng a:hover { background: #FFCC00 url(media/menu_ng.gif) 0 -40px; }

#menu .titanic a { background: url(media/menu_titanic.gif); }
#menu .titanic a:hover { background: #00447C url(media/menu_titanic.gif) 0 -40px; }

#menu .bhutan a { background: url(media/menu_bhutan.gif); }
#menu .bhutan a:hover { background: #A61111 url(media/menu_bhutan.gif) 0 -40px; }

#menu .india a { background: url(media/menu_india.gif); }
#menu .india a:hover { background: #339966 url(media/menu_india.gif) 0 -40px; }

#menu .gardens a { background: url(media/menu_gardens.gif); }
#menu .gardens a:hover { background: #339966 url(media/menu_gardens.gif) 0 -40px; }

#menu .indochina a { background: url(media/menu_indochina.gif); }
#menu .indochina a:hover { background: #E39C04 url(media/menu_indochina.gif) 0 -40px; }

#menu .ethiopia a { background: url(media/menu_ethiopia.gif); }
#menu .ethiopia a:hover { background: #B15B10 url(media/menu_ethiopia.gif) 0 -40px; }

#menu .africansafari a { background: url(media/menu_africansafari.gif); }
#menu .africansafari a:hover { background: #B06F00 url(media/menu_africansafari.gif) 0 -40px; }

#menu .madagascar a { background: url(media/menu_madagascar.gif); }
#menu .madagascar a:hover { background: #F78F1e url(media/menu_madagascar.gif) 0 -40px; }

#menu .cruises a { background: url(media/menu_cruises.gif); }
#menu .cruises a:hover { background: #C17956 url(media/menu_cruises.gif) 0 -40px; }

#menu .libya a { background: url(media/menu_libya.gif); }
#menu .libya a:hover { background: #C17956 url(media/menu_libya.gif) 0 -40px; }

#menu .oceania a { background: url(media/menu_oceania.gif); }
#menu .oceania a:hover { background: #B5121B url(media/menu_oceania.gif) 0 -40px; }

#menu .borneo a { background: url(media/menu_borneo.gif); }
#menu .borneo a:hover { background: #339933 url(media/menu_borneo.gif) 0 -40px; }

#menu .citybreaks a { background: url(media/menu_citybreaks.gif); }
#menu .citybreaks a:hover { background: #ff7d00 url(media/menu_citybreaks.gif) 0 -40px; }

/* ----------------- FOOTER ----------------- */

#footer_container 
{
width:				100%;
margin:				0;
padding:			0;
text-align:		center;
background-color:	#F2F3F3;
clear:				both;
}

#footer 
{
width:					980px;
clear:					both;
margin:				20px auto 0 auto;
padding:				0;
font-size:				80%;
color:					#666666;
}

#footer p
{    
padding:				10px 20px 10px 120px;
text-align:				left;
}

#footer .logos
{    
float:					left;
margin:				0 0 0 10px;
}


#footer a,
#footer a:visited
{    
text-decoration:		none;
color:					#990000;
font-weight:			normal;
}

#footer a:hover
{
color:					#6a6a6b;
}

.traveline
{
width:					200px;
float:					right;
line-height:			80%;
margin:				10px 0 0 0;
}

/* ----------------- TEXT STYLING ----------------- */

h1
{
font-family:			Georgia, Serif;
font-size:				1.6em;
margin:				0 0 15px 0;
padding:				0;
font-weight:			lighter;
}

h2
{
font-family:			Georgia, Serif;
font-size:				1.4em;
margin:				10px 0 20px 0;
padding:				0;
color:					#333333;
font-weight:			lighter;
}

h3
{
font-family:			Georgia, Serif;
font-size:				1.2em;
color:					#333333;
margin:				20px 0 20px 0;
padding:				0;
font-weight:			lighter;
}

h4
{
font-family:			Georgia, Serif;
font-size:				1em;
margin:					0 0 5px 0;
padding:				0;
color:					#333333;
font-weight:			lighter;
}

p 
{
color:					#333333;
line-height:			1.2em;
font-size:				80%;
}

.small
{
font-size:				70%;
}

#rightpanel h2 {
color:					#9F9B85;
font:					20px/22px Georgia, Serif;
margin:				0 10px;
padding:				0;
letter-spacing:			-1px;
}

#rightpanel p 
{
margin:					10px 10px 10px 10px;
}

/* ----------------- GENERAL ----------------- */

img { border: 0; }

sup { font-size: 70%; line-height: 0; }

.left { float: left; }

.right { float: right; }

.no { display: none; }

.tollfree
{
margin:					10px 65px 20px 0;
width:					170px;
float:					right;
}

/* ----------------- COMMON LINKS ----------------- */

a 
{
color:					#990000;
text-decoration:		none;
}
 
a, a:link, a:visited, a:active
{
text-decoration:		none;
}

a:hover, a:focus
{
color:					#6a6a6b;
text-decoration:		underline;
}

/* ----------------- SUBSCRIBE FORM ----------------- */

#smallform {
width:				280px;
margin:			10px 0;
}

#smallform p {
font-size:			70%;
padding:			0;
margin:			5px 10px 0 10px;
}
	
#smallform input {
border:			1px solid #ddd;
width:				200px;
background:		#FFFFFF;
font:				12px verdana, sans-serif;
color:				#999;
padding:			3px;
margin:			0 0 5px 10px;
outline:			none;
float:				left;
}

#smallform label {
color:				#ADAE92;
}
	
#smallform input:hover, #smallform input:focus { 
border:			1px solid #ADAE92; 
}

/* ----------------- BUTTONS ----------------- */

button {
width:				39px;
height:				19px;
display:			block;
background:			url("media/join.gif") no-repeat 0 0; 
margin:				0 0 5px 0;
cursor:				pointer;
border:			0;
float:				right;
}

button {
overflow:			visible;
padding:			4px 10px 3px 7px; /* IE6 */
}

button[type] {
padding:			5px 10px 5px 7px; /* Firefox */
line-height:		17px; /* Safari */
}

button:hover, button:focus {
background:			url("media/join.gif") no-repeat 0 -20px; 
border:				0;
color:				#FFFFFF;
}