@import url("reset.css");





/*** site structure ***/

body {background: #5a4f42 url(../images/site/page-bg-2.jpg) center top repeat-y; text-align: center; }

#container {width: 100%; background: url(../images/site/page-bg-bigger.jpg) center top no-repeat; }
	
	#site {position: relative; width: 990px; margin: 0 auto; text-align: center; }
	
		#masthead {display: block;  width: 990px; height: 156px; margin: 0 auto;  background: url(../images/site/mastheads/home.jpg) top left no-repeat; }
		.antarctica #masthead { background-image: url(../images/site/mastheads/antarctica.jpg); }
		.americas #masthead { background-image: url(../images/site/mastheads/americas.jpg); }
		.europe #masthead { background-image: url(../images/site/mastheads/europe.jpg); }
		.french_polynesia #masthead { background-image: url(../images/site/mastheads/french-polynesia.jpg); }
		.new_zealand #masthead { background-image: url(../images/site/mastheads/new-zealand.jpg); }
		.africa #masthead { background-image: url(../images/site/mastheads/africa.jpg); }
		.asia #masthead { background-image: url(../images/site/mastheads/asia.jpg); }
		.scg-blog #masthead { background-image: url(../images/site/mastheads/blog.jpg); }
		.safari #masthead { background-image: url(../images/site/mastheads/safari-home.jpg); }
		.safari-iceland #masthead { background-image: url(../images/site/mastheads/safari-iceland.jpg); }
		.safari-kenya #masthead { background-image: url(../images/site/mastheads/safari-kenya.jpg); }

			ul#nav {position: absolute; top: 132px; left: 0px;  height: 24px; width: 990px;  }
			ul#nav2 {position: absolute; top: 132px; left: 0px;  height: 24px; width: 960px;  }
	
		#galNav {margin-top: 46px; }
		.scg-blog #galNav {display: none; }
			ul#gals { }
	
		#like { position: absolute; top: 85px; right: 25px; width: 188px; height: 24px; padding: 10px 8px 10px 12px; display: block;
				 background: url(../images/site/nav/facebook-like.png);  text-align: left;   }
	
	#banner {margin: 59px auto 0 auto; display: none; width: 952px; height: 154px; clear: both;  }
	#slider { display: none; margin: 40px 20px -20px 20px; width: 952px; height: 154px; overflow: hidden;  }
	.home #slider, .scg-blog #slider  {display: block; }
	.order #banner {display: none; }
	.gallery #banner {margin-top: 99px; margin-bottom: -29px;   }
		a#icelandBanner, a#kenyaBanner { width: 952px !important; height: 154px !important;}
		a#icelandBanner { text-indent: -9999px; overflow: hidden; display: block; width: 100%; height: 100%; background: url(../images/scg-banner-iceland.jpg); }	
		a#kenyaBanner { text-indent: -9999px; overflow: hidden; display: block; width: 100%; height: 100%; background: url(../images/scg-banner-kenya.jpg); }			
		a#icelandBanner:hover, a#kenyaBanner:hover { background-position: left bottom;   }
	
	#contentBox { position: relative; width: 990px;  margin: 50px auto 0 auto; text-align: left; 
			background: url(../images/site/content-center-bg.jpg) left bottom repeat-y; }
	.gallery #contentBox {margin-top: 70px; }
	
	
	
	
	
	
	
	
	
	
	.featured #contentBox, .about #contentBox, .testimonials #contentBox, .links #contentBox, .thanks #contentBox, .infopage #contentBox {width: 817px;   background: url(../images/site/content-center-bg-narrow.jpg) left bottom repeat-y;  }
	.home #contentBox {background: none; }
	
		#content { 	background: url(../images/site/content-top-bg.jpg) left top no-repeat; padding: 18px 24px 0 24px;    }
		.featured #content, .about #content, .testimonials #content, .links #content, .thanks #content, .infopage #content { background: url(../images/site/content-top-bg-narrow.jpg) left top no-repeat; padding: 18px 34px 0 34px; }
		.order #content { }
		.home #content {height: auto; background: none; padding: 0;   }
		
		.home #content .homeText { width: 894px; margin-left: 44px;    }
				/*.home #content .homeText .homeTextCol { width: 415px; float: left; margin: 0 20px 0 0;  }*/
				.home #content .homeText  p { font-size: 12px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #ded5cc; text-align: justify; }
		
		
		#contentFooter { display: block; height: 28px; width: 990px; background: url(../images/site/content-bottom-bg.jpg) bottom left no-repeat; margin-left: -24px;  }
		.featured #contentFooter, .about #contentFooter, .testimonials #contentFooter, .links #contentFooter, .thanks #contentFooter, .infopage #contentFooter { background: url(../images/site/content-bottom-bg-narrow.jpg) left bottom no-repeat; width: 817px; /*left: 86px;*/ margin-left: -34px;}
		.home #contentFooter { display: none; }
		.order #contentFooter {margin-left: -24px; }
		.gallery #contentFooter {margin-left: -24px; }



	#footerBox {clear: both; width: 100%; background: url(../images/site/footer.jpg) center top no-repeat; display: block; height: 55px; }
		#footer {width: 990px; margin: 0 auto; }

