/*  
Site Name: ---
Site URI: ---
Description: ---
Version: 1.0

UPDATE INFO ---------------------------------------

Revision number: 1.0
Last updated: 01 Jan 2009
Last update made by: --- (---@domain.co.nz)

CONVENTIONS ---------------------------------------

hyphenate class / id names - #my-id-name, .my-class-name
class / id names to start with lower case letter (ID's reserved for .net use will start with Upper case letter)

CONTENTS ------------------------------------------

*01: Reset
*02: Util classes & Phrase Elements
*03: Default Styles (Typography, colour)
*04: Structure (layout, size, positioning)
*05: Common Containers & Subclasses
*06: Forms
*07: Custom Containers & Subclasses

*/

/* *01: Reset -----------------------------------------------------------------------------------------------------------------*/

body {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
img{display:block;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:"'";}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/* *02: Util Classes ----------------------------------------------------------------------------------------------------------*/

.center 				{ text-align: center; }
.right 					{ text-align: right !important; }
.left 					{ text-align: left !important; }
.small 					{ font-size: 9px !important;}
#ie6 .small, #ie7 .small{ font-size: 10px !important;}
.float-right 			{ float: right; }
.float-left 			{ float: left;}
.clear 					{ clear: both; }
.uppercase 				{ text-transform: uppercase; }
.nowrap 				{ white-space: nowrap; }
.offscreen				{ position: absolute; left: -9999px; top: -9999px; }
.hidden					{ display: none; }
.self-clear 			{ zoom: 1; }
.self-clear:after 		{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.no-right-margin		{ margin-right: 0 !important; }
.no-left-margin			{ margin-left: 0 !important; }
.no-top-margin			{ margin-top: 0 !important; }
.no-bottom-margin		{ margin-bottom: 0 !important; }
.hot					{ cursor:pointer; }

/* *02a: Phrase Elements -------------------- */
strong, .bold 			{ font-weight: bold !important; /*letter-spacing:1px;*/ }
em, .italic				{ font-style: italic; }
code					{ font-family: Courier, serif; color: #999; font-size: 0.5em; }
cite					{ font-style: italic; }
abbr, acronym			{ border-bottom: 1px dotted; cursor: help; }
q						{ color: #fff; }
blockquote				{ color: #fff; font-size: 1.1em; margin: 0 0 0.5em 0; }

/* *03: Default Styles --------------------------------------------------------------------------------------------------------*/

body {
	font: 62.5%/1.6 Trebuchet MS, arial, Verdana,sans-serif;
/*	font: 62.5%/1.6 Trebuchet MS, arial, Verdana,sans-serif;*/
	background: #e0e0e0 url(/Images/interface/bg/bg-body.jpg) repeat-y 50% 0;
	color: #333;
}

/* #activities-sub-nav a, #activity-title, #activity-intro, .pricelist a, .listing a, #promo-pods .cover-link, .send, #counts div, #flash-holder img, #logo, #newsletter-signup, #crew-link, .tumblr-link, .twitter-follow, #social-networks img, .detail-head, .detail-abstract, #sidebar { behavior: url(/scripts/iepngfix.htc); } */

h1, h2, h3, h4, h5, h6 { font-weight: bold; letter-spacing: 0px; margin-bottom: 0; color: #010101; }

h1 { font-size: 2em; text-transform:uppercase; /*font-size: 1.8em;*/ margin: 0; color: #FFF; }
h2 { font-size: 1.5em; margin: 0 0 15px 0; color: #666; text-transform: uppercase; }
h3 { font-size: 1.6em; margin: 0 0 5px 0; color: #666; text-transform: uppercase; }
h4 { font-size: 1.4em; margin: 10px 0 0 0; color: #999; }
h5 { font-size: 1.4em; margin: 10px 0 0 0; color: #999; }

p { font-size: 1.4em; line-height: 1.2em;/*font-size: 1.2em; line-height: 1.4em;*/ margin: 0 0 20px 0; color: #333; font-family: Trebuchet MS, arial, Verdana,sans-serif; }

a { color: #ef5b01; text-decoration: none; }
.cliffhanger a { color: #0099BA; text-decoration: none; }
.cliffhanger a:hover { color: #017e99; text-decoration: underline; }

a:hover, a:active { text-decoration: underline; color: #d25301; }

ul li {
	list-style: none;
}

ol li {
	list-style-type: decimal;
}

ul.no-markers li {
	list-style: none;
}

dl {
	font-size: 12px;
}

dt {
	float: left;
	clear: left;
	width: 150px;
	margin: 0 0 10px 0;
	color: #999;
}

dd {
	float: left;
	margin: 0 0 10px 20px;
}

blockquote {
	/*font-size: 14px;*/
	font-family: "Helvetica Neue", Helvetica;
	font-weight: bold;
	color: #999;
	padding: 15px 0 0 0;
}

.quote-src {
	text-align: right;
}

/* *04: Structure -------------------------------------------------------------------------------------------------------------*/
/*    : NOTE: only structural css here - widths, heights, floats, margins etc. any styling code to go in '05: Common Containers & Subclasses' */

#other-sites {
	width: 960px;
	margin: auto auto;
	background: #FFF;
	position: relative;
}
/*#ie6 #other-sites, #ie7 #other-sites { left: 1px; }*/
#master-container {
	position:relative; 
	padding: 20px 0px;
	overflow:hidden; 
	background: #fff; 
	width: 960px; 
	margin: auto;
}

#master {
	width: 960px;
	overflow: hidden;
	position: relative;
	background: url(/Images/interface/bg/bg-master.jpg) repeat-x #e5e5e5;
}

#sidebar {
	width: 240px;
	min-height: 918px;
	position: relative; 
	z-index: 2;
	float: left;
	background: url(/Images/interface/bg/bg-sidebar.png) no-repeat;
}
#ie6 #sidebar { /*background: url(/Images/interface/bg/bg-sidebar.gif) no-repeat;*/ height: 918px; }

	.cliffhanger #sidebar 		{ background: url(/Images/interface/bg/bg-sidebar-cliffhanger.png) no-repeat; min-height: 1027px; }
	.cliffhanger #ie6 #sidebar 	{ background: url(/Images/interface/bg/bg-sidebar-cliffhanger.gif) no-repeat; height: 1027px; }

#page {
	width: 660px;
	margin: 0px 0px 0px 30px;
	position: relative;
	z-index: 2;
	float: left;
	overflow: hidden;
}

#content {
	
}

#footer {
	clear: both;
	background: url(/Images/interface/bg/bg-footer.jpg) no-repeat;
	height: 235px;
	position: relative;
	top: 16px;
}

/* *05: Common Containers & Subclasses ----------------------------------------------------------------------------------------*/

/* access keys ========================= */
#accesskeys {
	display: none;
}

/* other sites ========================= */

#other-sites { padding: 13px 0px 13px 0px; }

#other-sites p 	{ background: url(/Images/interface/bg/bg-experience.gif) no-repeat; text-indent: -9999px; overflow: hidden; width: 505px; height: 22px; margin: 12px 35px 0px 0px; float: right; }

#ie6 #other-sites p {
    margin-right: 25px;
}

#other-sites #sites-list {
	background: url(/Images/interface/nav/ind-thrills-nav-left.gif) no-repeat;
	height: 47px;
	float: right;
	margin-right: 30px;
}

#ie6 #other-sites #sites-list {
    display: inline;
}

#other-sites ul {
	background: url(/Images/interface/nav/ind-thrills-nav-right.gif) no-repeat top right;
	height: 47px;
	padding: 0px 11px 0px 27px;
	float: right;
}

#other-sites ul li 				{ float: left; margin-right: 10px; }
#other-sites ul li a 			{ display: block; text-indent: -9999em; overflow: hidden; height: 47px; }
#other-sites ul li a.gravity 	{ background: url(/Images/interface/nav/logo-gravity.gif) no-repeat; width: 72px; }
#other-sites ul li a.taupo-bungy{ background: url(/images/interface/nav/logo-taupo-bungy.png) no-repeat; width: 58px; }
#other-sites ul li a.taupo-cliff{ background: url(/images/interface/nav/logo-taupo-cliff.png) no-repeat; width: 58px; }

#other-sites ul li.tb			{ display: none; }
#other-sites ul li.gc			{ display: block; }
.gravity #other-sites ul li.gc	{ display: none; }
.gravity #other-sites ul li.tb	{ display: block; }

#ie6 #sites-list, #ie7 #sites-list { width: 120px; }

/* activity feature images ========================= */
#activity-feature-images-src 	{ display: none; }
#activity-feature-img 			{
	width: 960px;
	height: 600px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	zoom: 1;
}
.home #activity-feature-img { 
	background: url(/Images/interface/bg/bg-homepage.jpg) no-repeat; 
}
.home #ie6 #activity-feature-img, .home #ie7 #activity-feature-img { position: relative; margin-bottom: -600px; }

#cover {
	width: 960px;
	height: 600px;
	background: #e5e5e5 url(/Images/interface/bg/bg-master.jpg) repeat-x;
}

/* navigation ========================= */
#navigation { height: 55px; }

#navigation a { 
	text-transform: uppercase; 
	color: #bfbfbf; 
	text-decoration: none; 
	font-size: 1.2em; 
	line-height: 1em; 
	background: url(/Images/interface/ind/ind-main-nav.gif) no-repeat 100% 0; 
	display: block; 
	padding: 28px 15px 0px 0px;
}
.cliffhanger #navigation a { background: url(/Images/interface/ind/ind-main-nav-cliffhanger.gif) no-repeat 100% 0; }

