/*
Name: Protoytpe Layout CSS
Creative by: Rise Creative Group
Date modified: 2/5/08
------------------------------------*/

/*  Reset all CSS 
------------------------------------*/
	
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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, caption, tbody, tfoot, thead { margin : 0; padding : 0; border : 0; outline : 0; font-weight : inherit; font-style : inherit; font-size : 100%; font-family : inherit; vertical-align: baseline; background: transparent; }




/* Base style
------------------------------------*/  

body {
	background:url(/group/images/bg.jpg) 50% 0 #281a0b no-repeat;
	padding: 0;
	margin: 0;
	}


/* Container
------------------------------------*/
#container {
	width:960px;
	padding: 0;
	margin: 0 auto;
	position: relative;
	}
	
#container-bottom {
	background:url(/group/images/container-bottom.jpg) no-repeat #281a0b;
	height: 18px;
	}
	
.subpage #container-bottom {
	background:url(/group/images/container-bottom-subpage.jpg) no-repeat #281a0b;
	width: 959px;
	height: 127px;
	margin-left: -9px;
	margin-top: -30px;
	position: relative;
	z-index: 99;
	}

@media screen and (-webkit-min-device-pixel-ratio:0){
.subpage #container-bottom {margin-left: -8px;}
}	
	
.itinerary #container-bottom {
	background:url(/group/images/container-bottom-itinerary.jpg) no-repeat #281a0b;
	width: 959px;
	height: 47px;
	margin-left: -1px;
	margin-top: -5px;
	position: relative;
	z-index: 99;
	}
	
	
#top_border {width: 100%; height: 10px; background: #333;}


.members-itinerary #ground {
	margin-top:40px;
}

	
/* Header
------------------------------------*/
#header {
	width:940px;
	height: 184px;
	margin: 0; 
	padding: 10px;
	position: relative;
	}

#header .logo, #header .logo a {
	position:absolute;
	left: 0;
	top: 20px;
	display:block; 
	font-weight: normal;
	font-size: 1.2em;
	color: #000000;
	padding: 15px;
	text-align:center;
	text-transform: uppercase;
	width: 350px;
	height: 110px;
}

#header span {
	display: none;
	}


#action_buttons {
	margin: 0;
	padding: 0;
	}
	
#action_buttons li {
	list-style: none;
	float: left;
	margin-right: 4px;
	}
	
#action_buttons li a {
	display: block;
	background: #666666;
	color: #fff;
	padding: 12px;
	}
	
#action_buttons li a:hover {
	background: #999;
	}
	
#split_col2 label {
	font-size: .8em;
	text-transform: uppercase;
	color: #333;
	}

/* Prototype placeholders
------------------------------------*/

.imgholder {
	background: #fff;
	border:#999999 2px solid;
	margin: 5px;
	text-align:center;
	vertical-align:middle;
}

.imgholder span {
	background:#999999;
	color:#FFFFFF;
	margin: 10px;
	display:block;
}



.recent_img {
	width:200px;
	height:150px;
	margin:8px 0 0 50px;
	text-align:center;
	vertical-align:middle;
	background:#fff;
	border:solid 1px #666666;
}

a.members_thumb {
	display: block!important;
	width:94px!important;
	height:94px!important;
	text-align:center;
	vertical-align:middle;
	background:#fff;
	border:solid 1px #666666;
	margin-left: 12px!important;
	margin-bottom: 10px!important;
	float: left;
}

a.members_profile {
	display: block!important;
	width: 124px!important;
	height:122px!important;
	text-align:center;
	vertical-align:middle;
	background:#fff;
	border:solid 1px #666666;
	margin-top: 7px!important;
	margin-left: 7px!important;
	margin-bottom: 10px!important;
	float: left;
}


.alpha {
	margin-left: 0!important;
	}
	
.members_list {
	width:342px;
	list-style:none;
	 margin: 10px 0 0 0px;
	 padding:0;
}

.members_list li {
	list-style:none;
	float:left;
	margin:0px 0 8px 0;
	text-align:center;
}

.members_list li a {
	float: left;
	}

/* 
Navigation
------------------------------------*/

#nav {
	width: 615px;
	height: 24px;
	padding: 5px 0 10px 10px;
	margin: 0;
	position: absolute;
	left: 310px;
	top: 104px;
	display: block;
}

#nav ul {
float:right;
}

#nav li {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}

#nav li a {
	display: block;
	padding: 10px 10px 13px 10px;
	margin: 0 0 0 6px;
	color: #5b3f20;
	font-size: 1.8em;
	font-weight: bold;
	text-decoration: none;
}

#nav li a:hover {
	color: #8a6741;
	}
	
#secondary_nav {position: absolute; left: 564px; top: 68px; font-size: .8em; width: 350px; height: 20px;}

#secondary_nav li {float: left; list-style: none; margin: 0; padding: 0;}

