body {
	background-image: url(images_main/BG_big.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin-top: 0px;
	background-position: center top;
}

.h1 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFFFFF;
	font-weight: bold;
}

.textMain {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-align: justify;
}


.title1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFFFFF;
	font-weight: bold;
}

.title2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FC8502;
	font-weight: normal;
}
.title3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FC8502;
	font-weight: bold;
}

.subtitle {
	font-family: rial, Helvetica, sans-serif;
	font-size: 14px;
	color: #8B958D;
	font-weight: normal;
}

.highlight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FC8502;
	font-weight: bold;
}

.highlight2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: normal;
}

.class2 a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
	margin-left: 15px;
	margin-right: 15px;
}

.class2 a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
	margin-left: 15px;
	margin-right: 15px;
	
}

.class2 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #00ADF6;
	margin-left: 15px;
	margin-right: 15px;
	
}

.class2 a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #00ADF6;
	margin-left: 15px;
	margin-right: 15px;
	
}

.class1 a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FC8502;
	text-decoration: none;
	margin-left: 15px;
	margin-right: 15px;
	vertical-align: bottom;
}

.class1 a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FC8502;
	text-decoration: none;
	margin-left: 15px;
	margin-right: 15px;
	
}

.class1 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #00ADF6;
	margin-left: 15px;
	margin-right: 15px;
	
}

.class1 a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FC8502;
	margin-left: 15px;
	margin-right: 15px;
	
}

.class3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #CCCCCC;
	text-decoration: none;
	margin-left: 5px;
	margin-bottom: 5px;
}

.class3 a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #CCCCCC;
	text-decoration: none;
	margin-left: 5px;
	margin-bottom: 5px;
}

.class3 a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #CCCCCC;
	text-decoration: none;
	margin-left: 5px;
	margin-bottom: 5px;
}

.class3 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	margin-left: 5px;
	margin-bottom: 5px;
}

.class3 a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	margin-left: 5px;
	margin-bottom: 5px;
}

.class4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FC8502;
	font-weight: bold;
	text-decoration: none
}

.class4 a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FC8502;
	font-weight: bold;
	text-decoration: none;
}
.class4 a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FC8502;
	font-weight: bold;
	text-decoration: none
}
.class4 a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FC8502;
	font-weight: bold;
	text-decoration: none
}
.class4 a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FC8502;
	font-weight: bold;
	text-decoration: none
}

.topnav a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #9EA7A0;
	margin-left: 15px;
	text-align: right;
	margin-right: 15px;
	text-decoration: none;
}

.topnav a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #8B958D;
	margin-left: 15px;
	text-align: right;
	margin-right: 15px;
	text-decoration: none;
	
}

.topnav a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #FF9900;
	margin-left: 15px;
	text-align: right;
	margin-right: 15px;
	text-decoration: none;
}


.topnav a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #8B958D;
	margin-left: 15px;
	text-align: right;
	margin-right: 15px;
	text-decoration: none;
}

.photoPad {
	margin-bottom: 15px;
	margin-left: 15px;
}

.photoPad2 {
	
	margin-right: 15px;
}


.tabletop {
	background-color: #8B958D;
}

.tabletop2 {
	font-size: 16px;
	font-weight: bolder;
	background-color: #8B958D;
	color: #FFFFFF;
	margin-left: 15px;
	padding-left: 10px;
}

.tableguts {
	background-color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-align: left;
	z-index:1;
}

/* Footer Nav */

.class6{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #CCCCCC;
	text-decoration: none;
	margin-left: 5px;
	margin-bottom: 5px;
	list-style: none;
	margin-right: 5px;
}

.class6 a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #CCCCCC;
	text-decoration: none;
	margin-left: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
}

.class6 a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #CCCCCC;
	text-decoration: none;
	margin-left: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
}

.class6 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FC8502;
	margin-left: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
}

.class6 a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	margin-left: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
}
.class7{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	margin-left: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	margin-top: 3px;
}

.class7 a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	margin-left: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	margin-top: 3px;
}

.class7 a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	margin-left: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	margin-top: 3px;
}

.class7 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FC8502;
	margin-left: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	margin-top: 3px;
}

.class7 a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	margin-left: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	margin-top: 3px;
}
/* Expedition Index - Yacht */
a img {
	border: none;
}
.yachtTable {
	background-color: #e6e6e6;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #666;
	border-bottom-color: #666;
	padding: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	margin: 1px;
}
.h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FC8502;
	font-weight: bold;
}
.yachtTable td.ycenter {
	background-color:#cccccc
}

.class5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333;
	font-weight: bold;
	text-decoration: none
}

.class5 a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333;
	font-weight: bold;
	text-decoration: none;
}
.class5 a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333;
	font-weight: bold;
	text-decoration: none
}
.class5 a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FC8502;
	font-weight: bold;
	text-decoration: none
}
.class5 a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FC8502;
	font-weight: bold;
	text-decoration: none
}
/* Booking and Inquiry Buttons */
.book
{
  display: block;
  width: 130px;
  height: 26px;
  background: url("../images_trip_viewers/booking_inquiry_main_ro.gif") no-repeat 0 0;
  float: left;
}

.book:hover
{ 
  background-position: 0 -26px;
}

.book span
{
  display: none;
}
.info
{
  display: block;
  width: 130px;
  height: 26px;
  background: url("../images_trip_viewers/request_info_main_ro.gif") no-repeat 0 0;
  float: left;
  margin-right: 10px;
}

