/*
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
*/
/* reset */
*{ 	
	margin:0; 
	padding:0; 
	border:0;
}
html{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	font-family: 'Karla';
	}
a, a:visited{
	text-decoration:none;
	color:#03F;
	}

.clear{
	clear:both;
	}/* clear float */

.underline{
	border-bottom: 1px solid; 
	}/* Add 5px bottom padding and a underline */

/*nav.horizontal ul li{	
	display: inline-block;
	}*//* horizontal menu */

img{max-width:100%;}
/*end reset*/

body{
	color: #000;
	background-image: url(South_Hedland_TownCells_1024p.jpg);
	background-size:cover;
	background-repeat:repeat-x;
}
#splash{position:fixed;
width:100%;margin-left:10%;}
​#splash a{color:#00F;z-index:60;}
#whitebg {
	background-color:#FFF;
position:absolute;
width:200%;
top:100%;
height:100%;
}
.container{
}
/*--menu--*/
.cssmenu{
	display:table;
	width:90%;
	padding-top: 6px;
}
.cssmenu ul li {
		display: table-cell;
}
#table li {
    /*display: table-cell;*/
    height: 40px;
    width: 25%;  /* (100 / numItems)% */
    line-height: 40px;
    text-align: left;
    white-space: nowrap;
}
.cssmenu ul li a {
	display: table-cell;
	padding: 40px 0px;
	letter-spacing: 1px;
	font-size: 1.6em;
	font-weight: bold;
	text-transform: uppercase;
}
.cssmenu li.active> a, .cssmenu li> a:hover {
	color:#000;
}

#main {
	color:rgba(255, 255, 0, 1);
	/*color: #FF0;*/
	font-size: 7em;
	text-align: center;
	position: absolute;
	top: 45%;
	height: 55%;
	/*z-index: 45;*/
	height: 100%;
	width: 100%;
	letter-spacing: 1%;
}
a.padded:before {content:"";
display:block;
width:100%;
height:120px; top:0;}
a.paddedend:after {content:"";
display:block;
bottom:0;
width:100%;
}
#blurb{
	position: absolute;
	font-size: 120%;
	clear: left;
	height: auto;
	width: 100%;
	top: 100%;
	background-color: #FFFFFF;
}
#geoMarker{
	position:absolute;
	top:15%;
	left:55%;
}

/*.header{
	background:#f6f6f6;
}*/
/*.logo {
	float:left;
	padding-top: 4px;
}*/


/***** Media Quries *****/
@media only screen and (max-width: 1024px) {
	.wrap{
		width:70%;
	}	
}
/*  GO FULL WIDTH AT LESS THAN 640 PIXELS */
@media only screen and (max-width: 640px) and (min-width: 480px) {
	.wrap{
		width:70%;
	}
	.col_1_of_3{ 
		margin: 1% 0 1% 0%;
	}
	.span_1_of_3 {
		width:94%;
		padding:3%;  
	}
}
/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
     
     .wrap{
		width:95%;
	}		
	.col_1_of_3{ 
		margin: 1% 0 1% 0%;
	}
	.span_1_of_3 {
		width:92%;
		padding:4%;
	}
}
	

/* #Tablet (Portrait) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.container {
		width: 95%; 
		float:right;
	}
}
/*  #Mobile (Portrait) - Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
	body{
		font-size:medium;
		background-repeat:no-repeat;}
	.container { 
		width: 95%; 
		float:right;
	}
	#ads {
		display:none;
	}
}
/* #Mobile (Landscape) - Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	body{
		font-size:medium;
		background-repeat:no-repeat;}
	.container {
		width: 70%;
	}
	#ads {
		display:none;
	}
}