#navigation a:hover						{ color: #FFF; }
#navigation .selected a					{ color: #FFF; padding-top: 41px; }

#navigation ul, #navigation li 			{ float: left; }
#navigation #main-nav 					{ float: right; }


#navigation #activities-nav a 			{ font-size: 1.8em; line-height: 1em; color: #808080; padding-top: 22px; }
#navigation #activities-nav a:hover 	{ color: #FFF; }
#navigation #activities-nav .selected a	{ color: #fff; padding-top: 35px; }

/* activities sub navigation ========================= */
#activities-sub-nav 	{ margin-top: 35px; }
#activities-sub-nav li 	{ position: relative; float: left; }

#activities-sub-nav a {
	background: url(/Images/interface/bg/bg-activities-subnav-item.png) no-repeat top right;
	display: block;
	height: 26px;
	font-size: 1.3em;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	padding: 6px 23px 0px 29px; /*padding: 6px 18px 0px 24px;*/
	margin: 0px -18px 0px 0px;
	position: relative;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
#ie6 #activities-sub-nav a 							{ float: left; zoom: 1; padding: 6px 20px 0px 20px; background: #f78321; margin: 0; }
	.cliffhanger #activities-sub-nav a 				{ background: url(/Images/interface/bg/bg-cliffhanger-activities-subnav-item.png) no-repeat top right; }
	.cliffhanger #ie6 #activities-sub-nav a 		{ background: #0099ba; }

#activities-sub-nav a:hover 						{ background-position: 100% -32px; }
	.cliffhanger #activities-sub-nav a:hover 		{ background-position: 100% -32px; }
#ie6 #activities-sub-nav a:hover 					{ background: #fc943c; color: #4e4e4e; }
	.cliffhanger #ie6 #activities-sub-nav a:hover 	{ background: #02a7cb; color: #b5eefa; }
#activities-sub-nav .selected a 					{ background-position: bottom right !important; color: #4e4e4e !important; padding-left: 40px; padding-right: 106px; }
#ie6 #activities-sub-nav .selected a 				{ background: #e4e4e4; color: #4e4e4e; }

#activities-sub-nav .ind {
	display: block;
	width: 13px;
	height: 8px;
	background: url(/Images/interface/ind/ind-activites-selected-nav.png) no-repeat;
	position: absolute;
	bottom: -6px;
	left: 24px;
}
#ie6 #activities-sub-nav .ind { display: none; }

