@charset "utf-8";
/* CSS Document */
/* Coding by Mindseye Ltd - If you're reading this you're obviously a nosey developer */

html{	
	width:100%; height:100%; margin:0; padding:0; 
	background:url(../images/general/main_bg_large.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
}

.wrapper { width:100%; min-height:100%; position:absolute;}
.facebook_sidebar{ width:320px; height:450px; position:fixed; bottom:0; right:0; z-index:10; background:url(images/general/black_trans.png); background-repeat:repeat; padding:5px 10px 5px 10px;
}

/* FONTS STYLING */
p, ul, li, ol{ font-family: CAL;}
h1, h2, h3, h4, h5{	font-family: CAL;}

p{	font-size:18px; line-height:1.2em; margin-top:.2%; margin-bottom:.5%; text-align:left; font-style:normal; font-weight:normal;}
h1{	font-size:36px; line-height:1.2em; margin-top:.2%; margin-bottom:.5%; text-align:left; font-style:normal; font-weight:normal;}
h2{	font-size:32px; line-height:1.2em; margin-top:.2%; margin-bottom:.5%; text-align:left; font-style:normal; font-weight:normal;}
h3{	font-size:28px; line-height:1.2em; margin-top:.2%; margin-bottom:.5%; text-align:left; font-style:normal; font-weight:normal;}
h4{	font-size:24px; line-height:1.2em; margin-top:.2%; margin-bottom:.5%; text-align:left; font-style:normal; font-weight:normal;}
h5{	font-size:20px; line-height:1.2em; margin-top:.2%; margin-bottom:.5%; text-align:left; font-style:normal; font-weight:normal;}
ul{}
ol{}
li{	font-size:18px; margin-left:20px; line-height:1.2em; text-align:left; }
a{ 			color:#F00;	text-decoration:none;}
a:hover{ 	color:#00F; text-decoration:underline;}
a:active{	color:#F00; text-decoration:none;}
hr{ width:100%; height:1px; margin:3px 0; color:#000; border-color:#000; background-color:#000;}

/* MISC TAGS */
.fw_image{ width:100%; display:block;}
.c_text{ text-align:center;}

/* HEADER */
.header{ width:100%; overflow:hidden; background:url(../images/general/black_trans.png) repeat;}
.header_logo{	width:30%;	min-width:200px;	float:left;}
.header_logo img{	width:45%;	margin:2.5%; float:left;}

/* NAVIGATION */
.navigation {	margin:10px 20px auto auto;	overflow:hidden;	float:right;}
.navigation ul{	text-align:center;}
.navigation ul a{	text-decoration:none;}
.navigation li{
	padding:5px 10px; margin:5px;	border:2px solid #FFF;	color:#FFF;	list-style:none;
	text-decoration:none;	font-size:18px;	text-align:center;	display:inline-block;
}
.navigation li:hover{
	padding:5px 10px; margin:5px;
	border:2px solid #F00;
	color:#F00;
	list-style:none;
	text-decoration:none;	
}

/* CONTENT */
.content{ width:100%; padding-bottom:80px; overflow:hidden;}
.content_wrapper{ 
	width:100%; max-width:1000px; margin:0 auto 0 auto; overflow:hidden;
	background:url(../images/general/index_trans.png) repeat-x; background-size:contain;
}
.general_content{	width:90%; margin:10px 5%; overflow:hidden;}

/* FOOTER IMAGES */
.footer_images{	width:80%; margin:0 10%;	overflow:hidden;}
.footer_images > div{	width:20%; margin:2.5%; float:left;}
.footer_images > div img{	width:100%;}

/* FOOTER */
.footer{ width:100%; height:80px; position:absolute; bottom:0; left:0; overflow:hidden; background:url(../images/general/black_trans.png) repeat;}
.fb_logo{	width:60px;	margin:10px; float:left;}
.southlandnz{	width:150px;	margin:18px 18px 15px 10px; float:right;}
.footer_content{	float:right;	width:50%;	margin:1%; display:none;}
.footer_content p{	text-align:right;	color:#FFF;}

/* INDEX */
.index_header{	display:none;}
.index_logo{	width:80%; margin:5% 10% 2% 10%;}
.index_slogan{	width:70%; margin:5% 12.5% 2% 12.5%;}

.explore{
	width:30%; margin:2% 35% 5% 35%;	background:url(../images/general/explore1.png);	background-repeat:no-repeat;
	background-size:contain;	overflow:hidden;
}
.explore img{	width:100%;}
.explore:hover{
	width:30%; margin:2% 35% 5% 35%;
	background:url(../images/general/explore.png);
	background-repeat:no-repeat;
	background-size:contain;
	overflow:hidden;
	cursor:pointer;
	cursor:hand;
}

.track_option{	width:100%;	background:#FFF;	border-radius:30px;	overflow:hidden;}
.track_content{	width:96%; margin:2%; overflow:hidden;}
.track_content img{
	float:right;
	width:250px;
	margin:10px;
}
.track_content p{	text-align:justify;}

.main_map{	width:100%;	background:#FFF;	overflow:hidden;	border-radius:10px;}
.main_map h3, .mini_map h3{	text-align:center;	margin:2.5% 2.5% 0 2.5%;}
.mini_map{	width:68%;	margin:2% 16%;	background:#FFF;	overflow:hidden;	float:left;	border-radius:10px;}
.map{	width:95%;	margin:2.5%;	overflow:hidden;	float:left;}

/* ----------------------------------------------------------------------------------------------------------------------------- 1000 */
@media screen and (min-width : 601px) and (max-width : 1000px){
.facebook_sidebar{display:none;}
/* FONT SIZES */
p{	font-size:16px;}
h1{	font-size:34px;}
h2{	font-size:30px;}
h3{	font-size:26px;}
h4{	font-size:22px;}
h5{	font-size:18px;}
li{	font-size:16px;}
}

/* ----------------------------------------------------------------------------------------------------------------------------- 600 */
@media screen and (max-width : 600px){
.facebook_sidebar{
	display:none;
}
/* FONT SIZES */
p{	font-size:14px;}
h1{	font-size:32px;}
h2{	font-size:28px;}
h3{	font-size:24px;}
h4{	font-size:20px;}
h5{	font-size:16px;}
li{	font-size:14px;}

.header_logo{	width:60%;	margin:1% 20%;}
.index_header{	display:block;}

/* NAVIGATION */
.navigation {	width:100%;	margin:0 0 1% 0;}
.navigation li{
	padding:5px 10px; margin:5px;	border:2px solid #FFF;	color:#FFF;	list-style:none;
	text-decoration:none;	font-size:14px;	text-align:center;	display:inline-block;
}
.navigation li:hover{	padding:5px 10px; margin:5px;	border:2px solid #F00;	color:#F00;	list-style:none;	text-decoration:none;	}

.index_logo{	display:none;}
.track_content img{
	float:right;
	width:150px;
	margin:10px;
}
/* FOOTER IMAGES */
.footer_images{	width:80%; margin:0 10%;	overflow:hidden;}
.footer_images > div{	width:45%; margin:2.5%; float:left;}
.footer_images > div img{	width:100%;}


}