.info:hover
{ 
  background-position: 0 -26px;
}

.info span
{
  display: none;
}
.twobuttonwraptop
{
width: 320px;
height: 27px;
margin: 0;
overflow: auto;
padding-top: 10px;
} 
.twobuttonwrapbottom
{
width: 320px;
height: 27px;
margin: 0;
overflow: auto;
padding-bottom: 5px;
} 

#flashwrapper { position:relative; }

#flash { }


/* ---------- Mega Drop Down --------- */
#mega {
list-style:none;
font-weight:bold;
height:2em;
margin:0 -5px 0 -33px;

}

* + html #mega {
list-style:none;
font-weight:bold;
height:112px;
margin:0 0 0 7px;

}

#mega li {
background:#fff;
border-right:1px solid #EEE;
margin-left:-1px;
float:left;
width:136.25px;
text-align:center;
position:relative;
}
#mega li:hover {
background: #eee;
border-bottom:0; /* border-bottom:0; and padding-bottom:1px; keeps <li> and <div> connected */
padding:0 0 1px 0;
margin-top:0;
z-index:1; /* shadow above adjacent li */
}
#mega a {
color:#000;
outline:0;
text-decoration:none;
display:block;
line-height:2em;
}




/* ----------- Hide/Show Div ---------- */
#mega div {
position:absolute;
left:-999em;
margin-top:1px;
width:620px;
padding:0 10px 10px;
border:1px solid #000;
border-top:0;
font-weight:normal;
text-align:left;
background:#666666;

}

* + html #mega div {
position:absolute;
left:-999em;
margin-top:112px;
width:620px;
padding:0 10px 10px;
border:1px solid #000;
border-top:0;
font-weight:normal;
text-align:left;
background:#666666;

}

#mega div .last {
position:absolute;
left:-999em;
margin-top:112px;
width:420px;
padding:0 10px 10px;
border:1px solid #000;
border-top:0;
font-weight:normal;
text-align:left;
background:#666666;
}

#mega li:hover div {
left:-1px;top:auto;
}
#mega li.dif:hover div {
left:-321px;
}
#mega li.last:hover div {
left:-455px;
}
/* --------- Within Div Styles --------- */
#mega div h2 {
font-size:1em;
padding:0 10px;
margin:5px 0 5px 0;
color:#fff;
clear:both;
background-color:#666666;
float:left;
width:610px;
position:relative; /* makes above drop shadow */
}
#mega div h2 a {
	color:#fff;
	background-color:#666666;
}
#mega div p {
	float:left;
	width:140px;
	color:#cccccc;
	background-color:#666666;
	padding-left:10px;
	margin-top:-2px;
	position:relative; /* makes above drop shadow */
}
#mega div p a {
	text-decoration:none;
	float:left;
	color:#cccccc;
	clear:left;
	background-color:#666666;
	width:100%; /* For IE6/7 */
	line-height:1.2;
}

* + html #mega div p a {
text-decoration:none;
float:left;
color:#cccccc;
clear:left;
background-color:#666666;
width:100%; /* For IE6/7 */
line-height:1.6;
}

#mega div a:hover, #mega div a:focus, #mega div a:active {
text-decoration:none;
background-color:#666;
color:#fc8502;

}
/* ---------- Drop Shadow ---------- */
#mega div .s1, #mega div .s2, #mega div .s3 {
position:absolute;
width:100%;height:100%;
}
#mega div .s1 {
background:url(/menu/rightcorner.png) 100% 0 no-repeat;
top:1px;right:-9px;
} 
#mega div .s2 {
background:url(/menu/leftcorner.png) 0 100% no-repeat;
bottom:-9px;left:1px;
} 
#mega div .s3 {
background:url(/menu/shadow.png) 100% 100%;
top:9px;right:-9px;
}
#mega li:hover .s4 {
background:url(/menu/li-shadow.png) 100% 0 repeat-y;
position:absolute;
top:0;right:-9px;
height:100%;
padding:0 8px 0 0;
}
* html #mega li:hover .s4 {
background:none;
}
#mega li:hover .dif-s4 {
padding-bottom:9px
}

#mega li:hover .snow {
background:url(/menu/snow-ro.jpg) 100% 0 no-repeat;
position:absolute;
top:0;left:0;
height:100%;
padding:0 0 0 0;
width:136px;
z-index:10;
}

#mega li:hover .paddle {
background:url(/menu/paddle-ro.jpg) 100% 0 no-repeat;
position:absolute;
top:0;left:0;
height:100%;
padding:0 0 0 0;
width:136px;
z-index:10;
}

#mega li:hover .fish {
background:url(/menu/fish-ro.jpg) 100% 0 no-repeat;
position:absolute;
top:0;left:0;
height:100%;
padding:0 0 0 0;
width:136px;
z-index:10;
}

#mega li:hover .yacht {
background:url(/menu/yacht-ro.jpg) 100% 0 no-repeat;
position:absolute;
top:0;left:0;
height:100%;
padding:0 0 0 0;
width:136px;
z-index:10;
}

#mega li:hover .climb {
background:url(/menu/climb-ro.jpg) 100% 0 no-repeat;
position:absolute;
top:0;left:0;
height:100%;
padding:0 0 0 0;
width:136px;
z-index:10;
}

#mega li:hover .surf {
background:url(/menu/surf-ro.jpg) 100% 0 no-repeat;
position:absolute;
top:0;left:0;
height:100%;
padding:0 0 0 0;
width:136px;
z-index:10;
}

.hiddenPic {display:none;}