@charset "utf-8";
/* CSS Document */

/* CSS reset - basic */

* {
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
}

/*************************************************************
******************** MAIN LAYOUT ELEMENTS ********************
*************************************************************/

html body {
    width: 100%;
    height: 100%;
	margin: 0 0 0 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
}

html{
	/*background: #ddb671 url(../images/background-image-sliver2.jpg) repeat-y top center;*/
	background: #acb2d6 url(../images/background-image-sliver.jpg) repeat-y top center;
}


body{
	/*background: url(../images/background-image-trans2.jpg) no-repeat top center;*/
	background:url(../images/background-imageS.jpg) no-repeat top center;
}


div#content {
	position: relative;
	margin: auto;
	width: 980px;
	height: auto;
	border: red solid 0px;
}

div#header {
	z-index: 2;
	width: 980px;
	border: solid 0px yellow;
	position: relative;
}

div#logo
{
	border: solid 0px green;
	background-color: #dce8f6;
	width:240px;
	padding: 4px 2px 4px 0px;
}


div#leftmenu {
	z-index:2;
	/*
	float:left;
	*/
	position: absolute;
	width:238px;
	background-color: #dce8f6;
	padding: 0px 4px 4px 0px;
	border: solid 0px blue;
	font-family: Helvetica, arial, sans-serif;
}

div#centerpanel {
	position: relative;
	left: 252px;
	top: 10px;
	/*
	margin-left: 252px;
	margin-top: 10px;
	*/
	width: 708px; 
	min-height: 1400px; 
	height: 1400px;  /* fix for ie 6  undone for non-IE */
	padding: 10px 10px 4px 10px;
	background-color: #ffffff;
	filter: progid:DXImageTransform.Microsoft.Shadow(strength=7,color=#232323,direction=135);
	-moz-border-radius: 10px;
	-webkit-border-radius: 5px;
	border: solid 0px orange;
}
html > body div#centerpanel {
	height: auto; /* fix for ie 6  undone for non-IE */
}



div#footer {
	z-index: 3;
	position:relative;
	background-color: #fff;
	width: 100%;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: solid 6px #acb2d6;
	text-align: center;
}


/*************************************************************
********************* TEXT STYLES ****************************
*************************************************************/

h1 {
	font-family: Helvetica, arial, sans-serif;
	color: #fff;
	font-size:12px;
	font-weight:bold;
	margin-top: 0px;
	margin-bottom: 10px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
	margin: 0px;
	line-height: 1.5em;
	text-align:center;
}

h3 {
	font-family: Helvetica, arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	font-style: normal;
}

h4 {
	font-family: Helvetica, arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
	margin: 0px;
	padding: 4px 4px 4px 0px;
	text-align:center;
}

h5 {
	font-family: Helvetica, arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	font-style: normal;
	line-height: 2em;
}

h6 {
	font-family: Helvetica, arial, sans-serif;
	font-size: 19px;
	font-weight:bold;
	margin: 0px;
	line-height: 1.5em;
	text-align: center;
}

p {
	margin-top: 5px;
	margin-bottom: 5px;
}

a {
	color: #000;
	text-decoration: underline;
	font-weight: bold;
}

b {
	font-weight: bold;
}

em {font-style: italic; }

.red {
	color:#FF0000;
}

.green {
	color:#669900;
}

li {
	margin-left: 15px;
}

input, textarea, select {
	background-color: #ffffa0;
	border: solid 1px #333333;
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}

.float-left
{
	float:left;
}
.align-right
{
	text-align:right;
}

.align-center, .center
{
	text-align:center;
}

table.center
{
	margin-left:auto;
	margin-right:auto;
}

.image {
	border: 1px solid #333;
}

.hvspace5
{
	margin: 5px;
}

.hspace1
{
	margin-left: 1px;
	margin-right: 1px;
}

.hspace5
{
	margin-left: 5px;
	margin-right: 5px;
}

.hspace10
{
	margin-left: 10px;
	margin-right: 10px;
}

.button {
	border: solid 1px #333;
}

.formheading {
	text-align:right;
	color:#FFFFFF;
}

.formrow {
	margin: 2px;
	height: 20px;
	text-align:center;
}

.formtitle {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	text-align: right;
	color:#FFFFFF;
	vertical-align: top;
}