.clear { width: 100%; float: none; clear: both; }

.shader {display: block; width: 750px; height: 43px; background: url(../images/site/bg-shader.jpg) top left no-repeat; }

div.left {width: 50%; float: left; }
	div.left img {border: none; }
div.right {width: 50%; float: right; }
	div.right img {border: none; }
	





/*** new nav ***/
ul#nav2 {padding-top: 25px;  left: 20px; }
	ul#nav2 li {text-align: left; margin-right: 30px;   }
			
		ul#nav2 li a {display: block; padding: 5px 0;  font-size: 13px; font-family: Georgia, "Times New Roman", Times, serif;color: #f4e9d5; text-transform: uppercase; 
				text-shadow: 2px 2px 3px #222; }
		
		ul#nav2 li.galleries {display: block; position: absolute; top: 0px; left: 0px; }
			ul#nav2 li.galleries a {  font-size: 18px; }
		ul#nav2 li.blog {display: block; position: absolute; top: 0px;  left: 160px;     }
			ul#nav2 li.blog a {   font-size: 18px; }
			
		ul#nav2 li a:hover {color: #eddd2a; text-decoration: none; }
		ul#nav2 li a#blog { }
		ul#nav2 li a#home {  }
		ul#nav2 li a#safaris {}
		ul#nav2 li a#about {   }
		ul#nav2 li a#featured {  }
		ul#nav2 li a#testimonials { }
		ul#nav2 li a#stock { }
		ul#nav2 li a#contact { }
		ul#nav2 li a#links {  }
		
		ul#nav2 li.social-facebook, ul#nav2 li.social-twitter, ul#nav2 li.social-linkedin, ul#nav2 li.social-gplus, ul#nav2 li.social-500px {position: absolute; width: 24px; height: 24px;  }
		ul#nav2 li.social-facebook {top: -37px; left: 585px;  }
		ul#nav2 li.social-twitter {top: -37px; left: 615px;  }
		ul#nav2 li.social-linkedin {top: -37px; left: 645px;  }
		ul#nav2 li.social-gplus {top: -37px; left: 675px;  }
		ul#nav2 li.social-500px {top: -37px; left: 705px;  }
		
		
		
		ul#nav2 li a#facebook {width: 24px; height: 24px; padding:0;  background:url(/images/site/nav/icon-facebook-24.png);  text-indent: -9999px; overflow: hidden; }
		ul#nav2 li a#twitter {width: 24px; height: 24px; padding:0; background:url(/images/site/nav/icon-twitter-24.png);   text-indent: -9999px; overflow: hidden;}
		ul#nav2 li a#linkedin {width: 24px; height: 24px; padding:0; background:url(/images/site/nav/icon-linkedin-24.png); text-indent: -9999px; overflow: hidden; }
		ul#nav2 li a#gplus {width: 24px; height: 24px; padding:0; background:url(/images/site/nav/icon-gplus-24.png); text-indent: -9999px; overflow: hidden; }
		ul#nav2 li a#px500 {width: 24px; height: 24px; padding:0; background:url(/images/site/nav/icon-500px-24.png); text-indent: -9999px; overflow: hidden; }

		ul#nav2 li form#order {display: block; position: absolute; top: 26px; right:0;   }
			ul#nav2 li #orderLink { border: none;  background: none;  cursor: pointer; font-size: 13px; font-family: Georgia, "Times New Roman", Times, serif;color: #fff; text-transform: uppercase;}
			ul#nav2 li #orderLink:hover {color: #fdf40c;    }
			
			
		
		.scg-blog ul#nav2 li.blog a, 
		.about ul#nav2 a#about, 
		.featured ul#nav2 a#featured, 
		.testimonials ul#nav2 a#testimonials, 
		.contact ul#nav2 a#contact, 
		.links ul#nav2 a#links, 
		.safari ul#nav2 a#safari {background-position: bottom left; color: #eddd2a; }	









