/* =============================================================== 

CORE STYLESHEET DOCUMENT : ALL
Project: 
Date created: DD:MM:YYYY
Version:1.02
Author: CARBON : FRAZER CAMERON

cheatsheet--------------------------------------------------------
scape green: #b4d88c
================================================================== */

/* generic styles start ------------------------------------------ */

body{

	background-color:#FFF;
	background:url(../images/00_header_bg.gif) repeat-x top left;
	font-family:Arial, sans-serif;
	font-size:12px;
	
}

h1{
	font-size:1.6em;
	
	color:#b4d88c;
	font-weight:bold;
	margin:10px 0px 0px 0px;
}

h2{
	font-size:1.2em;
	text-align:center;
	color:#b4d88c;
	font-weight:bold;
	margin:10px 0px 0px 0px;
}

h3{
	font-size:1.4em;
	text-align:left;
	color:#582700;
	font-weight:bold;
	margin:5px 0px 5px 0px;
}

strong{
	color:#b4d88c;
	font-size:1.3em;
}

/* generic styles end -------------------------------------------- */

/* =============================================================== */

/* main content styles start ------------------------------------- */

section{
	width:100%;
	max-width:1024px;
	margin:0px auto;
	
}

	header{
		
		width:100%;
		
	}

		#header_left{
			position:absolute;
		}
		
		#header_right{
			width:535px;
			float:right;
		}
		
		#nav_container{
			margin:5% 0px 0px 0px;
		}
		
		#top_logo{
			width:100%;
		}
		
			#top_logo img{
				max-width:100%;
			}
		
		.nav_line{
			width:100%;
			height:1px;
			background-color:#999999;
		}
		
		nav{
			
			margin-top:5px;
			margin-bottom:5px;
			text-align:center; /* hide apoint */
			
		}
		
			.nav_btn{
				
				display:inline-block;
				text-decoration:none;
				color:#999;
				padding: 5px 10px;
				font-size:1.4em;
				
			}
			
			#apoint{
				background-color:#b4d88c;
				color:#FFF;
				/*display:none;*/
			}
	
	
	/* GALLERY */
	
	#gallery_container{
		
		width:100%;
		
	}
	
		#gallery_container img{
			
			max-width:100%;
			display:block;
			
		}
		
	/* CENTRAL BAR */
	
	#central_bar{
		background-color:#000;
		padding:15px 10px;
		width:100%;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-web-box-sizing:border-box;
		-o-box-sizing:border-box;
		color:#999;
	}
	
		#central_left{
			float:left;
			width:60%;
		}
		
			#social_btns{
				display:inline-block;
				vertical-align:middle;
			}
			
				#social_btns a{
					display:inline-block;
					margin-right:10px;
				}
				
			#central_txt{
				vertical-align:middle;
				display:inline-block;
				font-size:1.2em;
			}
			
				#email_btn{
					
					display:inline-block;
					color:#b4d88c;
					text-decoration:none;
					
				}
				
				.txt_line{
					display:inline-block;
				}
		
		#central_right{
			float:right;
			width:40%;
			text-align:right;
		}
		
			#central_right img{
				max-width:100%;
			}
		
	/* BODY CONTENT */
					
	#body_content{
		
		width:95%;
		margin:10px 2.5%;
		
	}
	
		.tile_1_wide{
			width:25%;
			float:left;
			padding:0.8%;
			box-sizing:border-box;
			-moz-box-sizing:border-box;
			-web-box-sizing:border-box;
			-o-box-sizing:border-box;
			position:relative;
		}
		
			.tile_1_wide img{
				max-width:100%;
			}
			
		.tile_third_wide{
			width:33.333%;
			float:left;
			padding:0.8%;
			box-sizing:border-box;
			-moz-box-sizing:border-box;
			-web-box-sizing:border-box;
			-o-box-sizing:border-box;
			position:relative;
		}
		
			.tile_third_wide img{
				max-width:100%;
			}
			
		.tile_2_wide{
			width:50%;
			float:left;
			padding:0.8%;
			box-sizing:border-box;
			-moz-box-sizing:border-box;
			-web-box-sizing:border-box;
			-o-box-sizing:border-box;
			position:relative;
		}
		
			#body_tile{
				
			}
			
			.body_p{
				
				font-size:1.4em;
				color:#999;
				margin:10px 0px;
				
			}
			
			.fb_txt{
				color:#b4d88c;
				text-decoration:none;
			}
			
		#map_container{
			
			background-color:#b4d88c;
			width:100%;
			box-sizing:border-box;
			-moz-box-sizing:border-box;
			-web-box-sizing:border-box;
			-o-box-sizing:border-box;
			padding:10px;
			
		}
		
			#get_dir{
				float:left;
				text-decoration:none;
				font-size:1.6em;
				color:#FFF;
				display:inline-block;
			}
			
			#map{
				float:right;
				width:70%;
			}
			
	/* PEOPLE */
	
	.people_image{
		margin:10px 0px 10px;
	}
		
		
	.people_txt{
		text-align:center;
		margin:5px 0px 10px;
		line-height:1.2em;
		color:#999;
	}
	
	.people_bt_line{
		position:absolute;
		bottom:0px;
	}
	
	#packages .body_p{
		font-size:1.1em;
		line-height:1.2em;
	}
			
	.pdf_link{
		
		color:#582700;
		font-size:1.4em;
		display:inline-block;
		margin:0px 0px 10px; 
		
	}
	
	#packages_link{
		
	}
	
	.pack_img{
	
		margin:10px 0px;
		
	}

/* FOOTER */

footer{
	width:100%;
	padding:10px;
	color:#333300;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-web-box-sizing:border-box;
	color:#CCC;
}

	.copy{
		float:left;
		margin-left:0px;
	}
	
	.carbon_tag{
		display:block;
		float:right;
		margin-right:0px;
	}
	
.marginto1{
	margin-top:1px;
}

	
/* main content styles end --------------------------------------- */

/* media queries */

@media all and (max-width: 973px){
  
  #header_left{
		width:100%;
		float:left;
		text-align:center;
		position:relative;
	}
	
	#header_right{
		width:100%;
		float:right;
		text-align:center;
	}
	
		#nav_container{
			margin:0px 0px 0px 0px;
		}
  
}


@media all and (max-width: 846px){

	#get_dir{
		font-size:1.4em
	}

}

@media all and (max-width: 956px){

	#central_left{
		width:100%;
		text-align:center;
	}
	
	#central_right{
		float:right;
		width:100%;
		text-align:center;
		margin-top:5px;
	}

}

@media all and (max-width: 720px){
	
	#map{
		width:100%;
		margin-top:5px;
	}
	
	#get_dir{
		width:100%;
	}
	
}

@media all and (max-width: 565px){
	
	#social_btns{
		width:100%;
		margin-bottom:5px;
	}
	
	#central_txt{
		
		width:100%;
		
	}
	
}

@media all and (max-width:524px){
	
	.tile_1_wide{
		width:50%;
	}
	
	.tile_2_wide{
		width:100%;
	}
	
	#packages_link{
		width:100%;
		
	}
	
	.copy{
		float:left;
		margin-left:0px;
		width:100%;
		text-align:center;
	}
	
	.carbon_tag{
		display:block;
		float:right;
		margin-right:0px;
		width:100%;
		text-align:center;
		margin-top:10px;
	}

}

@media all and (max-width: 474px){
	
	#apoint{
		margin-top:5px;
	}
	
}

@media all and (max-width: 388px){
	
	.tile_1_wide{
		width:100%;
		text-align:center;
	}
	
	h3{
		
		text-align:center;
		
	}
	
}
/* =============================================================== */