.formtitlecentered {
	margin: 2px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

.formsubmit {
	text-align: center;
	height: 60px;
}

.spacerdiv {
	height: 6px;
}
.inlinestyle {
	display: inline;
}

div#biline {
	margin-top: -26px;
}


.heading {
	text-align: center;
}

.biline {
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}

.bold {
	font-weight: bold;
}

.emphasised {
	font-style: italic;
}

.bolditals {
	font-weight: bold;
	font-style: italic;
}


.clear-right {
	clear: right;
}


/************* TOP BROCHURE REQUEST ************/
div#brochureimage {
	position: absolute;
	right: 50px;
	bottom: 70px;
	width: 150px;
	height: 121px;
	/*width: 190px;
	height: 152px;*/
	border:none;
}

/**************** HEADER QUOTE ****************/
div#headerquote {
	position: absolute;
	right: 280px;
	bottom: 55px;
	width: 370px;
	border: solid 0px yellow;
	font-family: Helvetica, Arial, sans-serif;
	font-size:18px;
	color: #023063;
	font-weight: bold;
	line-height: 21px;
}

div#headerquotequote {
	font-style:italic;
}

div#headerquotewriter {
	font-size:16px;
	text-align:center;
}

div#headerquotelink {
	font-size:12px;
	text-align:center;
}

/**************** TOP NAVIGATION MENU ****************/
div#topmenu {
	background: url(../images/navbg_drk.gif) repeat-x;
	width: 960px;
	height: 21px;
	padding: 4px 10px 4px 10px;
	border: solid 0px yellow;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}


.topmenu-item a:link, .topmenu-item a:visited {
	color: #ffffff;
}

.topmenu-item a:active, .topmenu-item a:hover {
	color: #000000;
	text-decoration: underline;
}

.topmenu-item-current a:link, .topmenu-item-current a:visited, .topmenu-item-current a:active   {
	color: #000000;
	text-decoration: none;
}

.topmenu-item-current a:hover {
	text-decoration: none;
}

/* reviews */

.lh_reviews {
	margin-top:5px;
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    width: 232px;
    padding-left: 2px;
    padding-right: 2px;
}

.lh_reviews h3 {
	text-align:center;
}

.reviews_highlight {
    background-color: #EEEECC;
    border: 3px outset #FFCC00;
    cursor: pointer;
    float: right;
    padding: 2px;
    width: 190px;
	margin: 5px 5px 5px 10px;
}

.reviewfeature {
    font-size: 14px;
    font-weight: bold;
}

div.percentage {
    background: url("../images/navbg_drknz.gif") repeat-x scroll 0 0 transparent;
    height: 18px;
}

/**************** WRAPPED TEXT ON BUTTONS INDENTATION ****************/
.buttoncrlf {
	padding-left: 14px;
}

/**************** BROCHURE REQUEST ****************/

div#brochurebutton {
	background:url(../images/button-brochure-request.jpg) no-repeat;
	height: 120px;
	width: 238px;
	margin-top: 10px;
}
div#brochurebutton:hover, div#brochurebuttoncurrent:hover {
	cursor: pointer;
}

div#brochurebuttoncurrent {
	background:url(../images/button-brochure-request.jpg) no-repeat;
	height: 120px;
	width: 238px;
	margin-top: 10px;
}

div#brochurebuttonheading {
	padding: 8px 0px 0px 14px;
	text-align: left;
	font-weight: bold;
	font-size: 20px;
	line-height: 21px;	
}

#brochurebuttonheading a:link, #brochurebuttonheading a:visited, #brochurebuttonheading a:active {
	text-decoration: none;
	color:#FFFFFF;
}
#brochurebuttonheading a:hover {
	text-decoration: none;
	color: rgb(190,85,60);
}

div#brochurebuttontext {
	padding: 10px 0px 0px 8px;
	text-align: left;
	font-size: 15px;
	line-height: 16px;
}

.brochurebuttontext a {
	text-decoration: none;
	font-weight: normal;
	color:#FFFFFF;
}
.brochurebuttontext a:hover {
	text-decoration: none;
	color: rgb(190,85,60);
}

/**************** EQUADOR TOURS ****************/
div#ecuadorGalapagos {
	margin-top:5px;
	background:url(../images/button-ecuador.jpg) no-repeat; 
	height: 120px;
	width: 238px;
}

div#ecuadorGalapagos:hover, div#ecuadorGalapagoscurrent:hover {
	cursor: pointer;
}