/*** top (gallery) navigation ***/
ul#gals { }
	ul#gals a {display: block; height: 24px; text-indent: -9999px; overflow: hidden; }
	ul#gals a#ant {width: 132px;  background:url(../images/site/nav/antarctica.jpg); }
	ul#gals a#amr {width: 161px; background:url(../images/site/nav/americas.jpg); }
	ul#gals a#eur {width: 125px; background:url(../images/site/nav/europe.jpg); }
	ul#gals a#frp {width: 200px; background:url(../images/site/nav/french-polynesia.jpg); }
	ul#gals a#nwz {width: 185px; background:url(../images/site/nav/new-zealand.jpg); }
	ul#gals a#afr {width: 106px; background:url(../images/site/nav/africa.jpg); }
	ul#gals a#asa {width: 81px; background:url(../images/site/nav/asia.jpg); }
	
	ul#gals a#ant:hover, .antarctica ul#gals a#ant,
	ul#gals a#amr:hover, .americas ul#gals a#amr,
	ul#gals a#eur:hover, .europe ul#gals a#eur,
	ul#gals a#frp:hover, .french_polynesia ul#gals a#frp,
	ul#gals a#nwz:hover, .new_zealand ul#gals a#nwz,
	ul#gals a#afr:hover, .africa ul#gals a#afr,
	ul#gals a#asa:hover, .asia ul#gals a#asa {background-position: bottom left; }








/*** splash nav ***/
ul#splash {position: relative; top: 0; left: 30px; height: 415px; padding-bottom: 20px;  }
	ul#splash * {padding:0; margin:0; list-style-type: none; }

	ul#splash li {float: left; width: 132px; height: 416px;  }
		ul#splash li a, ul#splash li a:visited {position: relative; top: 0px; left: 0px;  display: block; height: 415px; width: 132px; text-indent: -9999px; overflow: hidden; }

	ul#splash li#splash-ant a { background: url(../images/site/home/antarctica.jpg) ;   }
	ul#splash li#splash-amr a { background: url(../images/site/home/americas.jpg) ; }
	ul#splash li#splash-frp a { background: url(../images/site/home/french-polynesia.jpg) ;  }
	ul#splash li#splash-eur a { background: url(../images/site/home/europe.jpg) ;   }
	ul#splash li#splash-nwz a { background: url(../images/site/home/new-zealand.jpg) ;  }
	ul#splash li#splash-afr a { background: url(../images/site/home/africa.jpg) ;   }
	ul#splash li#splash-asa a { background: url(../images/site/home/asia.jpg) ;   }
	
	ul#splash li#splash-ant a:hover, 
	ul#splash li#splash-amr a:hover, 
	ul#splash li#splash-frp a:hover, 
	ul#splash li#splash-eur a:hover, 
	ul#splash li#splash-nwz a:hover, 
	ul#splash li#splash-afr a:hover, 
	ul#splash li#splash-asa a:hover {background-position: top right; }



	


.info, .intro2, .intro3 {display: none; }



/*** safari paypal ***/
form.register .button { display: block; width: 157px; height: 44px; background:url(../images/button-register.png); border: none; text-indent: -9999px; letter-spacing: -9999px;  cursor: pointer; }




/*** Site styles ***/

body { font-family: Verdana, Arial, Helvetica, sans-serif; }

.hide {display: none; }

