/*
Nature Trek Canada
Web design: Didier Delahaye, 2011 - dda@brassensredux.com

Colors:
Dark Blue 	#183152
Medium Blue	#375D81
Light Blue	#ABC8E2
Pale Blue	#A2BDD7
Cariblue	#E6E9F2
Orange		#FFC16F
NTC Brown	#855A30
Yellow		#FFC

*/

/* Page */

body {
margin:0; padding:0;
background: #183152;
font-size:100%;
}

p{
	margin-left: 0em;
}
h1 {
	font-variant: small-caps;
	color: #855A30;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	line-height: normal;
	text-align: left;
	padding-left: 10px;
	padding-top: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #855A30;
	margin-bottom: 5px;
	margin-top: 10px;
}
h2 {
	font-variant: small-caps;	
	color: #855A30;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	line-height: normal;
	text-align: left;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}

a:link {  
    color: #F60;  
    text-decoration: none;  
}   
a:visited {  
    color: #F60;  
	text-decoration: none;  
}  
a:hover {  
    color: #F60;  
    text-decoration: underline;  
}  
a:active {  
    color: #F60;  
    text-decoration: none;  
} 
ul{
	list-style: square outside url(icons/bullet.gif);
	padding-left: 0.5em;
	margin-left: 1em;
}

/* Layout */

#wrapper {
   margin: 0px auto;
   width: 840px;
   height: auto;
   background-color: #E6E9F2
}
#banner {
	height:120px;
	width:inherit;
	margin:0;
	background:#183152;
}
#menu {
	height:30px;
	width:inherit;
	margin:0;
	background:#183152;
}
#left{
	float: left;
	margin-right: 0px;
	width: 220px;
	height: 600px;	
	background-color: #E6E9F2;
	background-image: url(icons/caribou.jpg);	
}
#main{
	float: left;
	margin-right: 0px;
	width: 400px;
	height: 600px;
	background-color: #E6E9F2;
	overflow: hidden;
}

#mainright{
	float: left;
	width: 620px;
	height: 600px;
	background-color: #E6E9F2;
	overflow: auto;
}
#right{
	float: right;
	width: 200px;
	height: 600px;
	background-color: #E6E9F2;
	padding-left: 20px;
}
#footer{
   float: left;
   width: 100%;
   height: 20px;
   background-color: #375D81
}

#box {
	width: 100%px;
	margin: 10px 20px;
	box-shadow: inset;
	border: 1px solid #855A30;	
}
#textbox {
	width: 100%px;
	margin: 20px 20px;
}
#tripbox {
	width: 180px;
	margin-left: 20px;
	margin-right: 10px;
	margin-top: -10px;
	padding-top: 0px;
	box-shadow: inset;
	background-color: #FFF;
	border: 0px solid #375D81;
}

/* Text styles */

.address {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #A2BDD7;
	text-decoration: none;
	word-spacing: 0.3em;
	text-align: center;
	letter-spacing: normal;
	line-height: normal;
	font-size: 0.7em;
	margin: 20px;
}
.bodytext {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #183152;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 1.5em;
}
.tripdescription {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #183152;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.4em;
	font-size: 0.7em;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 0em;
	margin-bottom: 0.5em;
	padding-top: 0px;
	padding-bottom: 5px;
	border-bottom-style:dashed;
	border-bottom-width:1px;
	border-bottom-color:#B0C8D0;
}
.tripdetail {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #183152;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.4em;
	font-size: 0.7em;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 0em;
	margin-bottom: 0.5em;
	padding-top: 0px;
	padding-bottom: 0px;
}
.tripdate {
	margin-bottom:0px;
	margin-top:0px;
	padding-left: 10px;
	font-family:Trebuchet MS;
	font-size:11px;
	color:#369;
	text-align:left;
}
.triptitle {
	margin-bottom:5px;
	margin-top:5px;
	margin-left:10px;
	font-family:Trebuchet MS;
	font-size:11px;
	font-weight:bold;
	color:#404040;
	text-align:left;
}
.tripimage {
	height: 80px;
	width: 120px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom:0px;
	margin-top:0px;
}
.listdetail {
	font-family: Arial;
	color: #183152;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.2em;
	font-size: 0.7em;
	padding-left: 0px;
	padding-right: 5px;
	margin-top: 0.15em;
}
.Tripname {
	font-variant: small-caps;
	color: #855A30;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	line-height: normal;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #855A30;
}