div#ecuadorGalapagoscurrent {
	margin-top:5px;
	background:url(../images/button-ecuador-current.jpg) no-repeat;
	height: 120px;
	width: 238px;
}

div#ecuadorGalapagosheading {
	padding: 8px 0px 0px 14px;
	text-align: left;
	font-weight: bold;
	font-size: 20px;
	line-height: 21px;
}

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

#ecuadorGalapagosheading a:hover {
	text-decoration: none;
	color: rgb(190,85,60);
}

div#ecuadorGalapagostext {
	padding: 30px 0px 0px 8px;
	text-align: center;
	font-size: 15px;
	line-height: 16px;
}

.ecuadorGalapagostext a {
	text-decoration: none;
	font-weight: normal;
	color: #FFFFFF;
}
.ecuadorGalapagostext a:hover {
	text-decoration: none;
	color: rgb(190,85,60);
}

/**************** PERU TOURS ****************/
div#peru {
	margin-top:5px;
	background:url(../images/button-peru.jpg) no-repeat;
	height: 120px;
	width: 238px;
}

div#peru:hover, div#perucurrent:hover {
	cursor: pointer;
	cursor: hand;
}

div#perucurrent {
	margin-top:5px;
	background:url(../images/button-peru-current.jpg) no-repeat;
	height: 120px;
	width: 238px;
}

div#peruheading {
	padding: 8px 0px 0px 14px;
	text-align: left;
	font-weight: bold;
	font-size: 20px;
	line-height: 21px;
}

div#peruheading a:link, div#peruheading a:active, div#peruheading a:visited {
	color:#FFFFFF;
	text-decoration: none;
}
div#peruheading a:hover {
	text-decoration: none;
	color: rgb(190,85,60);
}

div#perutext {
	padding: 54px 0px 0px 2px;
	text-align: center;
	font-size: 15px;
	line-height: 16px;
}
.perutext a:link, .perutext a:active, .perutext a:visited {
	color: #000000;
	font-weight: normal;
	text-decoration:none;
}

.perutext a:hover {

	text-decoration: none;
	color: rgb(190,85,60);
}

/**************** COSTA RICA TOURS ****************/
div#costarica {
	margin-top: 5px;
	background:url(../images/button-costa-rica.jpg) no-repeat;
	height: 120px;
	width: 238px;
}

div#costarica:hover, div#costaricacurrent:hover {
	cursor: pointer;
	cursor: hand;
}

div#costaricacurrent {
	margin-top: 5px;
	background:url(../images/button-costa-rica-current.jpg) no-repeat;
	height: 120px;
	width: 238px;
}

div#costaricaheading {
	padding: 6px 0px 0px 14px;
	text-align: left;
	color: black;
	font-weight: bold;
	font-size: 20px;
	line-height: 21px;

}
div#costaricaheading a:link, div#costaricaheading a:active, div#costaricaheading a:visited {
	color: #000000;
	text-decoration: none;
}
div#costaricaheading a:hover {
	text-decoration: none;
	color: rgb(190,85,60);
}

div#costaricatext {
	padding-top: 56px;
	font-size: 15px;
	line-height: 16px;
	text-align: center;
}
.costaricatext a:link, .costaricatext a:active, .costaricatext a:visited {
	color: #000000;
	font-weight: normal;
	text-decoration:none;
}

.costaricatext a:hover {
	text-decoration: none;
	color: rgb(190,85,60);
}

/**************** PATAGONIA TOURS ****************/
div#patagonia {
	margin-top: 5px;
	background:url(../images/button-patagonia.jpg) no-repeat;
	height: 120px;
	width: 238px;
}
div#patagonia:hover, div#patagoniacurrent:hover {
	cursor: pointer;
	cursor: hand;
}
div#patagoniacurrent {
	margin-top: 5px;
	background:url(../images/button-patagonia-current.jpg) no-repeat;
	height: 120px;
	width: 238px;
}

div#patagoniaheading {
	padding: 8px 0px 0px 14px;
	text-align: left;
	font-weight: bold;
	font-size: 20px;
	line-height: 21px;
}

#patagoniaheading a:link, #patagoniaheading a:active, #patagoniaheading a:visited {
	text-decoration: none;
	color: #ffffff;
}
#patagoniaheading a:hover {
	text-decoration: none;
	color: rgb(190,85,60);
}