a, a:visited {color: #f5e103;  text-decoration: none; }
a:hover, a:active {color: #fff; text-decoration: underline; }

ul, li {margin: 0; padding: 0; list-style-type: none; float: left; }


h1 {position: absolute; top:16px; left:0px; width: 600px; height: 107px; overflow: hidden;  text-indent: -9999px;  }
	h1 a {display: block; width: 100%; height: 100%; }

h2, h3 {color: #de9017; font-size: 16px; margin: 1em 1em 1em 0; text-align: left; font-weight: bold; line-height: 16px;   }
	.safari h2 {font-size: 20px; font-weight: normal;  }

h3 {display: block; width: 100%; line-height: 16px; font-size: 14px; text-align: left; padding-bottom: 2px;
	border-bottom: 1px solid #4E3308;  margin: 1em auto 1em auto; float:left; clear: both;}
.order h3 {border: none; font-size: 16px; margin:0; line-height: 18px; font-weight: bold; clear: both; }
	h3.cta {color: #fff; font-size: 18px; font-weight: normal; border: none; }
	h3.day {color: #ffbc08; font-size: 30px; line-height: 30px;  font-weight: normal; border: none; font-family: Georgia, "Times New Roman", Times, serif; width: 100px; float: left; margin-top: 25px; margin-left: 0px;  }
	.safari-kenya h3.day {font-size: 20px; line-height: 20px;  }


h4 {color: #FFF5EA; font-size: 14px; margin: 2em 50px 1em 50px; padding-bottom: 3px; text-align: left; font-weight: normal; line-height: 14px; 
		border-bottom: 1px solid #776f65; }

	.schedule h4 {border: none; margin-top: 50px; color: #fff; font-weight: bold; font-size: 15px; line-height: 17px;    }
	.schedule em {font-style: italic; }
	.safari-kenya .schedule p img.left {margin-top: 6px; }

/*** paragraph styling ***/
p {margin: 1em 0;  color: #FFF5EA; line-height: 17px; font-size: 13px; text-align: left; }
p.breadcrumbs {  text-transform: uppercase; text-align: left; font-size: 11px; margin:30px 0 10px 0; }
.about p, .links p, .featured p, .infopage p {text-align: justify; }

p.cta {color: #f1bd30; font-size: 15px; }
	p.cta em {font-style: italic;  }

p.supplemental {font-size: 11px; }
p.footnote {text-align: center; }

.ctablock strong {font-size: 15px; font-weight: normal;  }
.ctablock em {color: #f1aa22; }
.registerblock p {   }
	.registerblock p img.left {margin-right: 30px; margin-bottom: 70px;  }
	.registerblock select {font-size: 12px; margin-bottom: 5px; 
			 background-color: #f0d0d0; color: #000; border: 1px solid #000;   }

.schedule p { margin-left: 100px;  }
.schedule p strong { color: #ff9314; font-weight: bold; }










strong {/*color: #fff6cc; */ font-weight: bold; }
.links strong {font-weight: bold; }
	.testimonial a strong {color: #f5e103;}
	.testimonial a:hover strong {color: #fff; text-decoration: underline; }


table {clear: both; }
	.contact table { }

img {border: 1px solid #000;}
	img.rt {float: right; margin: 0 0 .5em 1em; }

	img.left {float: left; margin: 0 10px 10px 0; }



a img {border: 1px solid #000; }
/*a:hover img {border-color: #fff; }*/

.clearfix { margin:0 auto; clear: both; }
.pano-vert .clearfix {height: 10px; }






/*** thumbs ***/
p.thumb {display: block;  text-align: center; font-size: 10px; margin: 0 0 25px 0; float: left; position: relative; }
		a.thumb { border: 9px solid #fff; display: block; background: #aaa; margin: 0 auto 5px auto; padding: 4px;    }
		.featured a.thumb {margin: 0 ; }
			a.thumb img { border: 3px solid #fff; position: relative; margin: -3px 0 0 -3px;  }
	
p.thumb a:hover {text-decoration: none; }

p.horizPano {width: 460px; height: 178px; }
p.vertPano {width: 274px; height: 395px; margin: 0 20px; }
	.twoCol p.vertPano {width: 460px; margin:0; }
p.SLR {width: 460px; }
p.superWide {width: 470px; }

p.descriptor {}
	p.descriptor:first-letter {text-transform: capitalize; }


p.left {float: left; }
p.right {float: right; }


/*** styles for featured images gallery ***/

.featured h3 {clear: both; float: none; padding-top: 1.5em;}
.featured p { clear: none; margin: 1em 0;}

div.featured-horiz {width: 100%; text-align: left; margin-left: 0px; }
	img.featured-horiz {margin: 0 auto;  border: 10px solid #fff; }
div.featured-vert {width: 220px; float: left; text-align: left; margin-left: 00px; }
	img.featured-vert {margin: 0 1em 1em 0; float: left; border: 10px solid #fff; }

img.inset-horiz {margin: 0 10px 1em 1em; float: right; border: 1px solid #000;  }
img.inset-vert {margin: 1em 0; float: left; border: 1px solid #000;  }







/*** testimonials ***/


.testimonials .clearfix {margin-top: 1em; }


.testimonials span.rt {margin: -1em 0 0 40px; float: right; text-align: right; padding: 0px;  }
	.testimonials span.rt a {float: right; margin: 0 0 10px 10px; }
	.testimonials a.rt {float: right;  margin: 0 0 10px 10px; }
	
	.testimonials a.lt {float: left;  margin: 0 0 0 10px; }

.testimonials .tborder {border-top: 1px solid #8c8072; padding-top: 18px; margin-top: 26px;  }
.testimonials .bborder {border-bottom: 1px solid #8c8072; padding-bottom: 18px; margin-bottom: 26px;  }



.testimonials p.testimonial {color: #FFF5EA; line-height: 16px;  text-align: justify; clear: both; text-indent: none;   }
	.testimonials .who {color: #ecab1d;  font-weight: bold; margin-right: 20px;  }
	.testimonials .from {color: #c89119;  font-size: 11px;  font-style: italic; }
	
	.fixer {float: right;  }





.testimonials div.testimonial {border: 1px solid white;  width: 745px; clear: both; border-bottom: 1px solid #8c8072; padding-bottom: 18px; margin-bottom: 26px;  }
	.testimonials div.testimonial p {color: #FFF5EA; line-height: 16px;  text-align: justify; clear: none; text-indent: none; margin:0; padding:0;     }
	.testimonials div.testimonial div.rt {margin: -1em 0 0 40px; float: right; text-align: right; padding: 0px;  }
	.testimonials div.testimonial div.rt a {float: right; margin: 0 0 10px 10px; }
	.testimonials div.testimonial a.rt {float: right;  margin: 0 0 10px 10px; }
	
	.testimonials div.testimonial a.lt {float: left;  margin: 0 0 0 10px; }








/*** order preview image page ***/
#image { display: block; clear: both; background: #fff; padding: 35px; margin: 20px auto 0 auto; }
	#imageBorder { clear: both; display: block;  background: #fff; border: 2px solid #aaa; padding: 10px; margin: -12px 0 0 -12px; }
		#theImage { float: left; border: none;  }



.number {color: #ccc3b7; }







/*** form styles ***/

#paypal_form { position: absolute; top: 47px; right:25px; font-size: 10px; width: 430px; margin: auto; text-align: center; }

#paypal_form label {font-weight: bold; color: #fff; font-size: 12px; }

#paypal_form form.cart_choose_size { float: left; }

#paypal_form form.cart_add {width:100px; float: right;  }
	#paypal_form .add_button {font-size: 12px; color: #ECE8A3; font-weight: bold; width: 90px;  padding:2px; float: right; 
			color: #f1f409;  border: 1px solid #3b332b; background: #958879; }
	#paypal_form .select {font-size: 13px; background-color: #f0d0d0; color: #000; border: 1px solid #000;
		margin: 0; }
	#paypal_form .viewcart {margin:0; padding:0; }
	#paypal_form .orderButton {border:none; background:none; color: #f5e103; font-size: 11px; }
	#paypal_form .formButton {cursor: pointer; }




#contactform {color: #fff; font-size: 13px; }
	#contactform td { }

.formfield {border: 1px solid #222; background: #998f83; color: #111;  font-family:Verdana, Arial, Helvetica, sans-serif; padding: 1px;  }
.formbutton {  font-family:Verdana, Arial, Helvetica, sans-serif; margin-top: 8px; padding: 2px;
		color: #f1f409; font-size: 13px;  border: 1px solid #3b332b; background: #958879; }
	.formfield:focus {background-color: #998f83; }
	#contactform textarea {margin-top: 8px; }
	



/*** footer ***/
#footer p {font-size: 11px; margin: 15px 0 0 0; }
#footer .copy {float: left; }
#footer .footnote {float: left; margin-left: 250px;  }
#footer .forge22 {float: right; }