#secondary_nav li a {
	background: url(/group/images/aux-nav-bg.png) no-repeat;
	display: block; 
	padding: 9px 0 14px 0;
	width: 145px;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
	color: #e4c79f;
	text-align: center;
	margin-right: 8px;
	}
	
#secondary_nav li a:hover {
	color: #fee9cd;
	}
	
ul ul {display: none; font-size: .85em; margin-bottom: 0; padding-bottom: 0;}


ul ul li {margin: 0;}


#breadcrumbs {padding: 18px 0 18px 10px; font-size: .8em;}


.members-photo a.l1, .members-video a.l2, .members-blog a.l3, .itinerary a.l4, .members-contact a.l5  {
	background:url(/group//images/nav-latch.png);
	color: #ebd4b5!important;
	border-top: 1px solid #ebd4b5;
	border-bottom: 1px solid #ebd4b5;
	float: left;
	}


/* Features
------------------------------------*/

#feature {
	width: 558px;
	height: 173px;
	margin: 0;
	padding: 0;
	position:relative;
	z-index: 99;
	}

.subpage #feature {
	width: 100%;
	position: relative;
	}

#feature h1 {
	position: absolute;
	left: 160px;
	top: 25px;
	font-size: 3.3em;
	color: #281a0b;
	width: 400px;
	}

#feature a {color:#ccc;}

#feature_holder {
	position:relative;
	width:423px;
	height:245px;
	float:right;
	padding:4px 0 0 0;
	margin: 0 50px 0 0;
}


#feature h2 {
	color: #fff;
	position:absolute;
	top:150px;
	left:25px;
	width: 460px;
	}

#profile-img-frame {
	background: url(/group/images/picture-frame.jpg) no-repeat;
	width:147px;
	height: 146px;
	position: absolute;
	top: 10px;
	left: 30px;
	}
	
#profile-img-frame img {
	margin: 5px 0 0 5px;
	border: 1px solid #d8cebf;
	}

#profile_holder {
	margin:0;
	padding:0;
	width:150px;
	height:150px;
	float:left;
}

#profile_img {
	margin:0; 
	padding: 0; 
	position:absolute;
	top:-25px;
	left:50px;
}




/* Animal Headers
------------------------------------*/

#zebra {
	background:url(/group/images/animals/zebra.png) no-repeat;
	width: 354px;
	height: 210px;
	position: absolute;
	top: 15px;
	left: 550px;
	}

#lion {
	background:url(/group/images/animals/lion.png) no-repeat;
	width: 431px;
	height: 200px;
	position: absolute;
	top: 15px;
	left: 470px;
	}
	
#cheetah {
	background:url(/group/images/animals/cheetah.png) no-repeat;
	width: 431px;
	height: 200px;
	position: absolute;
	top: 15px;
	left: 518px;
	}
	
#rhino {
	background:url(/group/images/animals/rhino.png) no-repeat;
	width: 293px;
	height: 242px;
	position: absolute;
	z-index: 10000;
	top: -21px;
	left: 588px;
	}

	
/* Search
------------------------------------*/

#search {
	height: 30px;
	float: left;
	padding: 7px 0 0 36px;
	display: block;
}



/* Content
------------------------------------*/

#content {
	background:url(/group/images/content-bg.jpg) repeat-y #281b0b;
	width:945px;
	margin: 0 auto;
	padding: 0;
	}
	
#home object, #home embed, .members-blog object, .members-blog embed {
	width:340px!important;
	height: 284px!important;
	}
	
#home #content {
	margin: 0 0 0 8px;
	}

@media screen and (-webkit-min-device-pixel-ratio:0){
#home #content {
	margin: 0 0 0 9px;
	}
}	
	
	
.subpage #content {
	background: #ecdcc2;
	}
	
.itinerary #content {
	width: 940px;
	margin: 0 0 0 9px;
	}
	
.member-photo-list ul {
	list-style:none;
	list-style-type:none;
	padding:0;
	margin:0;
}

.member-photo-list li {
	list-style:none;
	list-style-type:none;
	padding:0;
	margin:0 6px 6px 0;
}

.photo_wrapper {
	width:275px;
	margin-bottom:20px;
	float:left;
}		



.photo_title {
	width:275px;
	clear:both;
}

.photo_info {
	width:450px;
	margin:0 0 0 10px;	
}

ul#thumbnails {
	padding-bottom: 25px;
	position: relative;
	z-index: 99;
	}

ul#thumbnails li {
	background: url(/group/images/photo-bg.jpg) no-repeat;
	list-style: none;
	margin: 0 0 20px 5px;
	padding: 0;
	float: left;
	width: 284px;
	}
	
ul#thumbnails li a.photo {
	display: block;
	float: left;
	width: 252px;
	height: 212px;
	margin: 7px 0 25px 7px;
	border: 1px solid #ccc;
	}
	