div#patagoniatext {
	padding: 52px 0px 0px 4px;
	text-align: center;
	font-size: 15px;
	line-height: 16px;
}
.patagoniatext a:link, .patagoniatext a:active, .patagoniatext a:visited {
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
}
.patagoniatext a:hover {
	text-decoration: none;
	color: rgb(190,85,60);
}

/**************** / QUOTE / GUIDE / PHOTO / ****************/

div.whitepanel-titletop
{
	background:url(../images/whitepanel-titletop.gif) no-repeat;
	width:238px;
	height: 20px;
}

div.whitepanel-top
{
	background:url(../images/whitepanel-top.gif) no-repeat;
	width:238px;
	height: 15px;
}

div.whitepanel-body
{
	background-color:#fff;
	padding-left: 2px;
	padding-right: 2px;
}

div.whitepanel-bottom
{
	background:url(../images/whitepanel-bottom.gif) no-repeat;
	width:238px;
	height: 15px;
}

div#photogallery {
	width: 238px;
	margin-top:5px;
	text-align: center;
	font-size: 13px;
	border: 0px solid red;
}

div.featuredphoto-trip
{

}
div.featuredphoto-caption
{
	font-weight: bold;
	font-style:italic;
}

div#guide {
	width: 238px;
	margin-top:5px;
	text-align: center;
	border: 0px solid red;
}

.guidename {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333;
	font-weight: bold;
	
}

.featuredguide-quote
{
	margin-top: 3px;
	font-size:12px;
	font-style:italic;
}

div#quote {
	z-index:2;
	width: 238px;
	margin-top:5px;
	font-style:italic;
	font-size:12px;
	font-weight:bold;
	line-height: 1.25em;
	text-align: center;
	border: 0px solid red;
}

.quotename {
	font-style:normal;
}


div#twitter_ontheroad {
	width: 238px;
	margin-top:5px;
}

/**************** INTRODUCTION PANEL ****************/
div#introduction {
	position: relative;
	padding: 0px 2px 4px 0px;
	margin: 0;
}

div#introduction #introtext {
	border: solid green 0px;
	text-align: justify;
	line-height: 20px;
	margin-bottom: 20px;
}

.introtext {
	vertical-align:top;
	line-height: 1.7em;
}

.guidepanel{
	text-align:center;
}

.guidephoto {
	text-align:center;
	vertical-align:top;
	padding:2px;
}



/**************** TRIPS - BROCHURE ****************/

div#brochure {
	margin-top:10px;
	text-align:center;
}

/*************************************************************
******************** FOOTER PANEL ELEMENTS ********************
*************************************************************/
	

div#address {
	color: #000;
	text-align: center;
	font-weight: bold;
}

div#activelogos {
	margin: auto;
	width: 980px;
	border: solid 0px red;
}


/****************  TRIPS   ****************/
div#trips {
	text-align:center;
}


#icons {
	padding-top: 10px;
	text-align: center;
}

.tripspricing {
	font-size: 14px;
	font-weight: bold;
	text-align: right;
}

.tripspricingred {
	font-size: 14px;
	font-weight: bold;
	color:#FF0000;
}

.tripsdetails {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	margin: 0;
	line-height: 1.5em;
	text-align:center;
}

.tourmap {
	vertical-align: top;
	padding-top: 4px;	
}

/****************  TRIPS - JAGUAR    ***************/
div#trips #jaguar {
	margin:10px 0px 0px 0px;
	border: solid RGB(74,25,111) 3px;
	background:#F1E7FA;
	text-align:justify;
	font-size: 12px;
	padding: 4px;
}


/****************  TRIPS - IGUANA   ****************/
div#trips #iguana {
	margin:10px 0px 0px 0px;
	border: solid RGB(79,185,74) 3px;
	background:#e3ffc4;
	text-align:justify;
	font-size: 12px;
	padding: 4px;
}

/****************  TRIPS - CONDOR   ****************/
div#trips #condor {
	margin:10px 0px 0px 0px;
	border: solid rgb(149,34,132) 3px;
	background:#ffe8fc;
	text-align:justify;
	font-size: 12px;
	padding: 4px;
}


/****************	TRIPS - TORTUGA ****************/
div#trips #tortuga {
	margin:10px 0px 0px 0px;
	border: solid rgb(255,226,0) 3px;
	background:#fbf6d4;
	text-align:justify;
	font-size: 12px;
	padding: 4px;
}

