@import url(http://fonts.googleapis.com/css?family=Pompiere:400,300,800);
@import url(http://fonts.googleapis.com/css?family=Pontano+Sans:400,300,800);
@import url(http://fonts.googleapis.com/css?family=Rancho:400,300,800);
@import url(http://fonts.googleapis.com/css?family=Droid+Serif|Ubuntu:400,300,800);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,800);

@font-face {
	font-family: 'HancockParkLaser';
	src: url('http://www.africanhoopoetours.com/fonts/HancockParkLaser.eot');
	src: url('http://www.africanhoopoetours.com/fonts/HancockParkLaser.eot?#iefix') format('embedded-opentype'),
		url('http://www.africanhoopoetours.com/fonts/HancockParkLaser.woff') format('woff'),
		url('http://www.africanhoopoetours.com/fonts/HancockParkLaser.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/* #F7921D		Menu Colour */
/* 247,146,29 	Title Colour */
/* #000000		Button Colour */
/* #F7921D		Image Frame */	
/* #F7921D		Button Background */

	/* typography */
	body{
		color:#666;
		font-family: Ubuntu, Arial, Helvetica, sans-serif; 
		font-size:1em;
		line-height:1.4em; 
		font-weight:normal;
	}
	h1 {
		font-size: 1.5em;
		font-family: 'Pontano Sans', Rancho, Arial, Helvetica, sans-serif; 
		letter-spacing: 0.3em;
		color: rgb(247,146,29);
		text-shadow: 2px 2px 1px rgba(124,124,124,0.6);
		line-height:1.5em;
		margin:.45em 0;
		padding:0;
	} 
	h2 {
		font-size: 1.4em;
		font-family: 'Pontano Sans', Rancho, Arial, Helvetica, sans-serif; 
		letter-spacing: 0.2em;
		color: rgb(247,146,29);
		text-shadow: 2px 2px 1px rgba(124,124,124,0.6);
		line-height:1.5em;
		margin:.45em 0;
		padding:0;
	} 
	h3 {
		font-size: 1.3em;
		font-family: 'Pontano Sans', Rancho, Arial, Helvetica, sans-serif; 
		letter-spacing: 0.1em;
		color: rgb(247,146,29);
		text-shadow: 2px 2px 1px rgba(124,124,124,0.6);
		line-height:1.5em;
		margin:.45em 0;
		padding:0;
	} 
	h4{
		font-weight:1.2em;
		color: rgb(247,146,29);
		text-shadow: 2px 2px 1px rgba(124,124,124,0.6);
		font-family: 'Pontano Sans', Rancho, Arial, Helvetica, sans-serif; 
		line-height:1.5em;
		margin:.45em 0;
		padding:0;
	} 
	h5{
		font-weight:200;
		color: rgb(247,146,29);
		text-shadow: 2px 2px 1px rgba(124,124,124,0.6);
		font-family: 'Pontano Sans', Rancho, Arial, Helvetica, sans-serif; 
		line-height:1.5em;
		margin:.45em 0;
		padding:0;
	} 

	h6{
		display: inline-block;
		font-size: 1.2em;
	font-weight:normal;
		color: rgb(247,146,29);
		text-shadow: 2px 2px 1px rgba(124,124,124,0.6);
		padding-right:10px;
		margin-top: -10px;
		margin-bottom: -10px;
	} 

	.colorange {
		color:#F7921D;
	}

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

	.paid-advert{
		float: right;
		text-transform: capitalize;
		font-size: 0.8em;
		color: #FF1C23;
		padding-right:10px;
	} 

	/* links */
	a{color:#F7921D; text-decoration:none;}
	a:visited{color:#F7921D; text-decoration:none;}
	a:active{color:#F7921D; text-decoration:none;}
	a:hover{color:#000000; text-decoration:none;}

	.error404{color:#F7921D; text-decoration:none;}
	.error404 li a {color:#F7921D; text-decoration:none;}
	.error404 li a:hover{color:#F7921D; text-decoration:none;}
	.error404 li li a {color:#F7921D; text-decoration:none;}
	.error404 li li li a {color:#F7921D; text-decoration:none;}

	.logo{
		display: inline-block;
		float: left;
	}  

	.guide-info{
		display: inline-block;
		left: 250px;
		position:relative;
		float: left;
	}  

	.logo-text a {
		font-size: 2em;
		font-family: 'Pontano Sans', Rancho, Arial, Helvetica, sans-serif; 
		color: #F7921D !important;
		text-shadow: 2px 2px 1px rgba(124,124,124,0.6);
		left: 5px;
		top: 80px;
		position:relative;
		float: left;
	}
	.logo-text a:visited{
		color: #F7921D !important;
	}
	.logo-text a:active {
		color: #F7921D !important;
	}
	.logo-text a:hover {
		color: #F7921D !important;
	}

	*{	
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-o-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		}

 
	/* meta lines */
	.meta-u{
		font-family: Verdana;
		color: rgba(69,54,37,0.6);
		font-size: 0.85em;
		font-style: italic;
		letter-spacing: 0.25em;
		border-bottom: 1px solid rgba(69,54,37,0.2);
		padding-bottom: 0.5em;
	}
	.meta-u span{
		font-family: 'Pontano Sans', Rancho;
		text-transform: capitalize;
		font-style: normal;
		color: #F7921D;
	}

	.meta-o{
		font-family: Verdana;
		color: rgba(69,54,37,0.6);
		font-size: 0.85em;
		font-style: italic;
		letter-spacing: 0.25em;
		border-top: 1px solid rgba(69,54,37,0.2);
		padding-top: 0.5em;
	}
	.meta-o span{
		font-family: 'Pontano Sans', Rancho;
		text-transform: capitalize;
		font-style: normal;
		color: #F7921D;
	}
	date{
		font-family: Verdana;
		color: rgba(69,54,37,0.6);
		font-size: 0.75em;
		font-style: italic;
		letter-spacing: 0.25em;
		border-top: 1px solid rgba(69,54,37,0.2);
		display: block;
		padding-top: 0.5em;
		margin-top: 2em;
	}
	date span{
		text-transform: capitalize;
		font-style: normal;
		color: rgba(69,54,37,0.8);
	}

	/* structure */   
	.wrapper{
		width: 92%; 
		margin: 0 auto;
	}
	header{ 
		padding:15px 0;
	}
	#banner{ 
		text-align:center;
		display: inline-block;
		top:1000;
		position:relative;
	}
	
	#hero,
	#page-header{
		background:#f3f3f3;
		border-top:1px solid #e2e2e2;
		border-bottom:1px solid #e2e2e2;
		padding:20px 0;
	}
	#hero h1{ 
		line-height:1.2em;
		margin-top:0px;
		margin-bottom:10px;}

	.flexslider{
		display:none;
	}

	#content {  
		margin:40px 0;
	}

	aside { 
		margin:40px 0;
	}

	p{ margin:0 0 1.5em;
		text-align:	justify;
	}
	p span{
		color: #555;
	}

	.colour-block {
		background:		#fff;
		width: 			98%;
		height:			280px;
		padding:		10px;
		border-radius:	20px / 30px;
		-webkit-box-shadow: 3px 3px 3px 0px rgba(00, 00, 00, .3);
		box-shadow:  		3px 3px 3px 0px rgba(00, 00, 00, .3);
	}

	/* RESPONSIVE IMAGES */
	img{
		max-width:100%;
		height:auto;
	}
	img.frame {
		background:#fff;
		padding:20px;
		border: 4px solid #F7921D;
		border-radius:		20px / 30px;
	}
	img.shadow {
		background:#fff;
		border: 4px solid #F7921D;
		border-radius:		20px / 30px;
		-webkit-box-shadow:  3px 3px 3px 0px rgba(00, 00, 00, .3);
		box-shadow:  3px 3px 3px 0px rgba(00, 00, 00, .3);
	}
	img.frame-shadow {
		background:#fff;
		padding:20px;
		border-radius:		20px / 30px;
		-webkit-box-shadow:  3px 3px 3px 0px rgba(00, 00, 00, .3);
		box-shadow:  3px 3px 3px 0px rgba(00, 00, 00, .3);
	}

	/*MAIN MENU*/
	.menu-toggle{
		display:block;
		padding:10px;
		margin:20px 0 0;
		background:#666;
		color:#fff;
		cursor:pointer;
		text-transform:uppercase;
		font-size:16px;
	}
	.menu-toggle.toggled-on{
		background:#F7921D;
	}
	.srt-menu{
		display:none;
	}	
	.srt-menu.toggled-on{
		display:block;
		position:relative;
		z-index:10;
	}

	.srt-menu{
		clear:both;
		margin-bottom:60px;
		
	}
	.srt-menu li a {
		font-family: 		'Pontano Sans', Rancho, Arial, Helvetica, sans-serif; 
		font-size:			18px;
		background:			#dadada;
		display:			block;
		margin:				1px 0;
		padding:			10px;
		text-decoration:	none;
	}
	.srt-menu li a:hover{
		background:#F7921D;
		color:#fff;
	}
	.srt-menu li li a {
		background:#e8e8e8;
		padding-left:40px;
	}
	.srt-menu li li li a {
		background:#efefef;
		padding-left:80px;
	}

	/*SECONDARY MENU*/
	#secondary-navigation{
		margin-bottom:60px;
	}
	#secondary-navigation ul{
		margin:0;
		padding:0;
	}
	#secondary-navigation ul li a{ 
		background:#E6E6E6;
		display:block;
		margin:5px 0; 
		padding:10px;
		text-decoration:none;
	}
	#secondary-navigation ul li a:hover,
	#secondary-navigation ul li.current a{
		background:#F7921D;
		color:#fff;
	}

	/*SPACE GRID ELEMENTS VERTICALLY, SINCE THEY ARE ONE UNDER ANOTHER SO FAR*/
	.grid_1,
	.grid_2,
	.grid_3,
	.grid_4,
	.grid_5,
	.grid_6,
	.grid_7,
	.grid_8,
	.grid_9,
	.grid_10,
	.grid_11,
	.grid_12 {
		margin-bottom:40px;
		/*positioning and padding*/
		position: relative;
		min-height: 1px;
		padding-left: 15px;
		padding-right: 15px;
	}

	/*colors and backgrounds*/
	body{
		background:#fff;
	}

	footer{ 
		background:#333;
		color:#ccc;
	}

	.rightfloat{float:right !important;}
	.leftfloat{float:left !important;}
	a.buttonlink-centre{ 
		background:#F7921D; 
		color:#fff;
		display:block;
		margin: 0 auto !important;
		border-radius:		10px / 20px;
		padding:10px;
		text-decoration:none;
	}
	a.buttonlink-centre:hover{
		background:#F7921D;
	}
	a.buttonlink-centre-reverse{ 
		background:#F7921D; 
		color:#fff;
		display:block;
		margin: 0 auto !important;
		border-radius:		10px / 20px;
		padding:10px;
		text-decoration:none;
	}
	a.buttonlink-reverse:hover{
		color:#000;
	}
	
	a.buttonlink{ 
		background:#F7921D; 
		color:#fff;
		display:block;
		float:left; 
		border-radius:		10px / 20px;
		padding:10px;
		text-decoration:none;
	}
	a.buttonlink:hover{
		background:#F7921D;
	}
	a.buttonlink-reverse{ 
		background:#F7921D; 
		color:#fff;
		display:block;
		float:left; 
		border-radius:		10px / 20px;
		padding:10px;
		text-decoration:none;
	}
	a.buttonlink-reverse:hover{
		color:#000;
	}
	.greenelement{
		background:#F7921D;
		color:#fff;
	}
	.advertiserelement-img{
		border: 4px solid #fff; 
		-webkit-border-radius: 4px; 
		-moz-border-radius: 4px; 
		-o-border-radius: 4px; 
		border-radius: 4px; 
		box-shadow: 0 1px 4px rgba(0,0,0,.2); 
		-webkit-box-shadow: 3px 3px 4px rgba(0,0,0,.4); 
		-moz-box-shadow: 3px 3px 4px rgba(0,0,0,.4); 
		-o-box-shadow: 3px 3px 4px rgba(0,0,0,.4);
	}
	.advertiserelement{
		padding-top: 12px !important;
		background:#D6B56D;
		color:#fff;
	}
	.sampleelement-img{
		border: 4px solid #fff; 
		-webkit-border-radius: 4px; 
		-moz-border-radius: 4px; 
		-o-border-radius: 4px; 
		border-radius: 4px; 
		box-shadow: 0 1px 4px rgba(0,0,0,.2); 
		-webkit-box-shadow: 3px 3px 4px rgba(0,0,0,.4); 
		-moz-box-shadow: 3px 3px 4px rgba(0,0,0,.4); 
		-o-box-shadow: 3px 3px 4px rgba(0,0,0,.4);
	}
	.sampleelement{
		padding-top: 12px !important;
		background:#D6B56D;
		color:#fff;
	}
	.darkgreyelement{
		background:#333;
		color:#fff;
	}
	.stoneelement{
		background:#D6B56D;
		color:#fff;
	}
	.search-h3 {
		font-size: 1.5em;
		font-family: 'Pontano Sans', Rancho, Ubuntu, Arial, Helvetica, sans-serif; 
		color: rgb(85,170,255);
		/*text-shadow: 2px 2px 1px rgba(85,170,255,0.6);*/
		line-height:1em;
		margin:.45em 0;
	}
	.search-h2 {
		font-size: 2em;
		font-family: 'Pontano Sans', Rancho, Ubuntu, Arial, Helvetica, sans-serif; 
		color: rgb(85,170,255);
		/*text-shadow: 2px 2px 1px rgba(85,170,255,0.6);*/
		line-height:1em;
		margin:.45em 0;
	}
	
    @-moz-document url-prefix() { a.red:before { margin-left: -20px; } }

	/* Contain floats*/ 
	.clearfix:before,
	.clearfix:after,
	.row:before,
	.row:after {
		content: " ";
		display: table;
	}
	.clearfix:after,
	.container:after,
	.row:after{
		clear: both;
	}

	@media only screen and (max-width: 800px), only screen and (max-device-width: 800px) {
		.logo-text a {
			font-size: 3em;
		}
		.jbar, .jbar-wrap, .jbar-button, .jbar-up-toggle, .jbar-down-toggle, .jbar-up-arrow, .jbar-down-arrow {
			display: none !important;
		}
		footer{  
			height: 650px !important;
			min-height: 650px !important;
		}
	} 

	@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
		.logo-text a {
			font-size: 2.5em;
			right: 10 !important;
			top: 100px;
			float: right !important;
		}
	} 

	/*
	LARGER MOBILE DEVICES
	This is for mobile devices with a bit larger screens.
	*/
	@media only screen and (min-width: 481px) {
		#banner{
			float:left;
			text-align:left;
			margin-bottom:-20px;/*this depends on the height of the logo*/
		}
		.menu-toggle{/*make menu float right, instead of sitting under the logo*/
			margin-top:10px; /*this depends on the height of the logo*/
			float:right;
		}
		footer{  
			height: 650px !important;
			min-height: 650px !important;
		}
	} 

	/*
	TABLET & SMALLER LAPTOPS
	The average viewing window and preferred media query for those is 768px.
	But I think that some more breathing space is good:)
	*/
	@media only screen and (min-width: 920px) {
		.wrapper{
			max-width: 1200px; 
			margin: .75em auto;
		}
		#banner{ 
			float:left; 
			text-align:left;
			margin-bottom:0px;
		}
		footer{  
			height: 300px !important;
			min-height: 300px !important;
		}
		header{
			padding:0;
		}
		#content {  
			float:left;
			width:65%;
		}
		#content.wide-content{
			float:none;
			width:100%;
		}
		.flexslider{
			display:block;
			/*demo 1 slider theme*/	
			margin: 0 0 60px; 
			background: #fff; 
			border: 4px solid #fff; 
			-webkit-border-radius: 4px; 
			-moz-border-radius: 4px; 
			-o-border-radius: 4px; 
			border-radius: 4px; 
			box-shadow: 0 1px 4px rgba(0,0,0,.2); 
			-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); 
			-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); 
			-o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
		}
		aside { 
			float:right;
			width:30%;
		}
		/*** MAIN MENU - ESSENTIAL STYLES ***/
		.menu-toggle{display:none;}
		#menu-main-navigation{display:block;}
		.srt-menu, .srt-menu * {
			margin:			0;
			padding:		0;
			list-style:		none;
		}
		.srt-menu ul {
			position:		absolute;
			display:		none;
			width:			12em; /* left offset of submenus need to match (see below) */
		}
		.srt-menu ul li {
			width:			100%;
		}
		.srt-menu li:hover {
			visibility:		inherit; /* fixes IE7 'sticky bug' */
		}
		.srt-menu li {
			float:			left;
			position:		relative;
			margin-left:	1px;
		}
		.srt-menu li li {
			margin-left:	0px;
		}
		.srt-menu a {
			display:		block;
			position:		relative;
		}
		.srt-menu li:hover ul,
		.srt-menu li.sfHover ul {
			display:		block;
			left:			0;
			top:			45px; /* match top ul list item height */
			z-index:		99;
			-webkit-box-shadow:  2px 3px 2px 0px rgba(00, 00, 00, .3);
			box-shadow:  	2px 3px 2px 0px rgba(00, 00, 00, .3);
		}
		ul.srt-menu li:hover li ul,
		ul.srt-menu li.sfHover li ul {
			top:			-999em;
		}
		ul.srt-menu li li:hover ul,
		ul.srt-menu li li.sfHover ul {
			left:			12em; /* match ul width */
			top:			0;
		}
		ul.srt-menu li li:hover li ul,
		ul.srt-menu li li.sfHover li ul {
			top:			-999em;
		}
		ul.srt-menu li li li:hover ul,
		ul.srt-menu li li li.sfHover ul {
			left:			10em; /* match ul width */
			top:			0;
		}
		/*** DEMO1 SKIN ***/
		#topnav, .srt-menu {
			float:			right;
			margin: 		.35em 0 0 0;
		}
		.srt-menu a {
			text-decoration:none;
		}
		.srt-menu li a {
			background:#fff;
			margin:0; 
			padding:10px 20px;
			height:45px;
		}
		.srt-menu a, .srt-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
			color:			#F7921D;	
		}
		.srt-menu li li a {
				border-top:		1px solid rgba(255,255,255,.2);
				background:		#333; /*fallback for old IE*/
				background:rgba(0,0,0,.6);
				color:	#fff;
				padding-left:20px;
				height:auto;
		}
		.srt-menu li li a:visited{color:#fff;}
		.srt-menu li li li a,
		.srt-menu li.current * li a{
			padding-left:20px;
			background:rgba(0,0,0,.6);
		}

		.srt-menu li:hover > a,
		.srt-menu li.current a{ 
			color:#fff;
			background:#F7921D;
		}
		.srt-menu li li:hover > a{
			color:#fff;
			background:#F7921D;
		}
		 .row{
			 margin-left: -15px;
			 margin-right: -15px;
		}
		.grid_1 { width: 8.33333333%; }
		.grid_2 { width: 16.66666667%; }
		.grid_3 { width: 25%; }
		.grid_4 { width: 33.33333333%; }
		.grid_5 { width: 41.66666667%; }
		.grid_6 { width: 50%; }
		.grid_7 { width: 58.33333333%; }
		.grid_8 { width: 66.66666667%; }
		.grid_9 { width: 75%; }
		.grid_10 { width: 83.33333333%; }
		.grid_11 { width: 91.66666667%; }
		.grid_12 { width: 100%; }
		.grid_1,
		.grid_2,
		.grid_3,
		.grid_4,
		.grid_5,
		.grid_6,
		.grid_7,
		.grid_8,
		.grid_9,
		.grid_10,
		.grid_11,
		.grid_12 {
			float:left;
			display: block;
		}
		#hero [class*="grid_"] { margin-bottom:-20px;}
	}

	/*
	DESKTOP
	This is the average viewing window. So Desktops, Laptops, and
	in general anyone not viewing on a mobile device. Here's where
	you can add resource intensive styles.
	*/
	@media only screen and (min-width: 1030px) {
	} 

	/*
	LARGE VIEWING SIZE
	This is for the larger monitors and possibly full screen viewers.
	*/
	@media only screen and (min-width: 1240px) {

	} 

	/*
	RETINA (2x RESOLUTION DEVICES)
	This applies to the retina iPhone (4s) and iPad (2,3) along with
	other displays with a 2x resolution.
	*/
	@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
		   only screen and (min--moz-device-pixel-ratio: 1.5),
		   only screen and (min-device-pixel-ratio: 1.5) {


	} 

	/*
	iPHONE 5 MEDIA QUERY
	iPhone 5 or iPod Touch 5th generation styles (you can include your own file if you want)
	*/
	@media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) { 

	  
	}

	/*
	PRINT STYLESHEET
	*/
	@media print {
		* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
		a, a:visited { text-decoration: underline; }
		a[href]:after { content: " (" attr(href) ")"; }
		abbr[title]:after { content: " (" attr(title) ")"; }
		.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
		pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
		thead { display: table-header-group; } /* h5bp.com/t */
		tr, img { page-break-inside: avoid; }
		img { max-width: 100% !important; }
		@page { margin: 0.5cm; }
		p, h2, h3 { orphans: 3; widows: 3; }
		h2, h3 { page-break-after: avoid; }
	}

	/*FOOTER*/
	footer{  
		clear:both;
		background:#333;
		color:#ccc;
		font-size:80%;
		padding:20px 0;
		height:320px;
	}
	footer ul{
		margin:0 0 0 8%;
		padding:0;
	}
	footer img{
		margin-left: 2px;
	}
	.footer-header {
		font-size: 2em;
		font-family: 'Pontano Sans', Rancho, Ubuntu, Arial, Helvetica, sans-serif; 
		color: rgb(247,146,29);
		/*text-shadow: 2px 2px 1px rgba(85,170,255,0.6);*/
		line-height:1em;
		margin:.45em 0;
		padding:0;
	}
	.footer-text {
		font-size: 1em;
		font-family: Ubuntu, Arial, Helvetica, sans-serif; 
		color: #999;
		line-height:1em;
	}
	.text-right {
		text-align: right;
	}
	.footer-text a, .footer-text a:active, .footer-text a:hover{
		font-size: 1em;
		font-family: Ubuntu, Arial, Helvetica, sans-serif; 
		color: #FFF;
		text-decoration:none;
		line-height:0.6em;
	}

	/*
	Contact Form
	*/
	fieldset {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}

	input, textarea{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		font-weight:200;
		color: rgb(88,68,42);
		font-family: Ubuntu, Helvetica, sans-serif; 
	}
	.contact-form-100 input{
		width: 100%;
		height: 30px;
	}
	.contact-form-100 select{
		color: rgb(88,68,42);
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		font-weight:200;
		font-family: Ubuntu, Helvetica, sans-serif; 
		height: 30px;
		width: 100%;
	}
	.contact-form-option {
		color: rgb(88,68,42);
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		font-weight:200;
		font-family: Ubuntu, Helvetica, sans-serif; 
		max-width: 300px;
		min-width: 300px;
		width: 300px !important;
	}
	textarea {
		width: 100%;
		height: 300px;
	}
	.contact-form-check {
		text-align: left;
		padding-right: 10px;
		display: inline-block;
		vertical-align: middle;
	}
	input[type=submit]{
		display: 			inline-block !important;
		font-family: 		Ubuntu, Helvetica, sans-serif; 
		font-size: 			1.1em;
		letter-spacing: 	0.25em;
		background:			#58442A; 
		border-radius:		10px / 20px;
		color:				#fff;
		margin:				10px 15px 10px 0; 
		padding:			10px;
		text-decoration:	none;
		}

	input[type=submit]:hover { 
		background:			#748034;
		color:				#58442A;
		}

	/* MEMBERS CONTACT DISPLAY */
	.members-contact ul {
		list-style: none;
		margin: 0;
		}
	.members-contact ul li {
		margin: 0;
		}
	.members-contact ul li .label {
		display: block;
		float: left;
		border-right: 1px solid #F7921D;
		width: 130px;
		padding: 0 10px 0 0;
		text-align: right;
		}
	.members-contact ul li .entry {
		padding: 0 0 0 10px;
		}
	/* GUIDE CONTACT DISPLAY */
	.guide-contact ul {
		list-style: none;
		margin: 0;
		}
	.guide-contact ul li {
		margin: 0;
		}
	.guide-contact ul li .label {
		display: block;
		float: left;
		border-right: 1px solid #fff;
		width: 200px;
		padding: 0 10px 0 0;
		text-align: right;
		}
	.guide-contact ul li .entry {
		padding: 0 0 0 10px;
		}

		
		
	/* Social Media Buttons */
	.one-button::before{
		position: absolute;
		top:0;
		left:0;
		height: 25px;
		width: 25px;
		padding: 1em;
		border-radius: 100%;
		content: "";
		background: rgb(125,126,125); /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */
		background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(125,126,125,1)), to(rgba(14,14,14,1)));
		background: -webkit-linear-gradient(rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%);
		background: -moz-linear-gradient(rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%);
		background: -o-linear-gradient(rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%);
		background: linear-gradient(rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%); /* Opera 11.10+ */ /* IE10+ */ /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
		z-index: 999;
		box-shadow: 0px 0px 10px 2px #666;
		border: 1px solid #000;
	}
	.one-button {
		cursor: pointer;
		color: #fff;
		position: relative;
		z-index: 99999;
		top: 15px;
		margin-right: 35px;
	}
	.one-button:hover i{
		color: #F7921D;
	}
	.one-button:active{
		top: 17px;
		transition: 0.1s;
	}
	.one-button i{
		color: #fff;
		position: relative;;
		z-index: 99999;
		top: 15px;
		left: 12px;
	}
	.one-button::after{
		position: absolute;
		top:5px;
		left:5px;
		content: "";
		height: 15px;
		width: 15px;
		padding: 1em;
		z-index:;
		border-radius: 100%;
		background: rgb(14,14,14); /* Old browsers */
		background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(14,14,14,1)), to(rgba(125,126,125,1)));
		background: -webkit-linear-gradient(rgba(14,14,14,1) 0%, rgba(125,126,125,1) 100%);
		background: -moz-linear-gradient(rgba(14,14,14,1) 0%, rgba(125,126,125,1) 100%);
		background: -o-linear-gradient(rgba(14,14,14,1) 0%, rgba(125,126,125,1) 100%);
		background: linear-gradient(rgba(14,14,14,1) 0%, rgba(125,126,125,1) 100%); /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e0e0e', endColorstr='#7d7e7d',GradientType=0 ); /* IE6-9 */
		z-index: 999;
		border: 1px solid #000;
	}
	.social-media ul.cont{
		top: 5px;
		width: 340px;
		float: left;
	}
	.social-media ul, li{
		padding: 0;
		margin: 0;
		list-style: none;
	}
	.social-media i{
		height: 20px;
		width: 20px;
		text-align: center;
		transition: all 0.4s;
	}
	.social-media li{
		float: left;
	}

	/* Nav Buttons */
	.navbutton ul {
		margin: 20px auto;
		text-align: center;
	}

	.navbutton li {
		list-style: none;
		position: relative;
		display: inline-block;
		width: 150px;
		height: 100px;
	}
	@-moz-keyframes rotate {
		0% {transform: rotate(0deg);}
		100% {transform: rotate(-360deg);}
	}

	@-webkit-keyframes rotate {
		0% {transform: rotate(0deg);}
		100% {transform: rotate(-360deg);}
	}

	@-o-keyframes rotate {
		0% {transform: rotate(0deg);}
		100% {transform: rotate(-360deg);}
	}

	@keyframes rotate {
		0% {transform: rotate(0deg);}
		100% {transform: rotate(-360deg);}
	}

	.navbutton .round {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		padding-top: 15px;		
		text-decoration: none;		
		text-align: center;
		font-size: 18px;		
		text-shadow: 0 1px 0 rgba(255,255,255,.7);
		letter-spacing: -.065em;
		font-family: "Hammersmith One", sans-serif;		
		-webkit-transition: all .25s ease-in-out;
		-o-transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		transition: all .25s ease-in-out;
		box-shadow: 2px 2px 7px rgba(0,0,0,.2);
		border-radius: 300px;
		z-index: 1;
		border-width: 4px;
		border-style: solid;
		color: #F7921D;
	}

	.navbutton .round:hover {
		width: 130%;
		height: 130%;
		left: -15%;
		top: -15%;
		font-size: 25px;
		padding-top: 18px;
		-webkit-box-shadow: 5px 5px 10px rgba(0,0,0,.3);
		-o-box-shadow: 5px 5px 10px rgba(0,0,0,.3);
		-moz-box-shadow: 5px 5px 10px rgba(0,0,0,.3);
		box-shadow: 5px 5px 10px rgba(0,0,0,.3);
		z-index: 2;
		border-size: 10px;
		-webkit-transform: rotate(-360deg);
		-moz-transform: rotate(-360deg);
		-o-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
	.navbutton .round span.round {
		display: block;
		opacity: 0;
		-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
		border: none;
		padding: 25% 20% 0 20%;
		color: #000;
		font-size: 16px !important;
	}

	.navbutton .round span:hover {
		opacity: .85;
		font-size: 16px;
		-webkit-text-shadow: 0 1px 1px rgba(0,0,0,.5);
		-moz-text-shadow: 0 1px 1px rgba(0,0,0,.5);
		-o-text-shadow: 0 1px 1px rgba(0,0,0,.5);
		text-shadow: 0 1px 1px rgba(0,0,0,.5);	
	}

	.navbutton .ahtorange span {
		background: rgba(247,146,29,.7);		
	}

	.navbutton a.ahtorange:hover {
		color: rgba(0,0,0,.1);
	}

	/* Box Shadow Effect */
	.class_box_shadow{
		width: 100%;
		min-width: 200px;
		min-height: 130px;
		margin: auto;
		background: #ccc;
		border: 5px solid white;
		position:relative;
		box-shadow: 0 0 1px rgba(0, 0, 0, 0.8);
		-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.8);
		-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.8);
	}
	.sh_bottom{
		width: 100%; height: 45%;
		position:absolute;
		z-index: -2;
		bottom: 0; right: 0;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;
		-webkit-box-shadow: 0px 10px 2px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0px 10px 2px rgba(0, 0, 0, 0.2);
		box-shadow: 0px 10px 2px rgba(0, 0, 0, 0.2);
	}
	.sh_bottom:after{
		content: "";
		position:absolute;
		right: 0; bottom:0;
		width:150px; height: 100px;
		z-index: -1;
		background: rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 20px 30px 9px rgba(0, 0, 0, 0.61);
		-webkit-box-shadow: 20px 30px 9px rgba(0, 0, 0, 0.61);
		box-shadow: 20px 30px 9px rgba(0, 0, 0, 0.61);
		-moz-transform:skew(10deg,10deg) translate(-40px,-15px);
		-webkit-transform:skew(10deg,10deg) translate(-40px,-15px);
		transform:skew(10deg,10deg) translate(-40px,-15px);
	}
	.sh_bottom:before{
		content: "";
		position:absolute;
		left: 0; bottom:0;
		width:150px; height: 100px;
		z-index: -1;
		background: rgba(0, 0, 0, 0.2);
		-moz-box-shadow: -20px 30px 9px rgba(0, 0, 0, 0.61);
		-webkit-box-shadow: -20px 30px 9px rgba(0, 0, 0, 0.61);
		box-shadow: -20px 30px 9px rgba(0, 0, 0, 0.61);
		-webkit-transform:skew(-10deg,-10deg) translate(40px,-15px);
		-moz-transform:skew(-10deg,-10deg) translate(40px,-15px);
		transform:skew(-10deg,-10deg) translate(40px,-15px);
	}