ul#thumbnails li a.desc {
	background:url(/group/images/zoom.jpg) no-repeat;
	width: auto;
	height: auto;
	float: none;
	padding-left: 25px;
	text-decoration: none;
	font-size: 1.4em;
	font-weight: bold;
	}

.video_wrapper {
	background:url(/group/images/divider.jpg) no-repeat bottom left;
	width:945px;
	padding-bottom: 78px;
	padding-left: 25px;
	margin-bottom:20px;
	clear:both;
}

.video_info {
	width:500px;
	margin:0 0 0 10px;	
}

.member_wrapper {
	width:425px;
	padding:10px;
	margin:10px 0 10px 12px;
	float:left;
}


.member_info {
	width:275px;
	margin:0 0 0 10px;	
}

.member_info ul {
	list-style:none;
}


.safari_route_map {

	width:300px;
	padding:10px;
	background:#DADADA;
	margin:50px 0 0 0;
}


#itinerary-options {
	background: url(/group/images/icon-bg.jpg) repeat-x #e6d6bd!important;
	height:100px;
	padding:15px 0 0 0;
	margin: 0 0 0 0;
	border-top: 1px solid #fff;
}

#itinerary-options li {
	width:272px;
	height:100px;
	float:left;
	list-style:none;
}

#itinerary-options li a {
	text-decoration: none;
	font-size: 1.5em;
	}


#itinerary-options .thumb {
	margin:10px 2px 0 10px;
}


.members-itinerary #itinerary-options {
	position:absolute;
	top:129px;
	left:-14px;
}

#blog-wrapper {
	background: url(/group/images/blog-wrapper-top.jpg) #fff no-repeat;
	margin: 0 0 0 -5px;
	min-height: 600px;
	height: auto !important;
	height: 600px;
	padding: 20px 21px 0 23px;
	position: relative;
	}
	
#home #blog-wrapper {
	background: url(/group/images/blog-wrapper-top-home.jpg) #fff no-repeat;
	margin: 0 0 0 -5px;
	padding: 20px 21px 0 23px;
	position: relative;
	width: 555px;
	}
	
#blog-wrapper h1 {
	margin-top: 50px;
	}
	
.members-blog #blog-wrapper {
	min-height: 830px;
	height: auto !important;
	height: 830px;
	}
		
#blog-wrapper-bottom {
	background: url(/group/images/blog-wrapper-bottom.jpg) bottom left no-repeat;
	height: 145px;
	width: auto;
	margin: -80px 0 0 -5px;
	padding: 0;
	position: relative;
	}
	
#home #blog-wrapper-bottom {
		width: 598px;
		}
	
.route-map-btn {
	margin-left: 25px;
	margin-bottom: 25px;
	}

/* Columns
------------------------------------*/

#full_col {
	background: url(/group/images/full-col-top.jpg) no-repeat #fff;
	float: left;
	width: 959px;
	margin: -14px 0 0 -9px;
	padding: 55px 0 0 0;
	position: relative;
	z-index: 98;
	}
	

#full_col {
	margin: -14px 0 0 -9px;
	}
	
#full_col h1 {
	margin-top: 45px;
	}
	
@media screen and (-webkit-min-device-pixel-ratio:0){
#full_col {margin-left: -8px;}
}	
	
.itinerary #full_col {
	background: none;
	width: 100%;
	padding: 0 0 0 0;
	min-height: 600px!important;
	height: auto !important;
	height: 600px;

	}
	
.subpage #full_col {
	min-height: 460px;
	height: auto !important;
	height: 460px;
	}
	
.members-blog #full_col {
	width:700px;
	padding: 18px 18px 12px 100px;
}	

#main_col {
	float:left;
	width: 598px;
	min-height: 750px;
	height: auto !important;
	height: 750px;
	padding: 0;
}

#split_col1 {
	float: right;
	width: 620px;
	margin: 0;
	padding: 18px 18px 20px 25px;
}

#split_col2 {
	float: left;
	width: 175px;
	margin: 0;
	padding: 18px 18px 100px 30px;
}

#sub_col {
	float: left;
	background: #281a0b;
	width:327px;
	padding:10px 10px 60px 10px;
	height:100%;
	position: relative;
	z-index: 99;
}

#home #sub_col, .members-blog #sub_col {
	margin-top: -150px;
	margin-left: -3px;
	}


#sub_col img  {
	margin-left: 4px;
	position: relaitve;
	}
	
img.home-photo {
	border: 5px solid #fff;
	width: 330px;
	}
	
.context_box {padding: 12px; background: #ddd; font-size: .85em;}


/*#sub_col ul {padding: 0; margin:0 0 0 20px;}

#sub_col li a:hover {background: #ccc;}*/

#sub_col h3 {
	margin:30px 0 0 0;
	}