/****************	TRIPS - TUCAN ****************/
div#trips #tucan {
	margin:10px 0px 0px 0px;
	border: solid rgb(237,127,32) 3px;
	background:#ffe0bf;
	text-align:justify;
	font-size: 12px;
	padding: 4px;
}


/****************	TRIPS - QUETZAL ****************/
div#trips #quetzal {
	margin:10px 0px 0px 0px;
	border: solid rgb(109,207,246) 3px;
	background:#ecfaff;
	text-align:justify;
	font-size: 12px;
	padding: 4px;
}


/****************	TRIPS - CAPYBARA ****************/
div#trips #capybara {
	margin:10px 0px 0px 0px;
	border: solid rgb(237,27,36) 3px;
	background:#ffeced;
	text-align:justify;
	font-size: 12px;
	padding: 4px;
}

/****************	TRIPS - MACAW ****************/
div#trips #macaw {
	margin:10px 0px 0px 0px;
	border: solid #ef8aba 3px;
	background:#ffccff;
	text-align:justify;
	font-size: 12px;
	padding: 4px;
}

/* brochure request mini-form on index and landing pages */
div#brochureform {
/*	background: url(../images/brochure-request-box.png) no-repeat;*/
	background: url(../images/brochure-background-test.gif) no-repeat;
	width: 292px;
	height: 250px;
	padding:6px 0px 0px 8px;
	border: solid 0px yellow;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	line-height: 16px;
}

div#brochureform input, textarea {
	font-size:12px;
}

div#frontbreq-header
{
	margin-right: 7px;
	text-align: right;
	font-size: 14px;
	color:#FFFFFF;
}
.frontbreq-headline
{
	font-size: 16px;
	font-weight: bold;
}

div.frontbreq-field {
	margin-top: 3px;
	font-size: 12px;
	text-align: center;
	color:#FFFFFF;
}

.frontbreq-textarea
{
	width: 280px;
	height: 60px;
}

/******* BROCHURE BOXES ON COUNTRY PAGES *******/

.perubrochurebox {
	background: url(../images/peru-tours-brochure-box.gif) no-repeat;
	width: 680px;
	height: 250px;
	padding:0px 0px 0px 0px;
	font-size: 11px;
	line-height: 1.5em;
	margin-top: 5px;
	margin-bottom: 5px;
}

.incatrailbrochurebox {
	background: url(../images/inca-trail-box.gif) no-repeat;
	width: 680px;
	height: 80px;
	padding:0px 0px 0px 0px;
	font-size: 11px;
	line-height: 1.5em;
	margin-top: 5px;
	margin-bottom: 5px;
}

div.featurebox {
	margin: 5px 0px 5px 0px;
	padding: 3px;
	background-color: #FFFF99;
	text-align: justify;
	border: 1px solid #FF6600;
}

div.feature_quotebox {
	margin: 5px 0px 5px 0px;
	padding: 5px;
	background-color: #FFFF99;
	text-align: center;
	line-height: 1.5em;
	border: 1px solid #FF6600;
}


div.honeymoonbox {
	margin: 5px 0px 5px 0px;
	padding: 3px;
	background-color: #FFeeff;
	text-align: justify;
	border: 1px solid #FFccFF;
}

/*************************************************************
****************** SITEMAP STYLES ****************************
**************************************************************/

.sitemap-subhead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #669900;
	text-decoration: none;
	margin-top: 10px;
}
.sitemap-subhead a:link {text-decoration: none; color: rgb(190,85,60);}
.sitemap-subhead a:visited {text-decoration: none; color: rgb(190,85,60);}
.sitemap-subhead a:active {text-decoration: underline; color: rgb(190,85,60);}
.sitemap-subhead a:hover {text-decoration: underline; color: rgb(190,85,60);}

.sitemap-item {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	padding-left: 10px;
}
.sitemap-item a:link {text-decoration: none; color: #666666;}
.sitemap-item a:visited {text-decoration: none; color: #666666;}
.sitemap-item a:active {text-decoration: underline; color: #666666;}
.sitemap-item a:hover {text-decoration: underline; color: #666666;}
.sitemap-item-sub {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #CCCCCC;
	text-decoration: none;
	padding-left: 20px;
}
.sitemap-item-sub a:link {text-decoration: none; color: #999999;}
.sitemap-item-sub a:visited {text-decoration: none; color: #999999;}
.sitemap-item-sub a:active {text-decoration: underline; color: #999999;}
.sitemap-item-sub a:hover {text-decoration: underline; color: #999999;}