.Tripnameleft {
	font-variant: small-caps;
	color: #855A30;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	line-height: normal;
	text-align: left;
	padding-left: 10px;
	padding-top: 20px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #855A30;
	margin-bottom: 5px;
	margin-top: 0px;
}

.right {
	text-align: right;
}

.quote {
	font-family: "Times New Roman", Times, serif;
	font-size: 0.75em;
	font-style: italic;
	line-height: 1.4em;
	text-align: left;
	color: #855A30;
	margin: 0em;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-left: 1em;
}				
.clear {
  clear: both;
}	
.Tripname .left {
	text-align: left;
}

.bodytext .bold {
	font-weight: bold;
	color: #855a30;
}
.img-desc {
	position: relative;
	display: block;
	height:250px;
	width: 400px;
}
.img-desc cite {
	background: #111;
	filter:alpha(opacity=50);
	opacity:.50;
	color: #fff;
	position: absolute;
	bottom: 0;
	left: -2px;
	width: 390px;
	padding: 0px 0px 0px 10px;
	margin-left: 0px;
	border-top: 0px solid #999;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 1em;
}
span.first
{
 float: left;
 font-family: Times, Georgia,serif;
 font-size: 3em;
 line-height: 0.85em;
 margin-right: 0.05em;
 margin-bottom:-0.25em;
}

/* Extensions */

.imageLink {
	padding-left: 10px !important;	
	padding-right: 0px !important;
	background: none !important;
}

a[href$='.pdf'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_pdf.gif) no-repeat center right;
}
a[href$='.doc'], a[href$='.rtf'] {
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_doc.gif) no-repeat center right;
}

a[href ^="mailto:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(icons/icon_mailto.gif) no-repeat center right;
}
a[href$='.jpg'], a[href$='.gif'], a[href$='.png'], a[href$='.bmp'], a[href$='.jpeg'], a[href$='.svg'], a[href$='.eps'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_pic.gif) no-repeat center right;
}

a[href$='.mov'], a[href$='.wmv'], a[href$='.mp4'], a[href$='.avi'], a[href$='.mpg'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_film.gif) no-repeat center right;
}

a[href$='.mp3'], a[href$='.wav'], a[href$='.ogg'], a[href$='.wma'], a[href$='.m4a'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_music.gif) no-repeat center right;
}

/* tooltips */

a.tooltip {
  position: relative;
}
 
a.tooltip span {
  display: none;
}
 
a.tooltip:hover {
  font-size: 100%; /* Fixes bug in IE5.x/Win */
}
 
a.tooltip:hover span {
  display:block;
  position:absolute;
  top:1em;
  left:2em;
  width: 8.5em;
  padding: 0.2em 0.6em;
  border:1px solid #996633;
  background-color:#FFFF66;
  color:#000;
}

.pricing {
	color: #375D81;
}
.image {
	height: 100px;
	width: 160px;
	margin-right: 20px;
	margin-left: 20px;
	-moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    -khtml-border-radius: 1px;
    border-radius: 1px;
}
.imagebox {
	margin-right: 0px;
	margin-left: 0px;
	padding: 0px;	
	}
.imagevertical {
	height: 250px;
	width: 160px;
	margin-right: 20px;
	margin-left: 20px;
	-moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    -khtml-border-radius: 1px;
    border-radius: 1px;
}
.imagesquare {
	height: 140px;
	width: 140px;
	margin-right: 20px;
	margin-left: 30px;
	-moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    -khtml-border-radius: 1px;
    border-radius: 1px;
}
hr {
     color: #855A30;
     background: #855A30; 
     width: 100%; 
     height: 1px;
}