#col_left {
float: left;
	width: 220px;
	margin: 0;
	padding: 20px 20px 0 40px;
	}

#col_center {
float: left;
	width: 350px;
	margin: 0;
	padding: 20px 0 0 20px;
}

#col_right {
float: right;
	width: 210px;
	margin: 0;
	padding: 20px 40px 0 0;
	}
	
.col {
	width: 427px;
	margin: 0;
	float: left;
	padding: 10px;
	font-size: .9em;
	}
	
.subpage .col {
	width: 45%;
	}

.safari_images {
	list-style:none;
	margin:0;
	padding:0;
}

.safari_images li {
	float:left;
	padding:25px;
}





/* Miscellaneous
------------------------------------*/

.center {
	text-align:center;
}

.right {
	float: right;
	margin-right: 10px;
}

.left {
	float: left;
	}

.clear {
	clear: both;
}

img {
	border: 0;
	}
	
.alert {
	color: #CC0000;
	font-weight: bold;
}

.note {
	font-size:0.9em;
	font-style:italic;
	color: #999;
	margin: 0;
	padding: 0;
}

.highlight {
	background-color: #ffcc99;
	
}

.blog_title {
width:10em;
}


/*  s
------------------------------------*/
div.table_wrap
{
	min-height: 100px;
	height: auto !important;
	height: 250px;
	margin:10px -20px 30px 0px;
}

.itinerary div.table{
	width: 941px;
	margin: 10px 0 0 0;
	clear: both !important;
	margin-bottom: 0;
	font-size: 10px;
	background-color: #ccc;
	margin-left: 8px;
}

div.table div
{
	/*border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #999999;*/
	clear: both;
	height: 30px;
	background: url(/group/images/td-bg.jpg) #d8c19f;
	padding-bottom: 6px;
	padding-top: 3px;
}

div.table div.table-header {
	background:url(/group/images/th-bg.jpg) repeat-x #503517;
	color: #ffe6c2;
	padding-top: 8px;
	padding-bottom: 8px;
	}
	
div.table div.highlight
{
	background: url(/group/images/td-highlight.jpg) #f2e7d5 repeat-x; !important;
}
div.table div.bottom
{
	border: none !important;
	background-color: #fff !important;
}
div.table span
{
/*	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #999999;*/
	padding:8px 0 6px 0;
	display: block;
	float: left;
	font-size: 10px;
	
}

span.spacer
{
	width: 10px;
	border: none !important;
}
span.date
{
	width: 75px;
	border: none !important;
}
	


span.destination
{
	width: 120px;	
}
span.town
{
	width: 120px;
}
span.starttime
{
	width: 75px;
}
span.endtime
{
	
	width: 75px;
}

span.describe
{
	width: 70px;
	border: none !important;
}

.itinerary span.spacer{
	width: 30px;
	border: none !important;
}

.itinerary span.date
{
	width: 100px;
	border: none !important;
}


.itinerary span.destination
{
	width: 120px;	
}
.itinerary span.town
{
	width: 120px;
}
.itinerary span.starttime
{
	width: 75px;
}
.itinerary span.endtime
{
	
	width: 75px;
}

.itinerary span.describe
{
	width: 370px;
	border: none !important;
}


/* Table Styles
------------------------------------*/

.tabular {
	margin-left: 8px;
	width: 941px;
	}


#home .tabular {
	margin-left: 0;
	font-size: .9em;
	margin-bottom: 0;
	margin-top: 8px;
	padding-bottom: 0;
	width: auto;
	}
	
.tabular th {
	background:url(/group/images/th-bg.jpg) repeat-x #503517;
	color: #ffe6c2;
	padding-top: 18px;
	padding-bottom: 18px;
	}
	
.tabular tr {
	background: url(/group/images/td-bg.jpg) repeat-x #d8c19f;
	}

.tabular .highlight {
	background: url(/group/images/td-highlight.jpg) #f2e7d5 repeat-x; !important;
	}
	

.itinerary .none {
	background-color:#D8C19F;
	}
	
/* Site Information
------------------------------------*/

#site_information {
	width: 925px;
	background: #342414;
	margin: 18px auto 15px auto;
	padding: 18px 10px 15px 10px;
	list-style: none;
	list-style-type:none;
	clear:both;
	font-size: 0.9em;
	color: #7d6546;
	border: 1px solid #3c2f21;
	position: relative;
	}

#site_information a, #site_information a:visited {
	color: #cfb99c;
	text-decoration: none;
	}

#site_information a:hover {
	color: #b9a283;
	}

#site_information li {
	margin: 0 0 6px 0;
}

a.return-to-top {
	background:url(/group/images/return-to-top.jpg) no-repeat;
	display: block;
	height: 29px;
	width: 125px;
	position: absolute;
	top: 10px;
	left: 795px;
	}
	
a span {display: none;}