/* Style sheet for rafting with my kids
Chris Kaminski, Lone Bird Studio
5 January 2010 */
/* main body wrappers  */
Body{
background-image:url(../images/bkgrnd.jpg);
background-repeat: repeat-x;
 background-color: #ffffff;
 font-family: times;
 font-size: 1em;
 color: #000000;
}
#wrapper_mainouter{
width: 800px;chris
height: auto;
margin: 0px;
margin-left: 40px;
padding: 0px;
border: 1px solid #000000;
}
#wrapper_banner{
background-image:url(../images/banner.jpg);
width: 100%;
height: 330px;
margin: 0px;
padding: 0px;
}
#wrapper_content{
background-image:url(../images/body2.jpg);
background-repeat: repeat-x;
overflow: hidden;

width: 100%;
height: auto;
margin: 0px;
padding: 0px;
}
#wrapper_trailer{
clear: left;
width: 100%;
height: auto;
margin: 0px;
padding: 0px;
padding-top: 15px;
padding-bottom: 10px;
font-family: arial;
text-align: center;
font-size: 10px;
color: #cccccc;
background-color: #000000;
}
h1{
width: 100%;
height: 25px;
margin: 0px;
padding: 0px;
font-size: 10px;
color: #000000;
}
/* Copy and headers*/
.content_box{
width: 370px;
height: auto;
margin: 0px;
margin-right: 220px;
margin-left: 200px;
padding: 0px;
}
h2{
margin: 0px;
padding: 0px;
Padding-bottom: 5px;
font-family: arial;
font-size: 1.25em;
color: #000037;
font-weight: bold;
text-align: center;
}
p{
font-size: 14px;
}
.highlight-box{
height: auto;
width: auto;
background-color: #3CC1FA;
border: 1px solid #000000;
display:block;
padding: 0px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 15px;
font-weight: bold;
font-family: arial; 
}
.copy_index-trips{
margin: 0px;
padding: 0px;
color:  #3B08A1;
font-size: 18px;
font-weight: bold;
}
.content_box P{
font-size: 12px;
margin: 0px;
padding: 0px;
padding-top: 5px;
padding-bottom: 5px;
}
.container_pics220{
	 position: absolute;
	 top: 910px;
	 left: 620px;
	 width: 220px;
	 height: auto;
	 margin: 0px;
	 padding 0px;
	 }
	.feature-lst{
		   font-size: .75em;
		   }
		   .ol#feature-lst li{
		   font-size: 10px;
		   } 
/* ------------- NAVIGATION -------------------- */
ul#mainNav {
float:left;
margin: 0;
margin-top: 20px;
margin-left: 15px;
padding: 0;
list-style: none;
width: 175px;
}
#mainNav a {
height: auto;
text-decoration: none;
color: #000000;
font-family: arial;
font-size: 13px;
text-transform: uppercase;
font-weight: bold;
text-align: right;
display: block;
margin:0px;
padding: 0px;
padding-left: 40px;
padding-right: 7px;
padding-bottom: 15px;
padding-top: 20px;
background-image: url(../images/button-orr.gif);
background-repeat: no-repeat;
}
#mainNav a:hover {
	color: #ffffff;
}
/* ----------------- IE Fixes ----------------- */
* remove annoying gaps */
#mainNav li {	
	display: inline; 
}
/* force hover on entire width of  link */
* html #mainNav a {
	height: 1px;
}

/* ----------------- bottom txt links ----------------- */
	 
	 ul#text_nav{
	 margin: 0;
	 padding: 0;
	 list-style: none;
	 display: block;
	 margin-left: 200px;
	 }
	 ul#text_nav li{
	 float: left;
	 margin: 0;
	 padding: 0;
	 padding-bottom: 10px;
	 }
	 ul#text_nav a{
	 margin: 0;
	 padding: 0;
	 color:  #000037;
	 font-size: 12px;
	 text-decoration: none;
	 font-family: arial;
	 padding-right: 10px;
	 padding-top: 10px;
	 }
	 ul#text_nav a:hover{
	 color: #cccccc;
	 }
	/* -------------- pop up ---------------------------- */

a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#cccccc}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-10em; left: -5em; width:30em;
    border:1px solid #0cf;
    background-color:#39304F; color:#fff;
    text-align: left;
	text-decoration: none;
	padding: 5px;}
/* ------------ trip page ------------------------------ */	
#wrapper_content_trips{
background-image:url(../images/body2.jpg);
background-repeat: repeat-x;
width: 100%;
height: 1600px;
margin: 0px;
padding: 0px;
border: 1px solid #000000;
}
/* ------------ contact page ------------------------------ */	
.container_frm{
width: 375px;
height: auto;
margin: 0px;
padding;: 0px;
padding-top: 15px;
}
/* ------------ price tables ------------------------------ */	
		  
		  table#price{
		  
		  }
		   table#price th{
		   background-color: #3CC1FA ;
		   font-size:12px;
		   }
		   table#price td{
		   text-align: center;
		   }
/* ------------ left and right feature boxes ------------------------------ */	
		  .container-feature-175{
		  position: absolute;
		  background-color: #E0DFE3;
		  top: 925px;
		  left: 60px;
		  width: 175px;
		  height: auto;
		  margin: 0px;
		  padding: 0px;
		  padding-top: 5px;
		  padding-bottom: 5px;
		  border: 1px solid #000000;
		  text-align: center;
		  font-family: arial;
		  font-weight: bold;
		  line-height:18px;
		  }
		  .container-feature-200{
		  position: absolute;
		  background-color: #E0DFE3;
		  top: 925px;
		  left: 635px;
		  width: 175px;
		  height: auto;
		  margin: 0px;
		  padding: 5px;
		  padding-top: 5px;
		  padding-bottom: 5px;
		  border: 1px solid #000000;
		  text-align: center;
		  font-family: arial;
		  font-weight: bold;
		  line-height:18px;
		  }
* ------------ picture box 220 ------------------------------ */	
	 .container_pics220{
	 position: absolute;
	 top: 910px;
	 left: 620px;
	 width: 220px;
	 height: auto;
	 margin: 0px;
	 padding 0px;
	 }