*{
	margin: 0; padding: 0;
	}

body{
	background-color: #f7f7f7;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #676767;
	letter-spacing: 0.7px;
	}
	
	/*~~~ Header ~~~*/
	#headr_block{
		background-color:#FFFFFF;
		width: 97%;
		padding: 17px 1.5% 13px;
		border-bottom: 1px solid #e6e6e6;
		}
		#headr_contnr{
			display: block;
			width: 1123px;
			height: auto;
			margin: 0 auto;
			}
		#logo{
			font-family: "Segoe UI", Trebuchet MS, Tahoma, Arial;
			font-size: 25px;
			font-weight: bold;
			color: #f68920;
			display: block;
			letter-spacing: 0;
			float: left;			
			}
		#phone{
			display: block;
			width: 177px;
			height: auto;
			font-size: 19.7px;
			font-weight: bold;
			color: #ff9b2f;
			letter-spacing: 0px;
			text-align: right;
			float: right;
			}
			#phone span{
				display: block;
				color: #676767;
				font-size: 12.5px;
				line-height: 17px;
				margin: 0;
				letter-spacing: 0.5px;
				font-weight: normal;
				margin-top: -3px;
				}
		
		/*~~~ Top Menu ~~~*/
		#navTop{
			display: block;
			width: 488px;
			margin: -31px  0 0 433px;
			}
			#navTop a{
				font-family: Trebuchet MS, Tahoma, Arial;
				line-height: 17px;
				font-size: 13.5px;
				font-weight: bold;
				color: #666;
				display: block;
				padding: 7px 13px;
				margin-right: 23px;
				text-decoration: none;
				border: 1px solid #ccc;
				float: left;
				}
				#navTop a:hover{
					border-color: #ff9b2f;
					color: #f68920;
					}
				
				#navTop a:hover:not(.active){
					border-bottom-color: #ffcc00;
					border-bottom-color: #fdb665 !important;
					}
					#navTop a.noMar_Right{
						margin-right: 0;
						}
				
				#navTop a.hide_t_webview{
					display: none;
					}
	
	
	/*~~~ Footer ~~~*/
	#footer{
		background-color:#FFFFFF;
		width: 100%;
		height: auto;
		padding: 23px 0;
		border-top: 3px solid #FFCC00;
		}
		#footerContnr{
			width: 1123px;
			height: auto;
			margin: 0 auto;
			}
			/*~~ Footer Links */
			.footerBlock{
				width: 233px;
				height: auto;
				margin: 0 7px 0 0;
				float: left;
				}
				.footerBlock span{
					font-size: 16.5px;
					font-weight: 500;
					color: #898989;
					display: block;
					line-height: 23px;
					margin-bottom: 5px;
					text-transform: uppercase;
					}
				ul.footerNavig{
					width: 100%;
					height: auto;
					margin: 0;
					padding: 0;
					list-style: none;
					}
					ul.footerNavig li{
						display: block;
						line-height: 23px;
						margin-bottom: 13px;
						}
					ul.footerNavig li a{
						display: inline;
						color: #999999;
						text-decoration: none;
						outline: none;
						}
					ul.footerNavig li a:hover{
						color: #cf7b1b;
						text-decoration: underline;
						}
			
			#footerHelp{
				width: 277px;
				height: 113px;
				margin-top: 23px;
				float: right;
				}
				#footerHelp span{
					display: block;
					font-size: 15px;
					font-weight: bold;
					color: #f68920;
					padding-left: 17px;
					border-left: 3px solid #dfdfdf;
					margin-bottom: 17px;
					}
					#footerHelp span label{
						font-size: 14px;
						font-weight: normal;
						color: #898989;
						display: block;
						line-height: 29px;
						}
			
			#footerContnr p{
				display: block;
				color: #999999;
				margin-top: 17px;
				}

	/*~~~~~~~~~~~~~~~~~~~~~~~~~
	  Mobile Quick Link Action
	  ~~~~~~~~~~~~~~~~~~~~~~~*/
	#pagebtm{
		background-color:#ffffff;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		margin-bottom: 0;
		width: 100%;
		height: 37px;
		padding: 5px 0;
		box-shadow: 0 1px 5px #ccc;
		display: none;		
		}
		
		a.linkpageact{
			font-size: 11px;
			width: 25%;
			height: auto;
			color: #999999;
			text-align: center;
			text-decoration: none;
			float: left;
			}
			#pagebtm span.iconact{
				display: block;
				color: #cccccc;
				height: 23px;
				font-size: 21px;
				padding-bottom: 3px;
				}
			
			/*~~ Show a Link above Footer, onClick it will Take Customers on Tours Page ~~*/
			a.linkshowtours{
				background-color: #FFCC00;
				color: #474747;
				width: 89%;
				margin: 41px auto;
				padding: 0;
				display: none;
				}
				a.linkshowtours:hover{
					background-color: #ff9b2f;
					color: #ffffff;
					}			
	
	/*~~~ Class Styles ~~~*/
	.clear{
		clear: both;
		}		
	
	/*~~~ Responsive Styles ~~~*/
	@media only screen and (max-width: 500px){
		
		#headr_block{		
			width: 100%;
			padding: 0;
			border: none;
			}		
			#headr_contnr{
				width: 98%;
				padding: 7px 0 0 0;
				}
				#logo{
					font-size: 20.5px;
					font-weight: bold;
					width: auto;
					margin-top: 5px;
					}
				
				#phone{
					font-size: 14.7px;				
					display: block;
					width: 157px;
					margin-bottom: 7px;
					}
					#phone span{
						font-size: 9px;
						line-height: 15px;
						margin: 0;
						}
			
			/*~~~ Top Menu ~~~*/
			#navTop{				
				width: 100%;
				margin: 0;
				}
				#navTop a{
					background-color: #f68920;
					font-size: 13px;
					color: #ffffff;
					width: 49%;
					margin: 0 0.5%;
					padding: 5px 0;
					text-align: center;
					border: none;
					}
					#navTop a:hover{
						background-color: #ffffff;
						color: #f68920;
						}
						
						
				
				/*~~~ :: Hide Quad Bike Tours Link :: That show only Laptop View ::*/
				
				#navTop a.hide_t_link{
					display: none;
					}
				
				#navTop a.hide_t_webview{
					display: block;
					}
				
		
		
		/*~~ :: Footer ::~~~*/
		#footer{
			padding: 13px 0;
			}
			
			#footerContnr{
				width: 100%;
				padding: 0;
				}
				.footerBlock{
					width: 98%;
					height: auto;
					margin: 0 0 0 2%;
					float: none;
					}
					
					ul.footerNavig li{
						display: inline-block;
						margin: 0 13px 0 0;
						padding: 0 7px;
						}
				
					#footerHelp{
						width: 98%;
						margin: 11px 0 0 2%;
						float: none;
						}
				
				#footerContnr p{
					display: block;
					margin-left: 2%;
					}
				
				
			
		
	
	}