/* detail sub navigation ========================= */
#sub-navigation {
	background: url(/Images/interface/bg/bg-activities-subnav-item.png) no-repeat top right;
	display: block;
	height: 32px;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0px 18px 0px 0px;
	position: relative;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	margin-top: 35px;
	margin-bottom: 200px;
}
#ie6 #sub-navigation { background: #f58426; }

#sub-navigation p {
	margin: 0;
	font-size: 1.3em;
	color: #4e4e4e;
	float: left;
	height: 25px;
}

#sub-navigation p.current-section {
	padding: 7px 24px 0 18px;
	background: url(/Images/interface/bg/bg-activities-subnav-item.png) no-repeat bottom right;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
#ie6 #sub-navigation p.current-section { background: #e4e4e4; }

#sub-navigation p.current-section a { padding-top: 1px; display: inline-block; }

#sub-navigation p.also-in-section {
	float: right;
	padding: 5px 0 0 0;
	color: #FFF;
}
#sub-navigation p.also-in-section .title { float: left; padding-top: 3px; }

#sub-navigation .select-one {
	padding: 3px 80px 3px 10px;
	margin-left: 10px;
	background: #FFF url(/Images/interface/ind/ind-drop-arrow.gif) no-repeat 97% 5px;
	color: #000;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	display: block;
	float: left;
}


#sub-navigation ul {
	clear: both;
	padding: 10px;
	text-align: right;
}

#sub-navigation ul.enabled {
	text-align: left;
	position: absolute;
	top: 5px;
	right: 18px;
	width: 143px;
	background: #fff;
	padding: 0 10px 10px 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#sub-navigation ul.enabled a {
	display: block;
	zoom: 1;
}

#sub-navigation ul.enabled .first a {
	padding-top: 5px;
}

#sub-navigation ul.enabled .selected a {
	color: #999;
}

#sub-navigation li {
	font-size: 1.2em;
}

/* sidebar ========================= */

#logo {
	text-indent: -9999px;
	overflow: hidden;
	width: 186px;
	height: 184px;
	position: absolute;
	top: 20px;
	left: 19px;
	background: url(/Images/interface/logo/logo-taupo-bungy.gif) no-repeat;
	cursor: pointer;
	display: block;
	text-indent: -9999px;
}
.cliffhanger #logo { 
	background: url(/Images/interface/bg/logo-cliffhanger.png) no-repeat -32px 0px; top: 25px; left: 13px; 
	width: 130px;
	height: 116px;
	left: 45px;
}

#logo:hover {	background-position: bottom left; }
.cliffhanger #logo:hover {	background-position: -32px bottom; }

#newsletter-signup {
	text-indent: -9999px;
	overflow: hidden;
	width: 142px;
	height: 38px;
	position: absolute;
	top: 587px;
	left: 23px;
	background: url(/Images/interface/bg/bg-sign-up.png) no-repeat;
	cursor: pointer;
}
.cliffhanger #newsletter-signup { height: 49px; top: 577px; width:127px; left: 77px; background: url(/Images/interface/bg/bg-sign-up-newsletter.png) no-repeat; }

#newsletter-signup:hover { background-position: 0px -38px; }
.cliffhanger #newsletter-signup:hover { background-position: 0px -49px;  }


#sidebar-nav {
	margin-top: 660px;
	padding-left: 40px;
}

#sidebar-nav h3 {
	text-transform: uppercase;
	margin-bottom: 5px;
	color: black;
}
	.cliffhanger #sidebar-nav h3 { color: #FFF; }
	
#social-networks li {
	float: left;
	margin-right: 5px
}

#other-pages {
	margin-top: 45px;
}

#other-pages a {
	font-size: 1.3em;
	color: #2b2b2b;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}

#other-pages a:hover {
	color: #ed750f;
	text-decoration: underline;
}

	.cliffhanger #other-pages a { color: #c6dee4; }


/* twitter ========================= */
#twitter-feed {
	clear: both;
}

/* promo pods ========================= */
#promo-pods { clear: both; margin-top: 30px; }

#promo-pods li 			{ position: relative; float: left; margin-left: 28px; padding: 0; zoom: 1; }
#promo-pods li.big	 	{ width: 313px; clear: left; margin-left: 0; }
#promo-pods li.norm 	{ width: 145px; }
	#ie6 #promo-pods li.norm, #ie7 #promo-pods li.norm { width: 135px; } /* Hack to ensure non-js IE7 doesn't have pods breaking */
	#ie6 .js-enabled #promo-pods li.norm, #ie7 .js-enabled #promo-pods li.norm  { width: 145px; }
	
	
#promo-pods .cover-link {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

#promo-pods .big .cover-link {
	width: 313px;
	height: 110px;
	background: url(/Images/interface/bg/promo-img-cover-large.png) no-repeat;
}

#promo-pods .norm .cover-link {
	width: 145px;
	height: 110px;
	background: url(/Images/interface/bg/promo-img-cover-small.png) no-repeat;
}

.cliffhanger #promo-pods .big .cover-link 	{ background: url(/Images/interface/bg/promo-img-cover-cliffhanger-large.png) no-repeat; }
.cliffhanger #promo-pods .norm .cover-link 	{ background: url(/Images/interface/bg/promo-img-cover-cliffhanger-small.png) no-repeat; }

#promo-pods h5 a {
	text-transform: uppercase;
}

/* footer ========================= */

.home #back-to-top { display: none }

#back-to-top {
    width: 83px;
    float:right;
    background: url(/Images/interface/ind/ind-back-to-top.png) center left no-repeat;
    margin-bottom: 10px;    
}

#back-to-top a {
    text-decoration: none;
    padding-left: 15px;
    text-transform: uppercase;
    font-weight: bold;
    word-spacing: 2px;
}

#back-to-top a:hover {
    text-decoration: underline;
}

.twitter-holder, .tumblr-holder {
	position: absolute;
	top: 100px;
	width: 230px;
}

.twitter-holder { left: 508px; }
.tumblr-holder 	{ left: 225px; }

