/*
Theme Name: Silverstone 2015
Theme URI: 
Author: Ash at Very Simple Websites
Author URI: http://verysimplewebsites.com.au/
Description: Silverstone 2015
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

img.alignleft{			max-height:40px; width:auto; float:left; margin:15px;}

/** MAIN **/
body{    			color:#464646; padding:0; margin:0; font-family:'Roboto', sans-serif; background: #fff;}

#main, footer, #contact, footer span, section{    overflow:hidden;}

/** TYPOGRAPHY **/
h1, h2, h3, h4, h5, h6, p{	margin:10px; padding:10px;}
h1, h2{     			font-size:24pt; font-weight: normal; margin-top: 0px; text-transform: uppercase;}
h2{    				font-size:26pt; font-weight: normal; text-transform: capitalize;}
h3{ 				font-size:18pt; text-transform: capitalize;}
h4{ 				font-size:16pt; text-transform: capitalize;}
h5{ 				font-size:16pt; text-transform: capitalize;}
h6{ 				font-size:12pt; text-transform: capitalize; font-weight: normal;}
p{      			font-size:12pt; line-height: 20pt;}
a{  				color:inherit;}
a img, img a{			border:none;}
a{  				text-decoration:none;}
#main ul li{    		list-style:circle; font-size:12pt; padding:8px;}

/** HEADER **/
header{    			width:100%; position: fixed; height:120px; z-index: 5000; background: #fff; text-align: center; margin:0; padding:0;}
header img.logo{    		width:250px; padding:10px;}

section{    			text-align: center; background:url(img/banner-2.jpg) center bottom; background-size:cover; width:100%; padding-top:230px; min-height: 500px;}
section img{    		width:400px;}
section.inner{    		background:url(img/banner-2.jpg) center; background-size:cover; padding-top: 250px; padding-bottom: 40px; min-height: 50px;}
/** NAVIGATION **/
nav{   				background: #005792; box-shadow: 1px 1px 5px #000; width:100%; padding:0; height:45px; color: #fff; margin:0;}
nav img{    			float: right; margin:6px 10px;}
nav ul{    			width:80%; float: left; margin:0 auto; text-align: left; padding:0;}
nav ul li{    			height:15px; list-style: none; padding:15px 20px; margin:0; text-transform: uppercase; position: relative; font-size: 11pt; display:inline-block; text-align: center;}
nav ul li:hover{		background:#1a689d;}
nav ul li.current-menu-item{	background:#1a689d;}

/** DROP DOWN **/
nav ul li ul{        		display: none; padding:0; position: absolute; top:45px; left:0; box-shadow: 1px 1px 5px #464646; z-index: 100; width:100%;}
nav li:hover ul{        	display:table;}
nav li ul li{    		width:120px; text-transform: capitalize; text-align: left; background:#1a689d; border-top:1px solid #fff; padding:10px 15px; margin:0;}
nav li ul li:hover{    		background:#005792;}

/** CONTENT **/
#main{    			width:100%; margin:0; border-bottom: 1px solid #969594; background: url(img/white-back.png); margin-top:-326px; padding:30px 0;}
.wrap{    			padding:30px 0; width:80%; margin:0 auto;}
footer span .wrap, header .wrap, nav .wrap{    padding:0;}

#pre{    			clear: both; padding:0; overflow:hidden;background:#fff; border:1px solid #969594;}
#pre .wrap{    			width:1000px; margin-top:0px; height:270px; padding:20px 0; background:url(https://silverstonesolutions.com.au/wp-content/uploads/2016/07/Darren-Basford51276-altered-2.jpg) no-repeat #fff right center; background-size: 50%;}
#post .wrap{    		height:290px; width:500px; padding:20px 0; padding-left:500px; background:url(https://silverstonesolutions.com.au/wp-content/uploads/2015/08/Officewoman1.png) no-repeat #fff left center; background-size: 50%;}

#pre .wrap, #post .wrap{ 	overflow: hidden;}

#post{    			background:#fff; clear: both; padding:0; overflow:hidden; border:1px solid #969594;}
#post h2, #pre h2{    		font-size: 18pt; margin:0; text-transform: uppercase;}
#post h4, #pre h4{    		font-weight: normal; margin:0; font-size: 11pt; font-style: italic;}
#post ul, #pre ul{		width:50%; margin:0; padding:0 20px;}
#post li, #pre li{		padding:8px; font-size: 10pt;}
#post ul{			width:45%; float: left;}

#contact{    			background:#005792; clear:both;width:100%; background-size: contain;}
#contact h2{    		text-align: center; color:#fff;}

.clients img{			width:auto; height:50px; margin:15px; float:left;}

/** FOOTER **/
footer{    			width:100; color:#fff; background:#5f5f5f; margin:0; padding:0;}
footer p{    			float: left; font-size: 12pt; padding:15px; margin:0;}
footer p:last-child{    	float:right;}

/** GFORMS **/
#gform_1{    			clear: both; color:#464646; padding:20px;}
#gform_1 li{    		padding:0; margin:3px 0; float: left; width:50%; clear: none;}
#gform_1 li#field_1_8, #gform_1 li#field_1_7{    width:100%;}
#gform_1 li label{    		display: none; padding:0; margin:0;}
#gform_1 li input{    		margin:0; padding:10px; border:1px solid #ccc; width:80%;}
#gform_1 li textarea{    	padding:10px; border:1px solid #ccc; width:90%;}
#gform_1 input[type="submit"]{  padding:10px 15px; text-transform: uppercase; background:#1a689d; color:#fff; margin-left:10px; transition: 0.5s ease-in-out; border:1px solid #1a689d; font-weight: bold;}
#gform_1 input[type="submit"]:hover{  background:#fff; color:#1a689d;}

/** MEDIA QUERIES **/
@media only screen and (max-width : 1199px) {    .wrap{width:100%;}}