/*
Theme Name: Eco-Planet Adventure
Theme URI: ecoplanetadventure.com
Description: Eco-Planet Adventure custom wordpress theme
Author: Joe Grund
Author URI: http://www.oneluxsystems.com
Version: .1
.
A Movement toward CMS.
.
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	line-height: 0;
	color: white;
	font-size: small;
	font-family: Verdana,Geneva,Helvetica,Arial,sans-serif;;
	background: url(images/bg.gif);
	background-repeat: repeat-x;
	background-color: #A8AD9C
}
ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */

caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

h1, h2, h3, h4, h5, h6, p, ol, ul {
	line-height: 1;
}

h1, h2, h3, h4 {
	text-transform: uppercase;
	letter-spacing: 0.15em;
	font-weight: bold;
}


h1 {
	font-size: 1.55em;
}

h2 {
	font-size: 1.25em;
}

h3 {
	font-size: .9em;
}

h4 {
	font-size: .7em;
}

p {
	margin: 2px 0 20px 0;
	padding: 0;
	line-height: 1.4em;
	font-size: .8em;
}

a {
	font-size: x-small;
}

a:link {
	color: #FFF;
}

a:visited {
	color: #FEF;
}

a:hover {
	text-decoration: none;
}

#transparentBG {
	background: url('images/transparentBG.png') no-repeat;
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
}

.bold {
	font-weight: bold;
}

.headerImg {
	margin-left: 10px;
	margin-bottom: 5px;
}

.clear {
	height: 1px;
	clear: both;
}

.highlightButton {
	float: left;
}

.highlightList {
	margin-left: 94px;
	height: 90px;
	font-size: .8em;
}

.highlightList li {
	padding-top: 5px;
}

.bottomList {
	font-size: .8em;
	margin-left: 10px;
	margin-top: 5px;
}

ul.bulletUl {
	font-size: .8em;
	padding-left: 15px;
	list-style-type: disc;
	line-height: 1.2em;
}

ol.numberOl {
	list-style-type: decimal;
	font-size: .8em;
	padding-left: 20px;
	line-height: 1.2em;
}

.contentHeader {
	padding-top: 20px;
}

div#mainDiv {
	width: 767px;
	margin-left: auto;
	margin-right: auto;
	background: #093465;
	border-left: solid thin #163f6e;
	border-right: solid thin #163f6e;
}

div#contentDiv {
	width: 737px;
	margin-left: auto;
	margin-right: auto;
}

div#headerDiv {
	width: 766px;
	height: 158px;
	background: url(images/top.jpg);
}

div#slideShowContentDiv {
	width: 736px;
	height: 297px;
	background: url(images/1_bg3.gif);
	background-repeat: no-repeat;
	margin-left: 15px;
	margin-bottom: 5px;
}

div#slideShowContentLeftPanelDiv {
	float: left;
	width: 302px;
	height: 290px;
}



div#slideShowContentLeftPanelDiv h2 {
	margin-top: 20px;
	margin-bottom: 10px;
}

div#slideShowContentLeftPanelDiv p {
	margin-left: 10px;
	line-height: 1.5em;
	font-size: .9em;
}

#slideShowDiv {
	width: 423px;
	height: 278px;
	margin-top: 7px;
}



#topPanelContent {
	margin-left: 360px;
}

#topPanelContent p {
	line-height: 1.3em;
	padding: 0px 10px;
	font-size: .95em;
}

#topPanelLogo {
	margin-top: 20px;
	margin-bottom: 5px;
}

#toucanDiv, #fox35Clip {
	float: left;
	width: 350px;
	height:250px;
	margin: 20px 0 20px 10px;
}

#fox35Clip {width:340px;}

#waiver {
	float: right;
	width: 111px;
	padding: 10px 10px 0px 0px;
}

#waiver p {
	padding-top: 0px;
	line-height: 1.3em;
	font-size: .8em;
}

div#smallGreenPanel {
	background: url(images/1_p2.jpg) no-repeat;
}

div#smallGreyPanel {
	background: url(images/1_p3.jpg) no-repeat;
}

div#smallRedPanel {
	background: url('images/smallPanelRed.gif') no-repeat;
}

div#footerDiv {
	text-align: center;
	font-size: x-small;
	width: 720px;
	height: 80px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	line-height: 12px;
}

#expeditionLogo {
	margin-top: 9px;
}

#bottomCorners {
	background: url('images/mainContentBottomCorners.png');
	background-repeat: no-repeat;
	width: 769px;
	height: 12px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
}

.column {
	background: url('images/side_panel_top_left.png');
	background-position: top left;
	background-repeat: no-repeat;
}

.column .header {
	background: url('images/side_panel_top_right.png');
	background-repeat: no-repeat;
	background-position: top right;
	padding: 15px 10px 10px 10px;
}



.column .content {
	background: url('images/side_panel_body_right.png');
	background-repeat: repeat-y;
	background-position: top right;
	padding: 10px;
	margin: 0px;
	margin-top: -2.4em;
}