#footer h4 	{ margin: 0; padding-right: 50px; line-height: 1em; text-transform: uppercase; }
#footer p 	{ margin: 10px 0 0 0; }

.twitter-follow, .tumblr-link {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	width: 84px;
	height: 78px;
	position: absolute;
	top: -50px;
	right: -5px;
	cursor: pointer;
}
.twitter-follow:hover, .tumblr-link:hover 	{ background-position: top right; }
.twitter-follow 							{ background: url(/Images/interface/bg/bg-twitter-link.png) no-repeat; }
.tumblr-link 								{ background: url(/Images/interface/bg/bg-blog-link.png) no-repeat; }

#crew-link {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	width: 46px;
	height: 149px;
	position: absolute;
	left: 10px;
	top: 64px;
	background: url(/Images/interface/bg/bg-the-crew.png) no-repeat;
	cursor: pointer;
}
#crew-link:hover { background-position: top right; }


/* *06: Forms -----------------------------------------------------------------------------------------------------------------*/
.form-holder {
	background: #FFF;
	padding: 20px 0px 20px 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-bottom: 30px;
}
.form-confirm p { margin-left: 20px;  }
.form-holder h2 { margin-left: 20px; }

.body-text .form-holder li {
	list-style-type: none;
	margin: 0;
	width: 300px;
	margin: 0 0 20px 20px;
	float: left;
}

.body-text .form-holder li.full-width { width: 620px; }

label {
	display: block;
	text-transform: uppercase;
	color: #666;
	/*font-size: 1.2em;*/
}

input, textarea, select {
	background: #e5e5e5;
	border-top: 1px solid #959595;
	border-right: 1px solid #cacaca;
	border-left: 1px solid #cacaca;
	border-bottom: none;
	/*font-size: 1.2em;*/
	color: #666;
	padding: 2px 10px 2px 10px;
	width: 278px;
}

.full-width input, .full-width textarea, .full-width select { width: 598px; }

.checkbox input { width: auto; float: left; border: none; background: none; }
.checkbox label { font-size: 1.1em; text-transform: none; width: 250px; float: left; margin-left: 10px; line-height: 1em; }

select 		{ padding-right: 0; width: 300px; }
textarea 	{ height: 100px; }

.send {
	background: url(/Images/interface/bg/bg-more-link.png) no-repeat;
	width: 105px;
	padding-right: 20px;
	height: 25px;
	border: none;
	cursor: pointer;
	color: #FFF;
	text-transform: uppercase;
	font-weight: bold;
}

.send:hover {
	background-position: bottom left;
}

/* IE form wrangling -------------*/
#ie6 .body-text .form-holder li, #ie7 .body-text .form-holder li { zoom: 1; display: inline; margin-left: 20px; }

/* Validation -------------*/
.field-error {
	background: #b41111;
	position : relative;
	padding: 7px;
	margin: 10px 0px 0px 0px;
	color: #FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 1.1em;
	display: block;
}
.checkbox .field-error { margin-top: 40px; }

.field-error .ind {
	display: block;
	width: 13px;
	height: 8px;
	background: url(/Images/interface/ind/ind-form-error.gif) no-repeat;
	position: absolute;
	top: -8px;
	left: 14px;
}


/* *07: Custom Containers & Subclasses ----------------------------------------------------------------------------------------*/
/* Homepage  -------------*/
#counts div {
	background: url(/Images/interface/bg/bg-count.png) no-repeat;
	width: 118px;
	height: 58px;
	float: left;
	margin-right: 80px;
}

div#counts 
{
	display: none;	
} 


#counts h4 {
	font-size: 1.1em;
	padding: 10px 10px 0 10px;
	margin: 0;
	text-transform: uppercase;
	font-weight: normal;
}
#counts p {
	font-size: 2.4em;
	padding: 0 10px 0 10px;
	margin: 0;
	font-family: myriad pro, Trebuchet MS, arial, Verdana,sans-serif;
	line-height: 1em;
	color: #FFF;
	font-weight: bold;
}


#jump-count h4 	{ color: #f58426; }
#swing-count h4 { color: #0298c0; }

#homepage-rotator { position: relative; }
#homepage-rotator h1 {
	position: absolute;
	top: 30px;
	left: 30px;
}
#homepage-rotator p {
	position: absolute;
	top: 70px;
	left: 30px;
	width: 300px;
	color: #efefef;
}
#flash-holder { outline: none; }

/* Video Gallery -------------*/
#youtube-list-holder {
	width: 316px;
	height: 326px;
	float: right;
	margin-left: 18px;
	background: #cfcfcf;
	background: url(/Images/interface/bg/bg-youtube-list.gif) no-repeat;
}

#youtube-list-holder h2 {
	margin: 10px 20px 0;
	height: 30px;
}

#youtube-list-frame {
	width: 276px;
	height: 266px;
	padding: 0 20px 0 20px;
	overflow: auto;
}

#youtube-list-holder li 				{ margin-bottom: 10px; }
#youtube-list-holder .youtube-thumb 	{ float: left; }
#youtube-list-holder .data 				{ float: left; margin-left: 10px; width: 104px; }
#youtube-list-holder .data a			{ float: left; font-size: 1.2em; text-transform: uppercase; font-weight: bold; }
#youtube-list-holder .data p 			{ color: #2b2b2b; }

/* Detail -------------*/
.youtube-holder {
	float: right;
	margin: 0px 0px 20px 18px;
	width: 326px;
}

.flash-holder {
	background: #fff;
	padding: 3px;
}

a.channel-link {
	display: block;
	background: url(/Images/interface/bg/bg-youtube-channel.png) no-repeat;
	width: 261px;
	height: 32px;
	padding: 8px 0 0 65px;
	float: right;
	font-size: 1.4em;
	text-transform: uppercase;
	color: #FFF;
	text-decoration: none;
	margin-top: 11px;
}
a.channel-link:hover { background-position: bottom left; }

.cliffhanger a.channel-link {
	background: url(/Images/interface/bg/bg-youtube-channel-cliffhanger.png) no-repeat;
}

