/* **************************************************************************************
 	************************************************************************************
	WEBSITE NAME: 
	WEBSITE URL: 
	DESCRIPTION: 
	VERSION: 1.0
	AUTHOR: Adz Power Agencies
	AUTHOR URL: http://www.adzpower.com.au
	************************************************************************************
**************************************************************************************** */ 

body {
	margin: 0;
	padding: 0;
	font-family: 'Comfortaa', cursive;
	font-size: 14px;
	color: #7e7e7e;
}
h1, h2, h3, p {
	line-height:145%;
	}
h1 {
	color:#0e76bc;
	}
a {
	text-decoration:none;
	color:#0e76bc;
	}
img {
	border:none;
	}
.imgright {
	float:right;
	margin:0 0 15px 20px;
	}
.clear {
	clear:both;
	}
/***** HEADER ********************************************************************** */
#header {
	width:100%;
	height:540px;
	background:url(images/header.jpg) bottom center no-repeat;
	background-size:cover;
	margin:0;
	padding:0;
	}
#header-white {
	width:100%;
	height:540px;
	background:url(images/curve.png) bottom right no-repeat;
	background-size:100% auto;
	}
#header-middle {
	width:100%;
	max-width:1100px;
	height:540px;
	margin:0 auto;
	/*padding-right:90px;*/
	background:url(images/tanks.png) bottom right no-repeat;
	background-size:72% auto;
	position:relative;
	}
.phone{
	position:absolute;
	right:40px;
	top:20px;
	font-size:20px;color:white;
	font-weight:bold;
}
.phone img{
	padding-right:5px;
	margin-bottom:-1px;
}
.phone a{
	color:white;
	text-decoration:none;
}
.phone a:hover{
	opacity:0.7;
}
#feature p {
	clear:both;
	float:left;
	width:38%;
	margin:60px 0 0 20px;
	color:#fff;
	font-size:24px;
	}
#feature img {
	padding-top:20px;
	}
#logo {
	float:left;
	width:291px;
	height:220px;
	padding-top:30px;
	}
#mobile-menu {
	display:none;
}
#menu {
	float:right;
	width: auto;
	height:50px;
	margin-top:60px;
	padding-right:20px;
	}
#menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
	height:24px;
}
#menu li {
    display: inline;
	background:url(images/menu-separator.png) top right no-repeat;
	padding:5px 0;
}
#menu li a {
	color:#fff;
	text-decoration:none;
    margin: 0;
	padding: 0 12px 0 10px;
	}
#menu li:last-child {
	background:none;
	padding-right:10px;
	}
/***** CONTENT ********************************************************************** */
#content {
	width:100%;
	max-width:1130px;
	margin:0 auto;
	padding:30px 0px 60px 0px;
	line-height:145%;
	position:relative;
	}
#map {
	width:40%;
	height:90%;
	margin:0 15px 15px 15px;
	float:left;
	}	
#contact-form{
	width:287px;
	float:right;
	padding:10px 10px 0 10px;
	background:#EDEDED;
	margin-bottom:15px;
}

input, textarea{
	width:265px;
	border:none;
	padding:3px;
}

input[type=submit]{
	background:#0e76bc;
}

input[type=submit]:hover{
	cursor:pointer;
	opacity:0.8;
}


/***** FOOTER ********************************************************************** */
#footer {
	background:#0e76bc;
	width:100%;
	padding:50px 100px;
	color:#9db1bf;
	text-align:center;
	position:relative;
	box-sizing: border-box;
	}
#footer img {
	padding:0 15px 20px 15px;
	}
#footer hr {
	width:100%;
	margin:30px auto;
	border-top:1px solid #4a8fbe;
	background-color:#4a8fbe;
	color:#4a8fbe;
	}
#footer a {
	color:#fff;
	}
	
.betacrete{position:absolute;right:100px;top:100px;width:175px;height:auto;}
/*********************************************************************************** */
/***** SCREEN RESIZES ********************************************************************** */	
@media all and (max-width: 1130px) {
#logo img {
	max-width:240px;
	height:auto;
	padding-left:30px;
	}
#feature p {
	margin:20px 0 0 20px;
	}
#content {
	width:90%;
	padding:30px 0px 60px 0px;
	}
#content img {
	max-width:50%;
	height:auto;
	}
#mobile-menu {
	display:none;
}

#footer img.betacrete{position:static;padding:30px 0 0 0;clear:both;}

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

#header {
	height:auto;
	background-image: none;
	background-color:#0daaef;
	}
#header-white {
	height:auto;
	background-image: none;
	background-color:#0daaef;
	}
#header-middle {
	height:auto;
	padding-bottom:20px;
	background-image: none;
	background-color:#0daaef;
}
.phone{
	position:static;
	font-size:16px;
	width:100%;
	text-align:center;
	padding:10px 0;
}
#mobile-menu {
	display:block;
	position: fixed;
	bottom:0;
	right:0;
	width:30px;
	height:30px;
	z-index:300;
	}
#menu {
	float:none;
	margin: 0 auto;
	text-align:center;
	padding-right:0;
	line-height:200%;
	}
#menu li {
	background:none;
	/*border-right:1px solid #2d86c1;*/
	border-top:1px solid #0daaef;
	border-left:1px solid #0daaef;
	background:#2d86c1;
	width:49.6%;
	float:left;
}
#menu li a {
	padding: 0 6px;
	}
#menu li:last-child {
	padding-right:0;
	background:#2d86c1;
	border-right:none;
	border-left:none;
	border-bottom:none;
	width:100%;
	margin-bottom:20px;
	}
#logo {
	width:90%;
	max-width:250px;
	float:none;
	margin:0 auto;
	text-align:center;
	}
#logo img {
	width:90%;
	max-width:250px;
	height:auto;
	padding-left:0;
	}
#feature {
	display:none;
	}
img.linkbox {
	clear:both;
	float:none;
	max-width:100%;
	height:auto;
	}
.imgright {
	float:none;
	margin:0;
	}
#content {
	max-width:90%;
	}

#content img {
	max-width:100%;
	height:auto;
	clear:both;
	}
#map {
	width:100%;
	height:300px;
	margin:0 0 15px 0;
	float: none;
	}

#contact-form{
	clear:both;
	float:none;
	}
#footer p {
	max-width:97%;
	}
}
@media all and (max-width: 640px) {


	
}