.column .content p {
	margin: 0px;
	padding-top: 10px;
}

.column .bottom {
	background: url('images/side_panel_bottom_left.png');
	background-repeat: no-repeat;
	background-position: bottom left;
	margin-top: -.1em;
}

.column .bottom p {
	background: url('images/side_panel_bottom_right.png');
	background-repeat: no-repeat;
	background-position: bottom right;
	margin: 0px;
	padding: 0px;
}


.column .videoList h4 {
	margin-left: 94px;
}

.leftColumn {
	float: left;
	width: 489px;
	margin-right: 4px;
	margin-bottom: 2px;
}

.rightColumn {
	float: left;
	width: 243px;
}


.smallPanel {
	float: left;
	width: 243px;
	height: 103px;
	margin-top: 4px;
}

#panelBtn, #panelBtn span {
	display: block;
	height: 28px;
	position: relative;
	overflow: hidden;
}

#panelBtn span {
	height: 140px;
	background: url(images/bookingBtn.png) 0 0 no-repeat;
	text-indent: -9000px;
}


#panelBtn:hover span, #panelBtn:active span {
	top: -50px;
}

.panelBtnGreen {
	margin-top: 0px;
	margin-bottom: 3px;
}

#toucan {
	position: relative;
	z-index: 99;
	right: 300px;
	top: 200px;
}


/*contact Page styles*/
#contact #leftColumn {
	width: 489px;
	margin-right: 5px;
}

#contact #rightColumn {
	margin-right: 0px;
	width: 242px;
}

#contact .content {
	margin-top: -25px;
	padding-top: 18px;
}

#contact ol {
	padding-top: 20px;
}

#contact ol label {
	float: left;
	width: 55px; /* Width of labels */
	font-size:.8em;
}

#contact ol input, textarea {
	margin-left: 5px;
}

#contact #rightColumn ol {
	width: 222px;
}

.content h2 {
	padding-top: 20px;
}

.columnMargin {
	margin-left: 3px;
}

.tabsContent {
	background: #719e41 url('images/tabContentBG.png') repeat-x;
	margin-left: 1px;
	width: 670px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	border: solid 3px #e1e6ec;
}

#orangeContent {
	background: #CF7F02 url('images/tabContentBGOrange.png') repeat-x;
}

.tabBtn, .tabBtn span {
	float: left;
	display: block;
	width: 183px;
	height: 37px;
	position: relative;
	overflow: hidden;
}

.tabBtn span {
	height: 140px;
	text-indent: -9000px;
}

.inactive {
	top: -41px;
}

.tabBtn:hover span {
	top: -82px;
}

.idTabs li {
	float: left;
}

#green {
	background: url('images/whatToPack.png') 0 0 no-repeat;
}


#innerContent {
	margin: 20px;
	margin-bottom: 0px;
	border: 3px solid #051D39;
	background-color: #051D39;
}

#innerContent div {
	background: #093364 url('images/accordionBody.gif') 0 0;
	background-repeat: repeat-x;
	padding: 20px;
}

.idTabs {
	display: block;
	height: 36px;
	width: auto;
}

.idTabs  a {
	display: block;
	padding: 10px;
	font-size: 1.1em;
	background: #413E3A url('images/accordionHeaderInactive.gif') repeat-x;
	text-decoration: none;
	border-top: 1px solid #A9A9A9;
	border-bottom: 1px solid #292724;
}

.idTabs a.selected, .idTabs a:hover {
	background: #D18209 url('images/accordionHeaderBG.gif') repeat-x;
	border-bottom: 1px solid #5E3A01;
	border-top: 1px solid #FFE3B6;
}



#a2FormDiv label {
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: top;
	width: 165px;
	margin: 6px 10px 0px 0px;
	font-size: 1em;
}

#a2FormDiv label#comments {
	margin-right: 5px;
}

#a2FormDiv ul {
	list-style-type: none;
	width: 330px;
	padding-left: 0px;
	padding-top: 10px;
}

#a2FormDiv ul li {
	margin-bottom: 10px;
}

#a2FormDiv ul li p {
	margin-bottom: 0px;
}

#a2FormDiv h3 {
	margin-bottom: 10px;
}

.orange {
	color: #CF7F02;
}



#eventsLink {
	background: url(images/eventsLink.png) no-repeat;
	left: 685px;
	width: 234px;
	height: 232px;
	display: inline-block;
	position: absolute;
	top: 155px;
}

/* Scroller Box */
#scroller_container {
	position: fixed !important;
	width: 763px;
	height: 30px;
	overflow: hidden;
	z-index: 9999;
	border: 2px solid #2B2D26;
	background-color: #393C32;
	top: 0;
	cursor: pointer;
}

#scroller_container {
	white-space: nowrap;
}

#scroller_container h3 {
	padding: 1px 0;
	color: #D18205;
}

#scroller_container h3 span {
	padding: 0 75px 0 25px;
}

#scroller_container h3 {height:30px; font-size: 25px;}
/* Scoller Box */