.cliffhanger a.channel-link:hover { background-position: bottom left; color: White; text-decoration:none; }

.detail-head {
	background: url(/Images/interface/bg/bg-detail-title.png) no-repeat;
	margin-top: 40px;
	padding: 12px 22px 10px 22px;
}

.detail-abstract {
	background: url(/Images/interface/bg/bg-detail-abstract.png) no-repeat bottom left;
	color: #FFF;
	padding: 0 22px 26px 22px;
	/*font-size: 1.4em;*/ font-size: 1.8em;
}

#ie6 .detail-abstract, #ie6 .detail-head { background: #000; }

.detail-image {
	float: right;
	margin: 0px 0px 20px 0px;
}

.img-holder {
	background: #FFF;
	padding: 3px;
}

.img-caption {
	font-size: 11px;
	color: #666;
	background: url(/Images/interface/ind/ind-img-caption.gif) no-repeat 15px 0;
	padding-top: 10px;
	width: 316px;
}

.body-text ul, .body-text ol {
	margin-bottom: 20px;
	font-family: Trebuchet MS, arial, Verdana,sans-serif;
}

.body-text li ul, .body-text li ol {
	margin-bottom: 0;
}

.body-text ul li {
	list-style-type: disc;
}

.body-text li {
	color: #8A8A8A;
	margin-left: 20px;
	/*font-size: 1.2em;*/
	font-size: 1.4em; line-height: 1.2em;
}
.body-text li li { font-size:1em; }

#ie6 .body-text li, #ie7 .body-text li { margin-left: 25px; }

.body-text table {
	width: 100% !important;
	background: #FFF;
	margin-bottom: 20px;
}

.body-text table caption, .body-text table td {
	padding: 5px 10px 5px 10px;
	color: #666;
}

.body-text table caption {
	font-size: 1.5em;
	background: #ccc;
	font-weight: bold;
	text-transform: uppercase;
}

.body-text table td {
	border: 1px solid #ccc;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

.related-links {
	background: #FFF;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.related-links h4 {
	font-size: 1.5em;
	background: #ccc;
	font-weight: bold;
	text-transform: uppercase;
	padding: 5px 10px 5px 10px;
	color: #666;
	margin: 0 0 10px 0;
}

.related-links li {
	font-size: 1.2em;
	margin: 10px 0 0 20px;
	float: left;
	width: 300px;
}
#ie6 .related-links li { margin: 10px 0 0 10px; }

.related-links li a {
	display: block;
	background: url(/Images/interface/bg/bg-related-links.gif) no-repeat;
	padding-left: 30px;
	line-height: 1.2em;
	min-height: 22px;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
}
#ie6 .related-links li a { height: 22px; }

.related-links li .file-size 	{ font-size: 0.8em; color: #999; }

.related-links li.download a 	{ background-position: 0 -164px; }
.related-links li.pdf a 		{ background-position: 0 -246px; }
.related-links li.doc a 		{ background-position: 0 -328px; }

/* Activities Detail -------------*/
#activity-title {
	background: url(/Images/interface/bg/bg-d2-title.png) no-repeat;
	width: 275px;
	padding: 15px 20px 0px 20px;
	line-height: 1.2em;
	text-transform: uppercase;
	margin-top: 36px;
}

#activity-intro {
	width: 315px;
	background: url(/Images/interface/bg/bg-d2-abstract.png) no-repeat bottom left;
	color: #FFF;
	padding-bottom: 25px;
}

#activity-intro p {
	margin: 0;
	padding: 10px 20px 0px 20px;
	font-size: 1.4em;
	color: #cccccc;
}

#activity-intro h2,
#activity-intro h3 {
	margin: 10px 20px 0;
}
#activity-intro ul,
#activity-intro ol {
	margin: 10px 20px 0 30px;
	font-size: 12px;
}

#activity-intro ul li { list-style: disc; }

.pricelist, .gallery-list {
	float: left;
	width: 315px;
	margin: 100px 30px 0px 0px;
}

.special { margin-right: 0; }

.pricelist h3, .gallery-list h3 {
	font-size: 1.8em;
	color: #000;
	border-bottom: 1px solid #d3d5d2;
	margin: 0;
}

.gallery-list li, .pricelist li {
	border-bottom: 1px solid #d3d5d2;
	padding: 4px 0px 4px 0px;
	overflow:hidden;
}


.pricelist h4, .gallery-list h4					{ display: block; width: 156px; float: left; margin: 0; font-size: 1.2em; text-transform: uppercase; color: #2b2b2b; font-weight: bold; padding-top: 1px; }
.pricelist h4 { padding: 4px 0px 0px 0px;} 
	#ie6 .pricelist span, #ie7 .pricelist span { padding-top: 5px; } 
	#ie6 .pricelist h4, #ie7 .pricelist h4 { padding-top: 3px; } 
	#ie8 .pricelist h4 { padding-top:3px; }
.gallery-list h4	 { padding-top: 2px; }
	#ie8 .gallery-list h4 { padding-top:0; margin-top: -2px; }	
	#ie6 .pricelist li, #ie6 .gallery-list li, #ie7 .pricelist li, #ie7 .gallery-list li{ vertical-align: bottom; } /* IE7 fix gap between li's */
	#ie6 .gallery-list h4, #ie7 .gallery-list h4 { padding-top: 0px; margin-top: -2px; } 
	
.pricelist .price 								{ display: block; width: 43px; float: left; color: #f78321; font-size: 1.4em; font-weight: bold; padding-top: 6px; margin: 0 0 0 11px; }
.cliffhanger .pricelist .price { color: #0099ba !important; }
#ie6 .pricelist .price, 
#ie7 .pricelist .price, 
#ie6 .gallery-list .price, 
#ie7 .gallery-list .price	{ /*padding-top: 6px;*/ }
.pricelist a, .gallery-list a 					{
	display: block;
	background: url(/Images/interface/bg/bg-book-link.png) no-repeat;
	width: 105px;
	float: left;
	height: 22px;
	padding-top: 3px;
	color: #FFF;
	text-align: center;
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;	
}
.pricelist a { padding-top: 3px; height: 22px; }
.gallery-list a { padding-top: 4px; height: 21px; }
#ie8 .gallery-list a, #ie7 .gallery-list a, #ie6 .gallery-list a  { padding-top: 3px; height: 22px; }
.pricelist a:hover, .gallery-list a:hover	{ background-position: bottom left !important; }

.cliffhanger .pricelist a, .cliffhanger .gallery-list a { background: url(/Images/interface/bg/bg-cliffhanger-book-link.png) no-repeat; }

.cliffhanger .gallery-list h4 a { background: none; color: #0099BA; }
.cliffhanger .gallery-list h4 a:hover { color: #017e99; }

/* Listings -------------*/

/* common =============*/
.listing li {
	border-bottom: 1px solid #c7c7c7;
	padding: 15px 0px 1px 0px;
	color: #8a8a8a;
}

.listing a 							{  }
.listing a.img-link					{ float: left; margin: 0px 20px 0px 0px; }
.listing img 						{ /*border: 3px solid #fff;*/ float: left; display: inline; }
.listing a.img-link img				{ border: 3px solid white; }
.listing a.img-link:hover img		{ border: 3px solid #ED750F; }
.listing .copy						{ float: left; width: 488px; }


/* subpage listing ====*/
a.read-more, a.expand, a.collapse, a.next, a.prev {
	display: block;
	background: url(/Images/interface/bg/bg-more-expand-collapse.png) no-repeat;
	height: 16px;
	font-size: 1.1em;
	text-transform: uppercase;
	padding-left: 22px;
	
}
a.read-more { font-weight: bold; }

a.read-more:hover, a.expand:hover, a.collapse:hover { text-decoration: underline; }

/* book listing =======*/
a.book-now {
	display: block;
	background: url(/Images/interface/bg/bg-more-link.png) 0px 0px no-repeat;
	width: 136px;
	padding: 5px 0px 0 0;
	float: left;
	text-align: center;
	text-indent: -10px;
	height: 38px;
	color: #FFF;
	font-size: 1.6em;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Serif;
	margin-top: 7px;
}
a.book-now:hover { background-position: -136px 0px; }

.price {
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	font-size: 35px;
	color: #2b2b2b;
	float: left;
	line-height: 1em;
	margin: 8px 20px 11px 0px;
}

/* expand =============*/
a.expand 	{ display: none; background-position: 0 -36px; }
a.collapse 	{ background-position: 0 -72px; }
a.prev, a.next { margin-top: 2px; height: 18px; font-size: 1.1em !important; }
a.prev {
    background-position: 0 -110px;
    margin-right: 20px;
    font-weight: bold;
    font-size: 1.1em;
    padding-left: 27px;
}

a.next {
    background-position: 38px 1px;
    margin-left: 20px;
    padding-left: 0px;
	padding-right: 27px;
	font-weight: bold;
	display: block;
	width: 33px;
	font-size: 1.1em;
}
.disabled, .disabled:hover { cursor: default; text-decoration:none !important;  }
#prev.disabled { 
	background-position: 0px -172px;
	color: #d3d3d3 !important;
}
#next.disabled { 
	background-position: 38px -139px;
	color: #d3d3d3 !important;
}


/* Sitemap -------------*/
#sitemap {
	clear:both;
}
#sitemap ul {
	margin: 0;
}

#sitemap li {
	background: #ccc;
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: bold;
	list-style-type: none;
	margin: 0 0 20px 0;
	padding: 20px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#sitemap li ul {
	background: #ccc;
}
#sitemap li li {
	background: none;
	margin: 5px	0px 0px 0px;
	padding: 5px;
	font-size: 12px;
	font-weight: normal;
	background: #efefef;
}

#sitemap li li ul {
	background: #efefef;
	margin: 10px;
}
#sitemap li li li {
	background: #FFF;
	margin: 5px	0px 0px 0px;
}

/* Image Gallery -------------*/
/*  #737373 - dark grey
    #d4d4d2 - light grey border
    #f88323 - orange
    #f68424 - photo border orange
    #d25302 - dark orange */

#ie6 .pages, #ie7 .pages {
    margin: 0 0 20px 0;
}

    .pages p {
        float: left;
        font-weight: bold;
        color: #8A8A8A;
        font-size: 1.2em;
        padding-top: 6px; margin-bottom: 15px;
    }
    
    .pages a {
        text-decoration: none;
    }
    
    .pages a:hover {
        text-decoration: underline;
    }
    
    .pages a.prev:hover, .pages a.next:hover {
    }

    .pages .links {
        float: right;
        padding-top: 2px;
    }
    
        .pages .links li {
                float: left;
                font-size: 1.1em;
                font-weight: bold;
                color: #8A8A8A;
            }
		.pages .first { margin-right: 20px; }
		
        .pages .links li.num {
            margin-right: 10px;
        }
        
            
            .pages .links li a, .pages .links li span {
                font-weight: bold;
                font-size: 1.2em;
            }
            .pages li.last span { margin-right: 7px; }
                
            #ie6 .pages .links li a.prev, #ie6 .pages .links li a.next{
                display: inline-block;
            }
    
    .pages .view-all, .pages .view-less {
        margin-left: 15px;
    }
    

.images {
    width: 100%;
    overflow: hidden;
}

#ie6 .images, #ie7 .images{
    margin-bottom: 20px;
}
    
    .images .single-image {
        margin-bottom: 20px;
    }

    .images .single-image img {
        margin: auto;
        width: 100%;
        margin-bottom: 10px;
    }
    
    .images .single-image p{
        margin: auto;
        margin-bottom: 10px;
    }
    
    .images li {
        float: left; 
        margin-right: 15px; 
        margin-bottom: 15px; 
    }
    
    #ie6 .images li {
        margin-right: 13px; 
        margin-bottom: 13px; 
    }
    
        .images li p{
            display: none;
        }

        .images li a {
            padding: 0;
            margin: 0;
            display: block;
            height: 107px;
            width: 153px;
            position: relative;
        }
        
        #ie6 .images li a:hover {
            background: 0 0 no-repeat;
        }
        
            .images li a span{
                display: none;
            }
            
            .images li a:hover span{
                display: block;
                background: url(/images/interface/bg/bg-image-rollover.png) no-repeat;
                height: 107px;
                width: 153px;
                position: absolute;
                top: 0;
                left: 0;
                border: 1px solid #f68424;
            }

            .images li a img {
                border: 1px solid #f68424;
            }

.gallery-list {
    margin-top: 30px;
    float: left;
}

.video-gallery-list {
	margin-right: 0;
}

    .gallery-list li a {
        float: right;
    }
    
    .gallery-list li a:hover, .pricelist li a:hover {
		text-decoration: none;
	}
	.gallery-list li h4 a:hover, .pricelist li h4 a:hover { color: #d25301; text-decoration: underline; }
	.gallery-list li a:hover, .pricelist li a:hover { color: white; }
	
    .gallery-list li h4 {
        /*padding: 0;*/
	    margin: 0;
	    width: 200px;
    }

        .gallery-list h4 a {
            background: none;
	        padding: 0;
	        margin: 0;
	        float: left;
	        color: #f78321;
	        text-align: left;
	        height: auto;
	        width: auto;
        }
        .gallery-list .selected h4 a { color: #000; text-decoration: none; }

.errorPage {
	font-size: 0.8em; 
	margin-top: 10px;
}
.errorPage li {
	line-height: 1.2em;
	margin-bottom: 7px;	
}
.errorPage a:link, .errorPage a:active, .errorPage a:visited, .errorPage a:hover { color: #ED750F; text-decoration: underline; }


/* subpage listing ====*/
a.read-more, a.expand, a.collapse, a.next, a.prev {
	line-height: 1.5em;
}

.listing li {
	border-bottom: 1px solid #c7c7c7;
}

.listing li h3 {
	color: black;
}
.listing li .copy p { margin-bottom: 14px; }
.listing li .copy a.read-more  { margin-bottom: 14px; }
.img-link { display: block; padding-bottom: 14px;  }


/* Lighbox Image Gallery : uses ColorBox jQuery plugin -------------*/
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; background:white; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; /*overflow:hidden;*/}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxlightbox{cursor:pointer;}
/* 
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(/images/interface/bg/lightbox/overlay.png) 0 0 repeat;}
#colorbox{}
	#cboxTopLeft{width:21px; height:21px; }
    #cboxTopRight{width:21px; height:21px; }
    #cboxBottomLeft{width:21px; height:21px;}
    #cboxBottomRight{width:21px; height:21px;}   
    #cboxMiddleLeft{width:21px; height: 50px; }
    #cboxMiddleRight{width:21px; height: 50px;}
    #cboxTopCenter{height:21px; }
    #cboxBottomCenter{height:21px; }
   /* Orange Border Design
	#cboxTopLeft{width:21px; height:21px; background:url(/images/interface/bg/lightbox/bg-lightbox.png) -39px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(/images/interface/bg/lightbox/bg-lightbox.png) -69px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(/images/interface/bg/lightbox/bg-lightbox.png) -39px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(/images/interface/bg/lightbox/bg-lightbox.png) -69px -29px no-repeat;}   
    #cboxMiddleLeft{width:21px; height: 50px; background:url(/images/interface/bg/lightbox/bg-lightbox-side-border.png) 1px 0  repeat-y;}
    #cboxMiddleRight{width:21px; height: 50px; background:url(/images/interface/bg/lightbox/bg-lightbox-side-border.png) -21px 0px  repeat-y;}
    #cboxTopCenter{height:21px; background:url(/images/interface/bg/lightbox/bg-lightbox-top-bottom-borders.png) 0px 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(/images/interface/bg/lightbox/bg-lightbox-top-bottom-borders.png) 0px -29px repeat-x;}
   */
   
    #cboxContent{background:#fff; color:#333; font-weight: bold; margin-left: auto;}
        #cboxClose{position:absolute; display: block; top:-10px; right:0px; background:url(/images/interface/bg/lightbox/bg-lightbox.png) 49px -165px no-repeat; width:40px; height:18px; padding-right: 25px; text-transform:uppercase; font-size: 1.3em; color: #737373;}
        #cboxClose.hover{background-position: 49px -191px; }
        #cboxLoadedContent{margin-bottom:60px; margin-top: 15px; }
        #cboxLoadedContent img { border: 1px solid #F68424 !important; }
        /*cboxTitle 'margin-left' and 'top' values set in javascript in Frontend.initLightbox() */
        #cboxTitle{position:absolute; bottom: 10px; left: 55px; width:70%; font-size: 1.8em; line-height: 1.2em; padding-top: 1px; font-weight: normal !important}
            #cboxCaptions{text-align: justify; display: inline;}
                h3#cboxHeading { width:100%; color: #f88323; margin-bottom: 0;}
                #cboxDescription{width:100%; font-weight: normal;}
        #cboxCurrent{position:absolute; top:-10px; left:0px; color:#737373; font-size: 1.3em;}
        #cboxlightbox{position:absolute; bottom:3px; right:30px; color:#0092ef;}
        #cboxPrevious{ position:absolute; bottom:0px; left:0px; background: url(/images/interface/bg/lightbox/bg-lightbox.png) 0 -83px no-repeat; width:35px; height: 40px; text-indent:-9999px; display: inline-block; }
        #cboxPrevious.hover{background-position:0px -123px;}
		#cboxNext{ position:absolute; bottom:0px; right:0px; background: url(/images/interface/bg/lightbox/bg-lightbox.png) 0 -3px no-repeat; width:35px; height: 40px; text-indent:-9999px; display: inline-block; }
        #cboxNext.hover{background-position:0px -43px;}
        #cboxLoadingOverlay{background:url(/images/interface/bg/lightbox/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(/images/interface/bg/lightbox/loading.gif) center center no-repeat;}
/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/

/*
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/interface/bg/lightbox/internet-explorer/bg-border-top-left.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/interface/bg/lightbox/internet-explorer/bg-border-top-center.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/interface/bg/lightbox/internet-explorer/bg-border-top-right.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/interface/bg/lightbox/internet-explorer/bg-border-bottom-left.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/interface/bg/lightbox/internet-explorer/bg-border-bottom-center.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/interface/bg/lightbox/internet-explorer/bg-border-bottom-right.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/interface/bg/lightbox/internet-explorer/bg-border-middle-left.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/interface/bg/lightbox/internet-explorer/bg-border-middle-right.png, sizingMethod='scale');}
*/

/* ============================================================================================================================*/
/* *CUSTOM GRAVITY CANYON STYLES ----------------------------------------------------------------------------------------------*/
/* ============================================================================================================================*/

/* *Standard ----------------------------------------------------------------------------------------------*/
body.gravity {
    background: #e0e0e0 url(/Images/interface/bg/gravity/bg-body.png) repeat-y 50% 0;
    color: #fff;
}

.gravity h3 { color: #fff;}
.gravity .listing li h3 { color: #EF5B01; }
.gravity p { color: #fff; }

/* *Main ----------------------------------------------------------------------------------------------*/

.gravity #other-sites {
    display: block;
}

#ie6 .home #activity-feature-img { background-image:none; }
.gravity.home #activity-feature-img { 
	background: url(/Images/interface/bg/gravity/bg-homepage.jpg) no-repeat; 
}

.gravity #master { 
    border-right: none; 
    background: #000 url(/Images/interface/bg/gravity/bg-master.gif) repeat-x;
}

.gravity #cover {
    background: #000 url(/Images/interface/bg/gravity/bg-master.jpg) repeat-x;
}

.gravity .detail-head {
	background: url(/Images/interface/bg/gravity/bg-detail-abstract.gif) top left no-repeat !important;
}

.gravity .detail-abstract {
	background: url(/Images/interface/bg/gravity/bg-detail-abstract.gif) no-repeat bottom left !important;
}

.gravity #promo-pods .big .cover-link {
	background: url(/Images/interface/bg/gravity/promo-img-cover-large.png) no-repeat;
}

.gravity #promo-pods .norm .cover-link {
	background: url(/Images/interface/bg/gravity/promo-img-cover-small.png) no-repeat;
}

.gravity #counts {
    display: none !important;
}
.gravity .pricelist h4, .gallery-list h4 { color: #FFF; }

.gravity a.book-now {
	background-image: url(/Images/interface/bg/bg-more-link-black.png);
}

/* *Sidebar ----------------------------------------------------------------------------------------------*/
.gravity #sidebar { background: url(/Images/interface/bg/gravity/bg-sidebar.png) no-repeat; min-height: 765px;}

.bungy #sidebar { background-image: url(/Images/interface/bg/gravity/bg-sidebar-bungy.png); }
.chairlift #sidebar { background-image: url(/Images/interface/bg/gravity/bg-sidebar-chairlift.png); }
.fox #sidebar { background-image: url(/Images/interface/bg/gravity/bg-sidebar-fox.png); }
.swing #sidebar { background-image: url(/Images/interface/bg/gravity/bg-sidebar-swing.png); }

.gravity #logo {
	width: 177px;
	height: 85px;
	left: 10px;
	background: url(/Images/interface/bg/gravity/logo-gravity-canyon.png) no-repeat;
}

.gravity #newsletter-signup {
    left: 35px;
    top: 618px;
}

.gravity #sidebar-nav {
    margin-top: 675px;
}
.gravity #sidebar-nav h3 { color: #FFF; }

.gravity #newsletter-signup {
	height: 39px;
	background: url(/Images/interface/bg/gravity/bg-sign-up.png) 2px 0 no-repeat;
}

.gravity #newsletter-signup:hover {
	background: url(/Images/interface/bg/gravity/bg-sign-up.png) 2px -41px no-repeat;
}

.gravity #other-pages a {
    color: #fff;
}


/** Body Styles ********************/

.gravity .body-text table {
	background: #202020;
}

.gravity .body-text table caption, 
.gravity .body-text table td {
	color: #fff;
}

.gravity .body-text table caption {
	background: #3d3d3d;
}

.gravity .body-text table td {
	border: 1px solid #000;
}

.gravity .related-links { background-color: #202020; }
.gravity .related-links h4 { background-color:#3d3d3d; color: #fff; }
.gravity .related-links li a { background-image:url(/Images/interface/bg/gravity/bg-related-links.gif); }


/* *Footer ----------------------------------------------------------------------------------------------*/
.gravity #back-to-top a {
    color: #fff;
}

/* subpage listing ====*/
.gravity .listing li {
	border-bottom: 1px solid #4a4a4a;
}

.gravity #footer {
	background: url("/Images/interface/bg/gravity/bg-footer.jpg") bottom left no-repeat;
}

.gravity a#crew-link {
	top: 68px;
	left: 12px;
}

.gravity .twitter-holder, 
.gravity .tumblr-holder {
	top:87px;
}

.gravity .twitter-holder p, 
.gravity .tumblr-holder p {
	font-size: 1.2em;
}

.gravity .twitter-holder {
	overflow: hidden;
	left: 491px;
	width: 200px;
	height: 99px;
	padding: 8px;
	padding-left:54px;
}

.gravity .twitter-follow {
	background: url(/images/interface/bg/gravity/bg-twitter.png) top left no-repeat;
	left: 0; top: -1px;
	width: 44px;
	height: 115px;
}
.gravity .twitter-follow:hover { background-position: bottom left; }

.gravity .tumblr-holder {
	width: 204px;
	left: 210px;
	padding: 8px;
	height: 99px;
	overflow: hidden;
	padding-right: 51px;
}

.gravity .tumblr-link {
	background: url(/images/interface/bg/gravity/bg-blog.png) top left no-repeat;
	width: 45px;
	height: 115px;
	top: -1px;
	left: auto; right: 0;
}
.gravity .tumblr-link:hover { background-position: bottom left; }