/*
Client Name:
Last Modified by:
Last Modified:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

 ticktock is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

1.0 General
2.0 Header
2.1 Navigation
3.0 Standard Page
4.0 Home Page
5.0 Project List
6.0 Project Page
7.0 Waterfall
8.0 Photo Gallery
9.0 Single
10.0 Forms
11.0 Footer



/*--------------------------------------------------------------
1.0 General
--------------------------------------------------------------*/
	
	
	body {
		background: #ffffff;	
	}

	body,
	button,
	input,
	select,
	textarea {
		font-size: 1em;
		color: #666666;
		font-family: "ff-enzo-web",sans-serif;
		font-weight: 600;	
			-webkit-font-smoothing: antialiased;
	}
	
	h1, h2, h3, h4, h5, h6 {
		font-family: Flexo-Regular; 	
		font-weight: normal;
	}
	
	h2 { 
		font-size: 1.8em; 
		margin-bottom: 15px;
		color: #000000;
	}
	
	h3 {
		font-size: 1.2em;
	}

	a {
		color: #f38d4a;	
		text-decoration: none;
	}

	p, main li {
		line-height: 1.4em;
	}

	img {
		height: auto;
		max-width: 100%;
	}
	
	a:hover,
	a:focus,
	a:active {
		color: #666666;
	}
	
	.btn {
		width: auto;
		display: inline-block;
		padding: 10px;
		color: #ffffff;
		text-decoration: none;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		font-size: 1.2em;
		background: #f38d4a;	
	}
	
	.btn:hover {
		color: #ffffff;
		background:#000000;	
	}
	
	.sidebar-widget {
		padding-top: 18px;
	}
	
	ul#menu-products-menu {
		display: none;	
	}
	
	body.single-product ul#menu-products-menu, body.page-id-359 ul#menu-products-menu {
		display: block;	
	}
	
	ul.side-menu, ul#menu-products-menu {
		padding: 0;
		margin: 0;	
	}
	
	ul.side-menu li, ul#menu-products-menu li {
		list-style: none;	
		border-bottom: 1px solid #eeeeee;
	}
	
	ul.side-menu li a, ul#menu-products-menu li a {
		display: block;
		padding: 5px 0;
		font-weight: 700;
		text-decoration: none;	
	}
	
	ul.side-menu li.current_page_item a, ul#menu-products-menu li.current-menu-item a {
		color: #373446;
	}
	
	.productsMenu {
		padding-top: 20px;	
	}
	
	.desktopOnly {
		display: none;	
	}
	
	.mobileOnly {
		display: block;	
	}
	
	b, strong {
		font-weight: 700;	
	}
	
	table {
		font-size: 0.9em;
		border: 1px solid #eeeeee;
		border-bottom: none;	
	}
	
	th {
		padding: 5px;
		border-bottom: 1px solid #eeeeee;		
	}
	
	td {
		font-weight: 600;
		padding: 5px;
		border-bottom: 1px solid #eeeeee;	
	}

	
	@media ( min-width : 768px ) {
		.desktopOnly {
			display: block;	
		}
		
		.mobileOnly {
			display: none;	
		}
	}

/*--------------------------------------------------------------
2.0 - Header
--------------------------------------------------------------*/
	
	header.site-header {
		width: 100%;
		margin: 0;
		padding:  0;
		z-index: 2;
		background: #000000;
	}
	
	header.site-header .container {
		position: relative;	
	}
	
	.logoMain {
		float: left;	
		width: 150px;
		padding: 10px 0 10px 10px;
	}
	
	.logoMain img {
		width: 100%;	
	}

	.site-header .phone-mobile {
		position: absolute;
		right: 100px;
		top: 15px;
	}

	.site-header .phone-mobile a {
		color: #fff;
		display: block;
		padding: 5px;
	}

	.site-header .phone-mobile img {
		width: 20px;
	}

	@media (min-width: 768px) {

		.site-header .contact {
			position: absolute;
			right: 0;
			top: 0;
			width: 420px;
		}

		.site-header .contact h2 {
			color: #fff;
			float: right;
			font-size: 1.5em;
			font-weight: 600;
			margin: 15px 15px 0 0;
		}

		.site-header .contact h2 a {
			color: #fff;
		}

	}
	
/*---- 2.1 - Navigation ----*/
	
	.main-navigation {
		padding: 0;
		font-family: Flexo-Regular; 
		text-transform:uppercase;
		font-size: 0.9em;
		-webkit-font-smoothing: antialiased;
		font-weight: normal;
		background: #202020;
	}
	
	.main-navigation a {
		font-size: 1.05em;	
	}
	
	/* Top Level Tab */
	
	.main-navigation li.current_page_item,
	.main-navigation li.current-menu-parent,
	.main-navigation li.current_page_parent,
	.main-navigation li.current-menu-item {
		background: #f38d4a;
	}
	
	.main-navigation a,
	.main-navigation li.current_page_item a,
	.main-navigation li.current-menu-parent a,
	.main-navigation li.current_page_item,
	.main-navigation li.current-menu-parent {
		color: #ffffff;
	}
	
	/* Hover Style */
	
	.main-navigation li:hover,
	.main-navigation li.current_page_item:hover,
	.main-navigation li.current-menu-parent:hover, 
	.main-navigation li:hover ul li {
		background: #f5f5f5;
	}	

	/* Link Style */

	.main-navigation li:hover a,
	.main-navigation li.current_page_item a:hover,
	.main-navigation li.current-menu-parent a:hover,
	.main-navigation li ul li.current-menu-item a, 
	.main-navigation li ul li.current-menu-item a:hover,
	.main-navigation li.current_page_item:hover a,
	.main-navigation li.current-menu-parent:hover a, 
	.main-navigation li:hover ul li a,
	.main-navigation li.current_page_item:hover,
	.main-navigation li.current-menu-parent:hover, 
	.main-navigation li:hover ul li {
		color: #333333;
	}
	
	.main-navigation li:hover ul li {
		border-bottom: 1px solid #e0e0e0;	
	}
	
	
	/* Dropdown Style */
	
	.main-navigation li li {
		-webkit-border-top-left-radius: 0;
		-webkit-border-top-right-radius: 0;
		-moz-border-radius-topleft: 0;
		-moz-border-radius-topright: 0;
		border-top-left-radius: 0;
		border-top-right-radius: 0;	
	}
	
		/* Hover */
	
		.main-navigation li:hover ul li a:hover {
			background: #ffffff;	
		}
	
		/* Active */
	
		.main-navigation li ul li.current-menu-item a, 
		.main-navigation li ul li.current-menu-item a:hover {
			background: #eaeaea;	
		}
	
	
	@media ( min-width : 768px ) {
		
		header.site-header {
			height: 129px;
		}
		
		.logoMain {
			padding: 20px 0 0 10px;
			width: 250px;
		}
		
		.main-navigation {	
			float: right;	
			padding: 0;
			margin: 50px 0 0 0;
		}
		
			.main-navigation li {
	
		}
	}
	
	@media ( min-width : 960px ) {
		.logoMain {
			padding: 20px 0 0 0 ;
		}
	}


/*--------------------------------------------------------------
3.0 Standard Page
--------------------------------------------------------------*/
	
	.headingContainer {
		padding: 40px 5%;
		  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	}
	
	.headingContainer h1 {
		font-size: 2.6em;
		color: #ffffff;	
	}

	/* About */
	.page-id-359 .headingContainer {
		background: #000 url('../images/common/heading-about.jpg') center top no-repeat;
	}

	/* Aluminium */
	.postid-384 .headingContainer {
		background: #000 url('../images/banners/aluminium.jpg') center top no-repeat;
	}
	
	/* K-Stage */
	.postid-385 .headingContainer {
		background: #000 url('../images/banners/k-stage.jpg') center top no-repeat;
	}
	
	/* Tube Fittings */
	.postid-386 .headingContainer {
		background: #000 url('../images/banners/tube-fittings.jpg') center top no-repeat;
	}
	
	/* Stair Units */
	.postid-387 .headingContainer {
		background: #000 url('../images/banners/stair.jpg') center top no-repeat;
	}
	
	/* Truckdek */
	.postid-388 .headingContainer {
		background: #000 url('../images/banners/truckdek.jpg') center top no-repeat;
	}

	/* Bridgedek */
	.postid-391 .headingContainer {
		background: #000 url('../images/banners/bridgedek.jpg') center center no-repeat;
	}
	
	/* Safety Screen */
	.postid-390 .headingContainer {
		background: #000 url('../images/banners/safety-screen.jpg') center center no-repeat;
	}

	/* Props */
	
	.postid-393 .headingContainer {
		background: #000 url('../images/banners/props.jpg') center center no-repeat;
	}
	.postid-393 td, .postid-393 th {
		text-align: center;
	}

	/* Ladders */
	.postid-394 .headingContainer {
		background: #000 url('../images/common/heading-ladders.jpg') center center no-repeat;
	}
	
	/* Tilt Panel */
	.postid-395 .headingContainer {
		background: #000 url('../images/banners/tilt-panel.jpg') center center no-repeat;
	}
	
	/* Easy Ally */
	.postid-396 .headingContainer {
		background: #000 url('../images/banners/easy-ally.jpg') center center no-repeat;
	}
	
	/* Step Platforms */
	.postid-397 .headingContainer {
		background: #000 url('../images/banners/step-platforms.jpg') center center no-repeat;
	}
	
	/* Access */
	.postid-398 .headingContainer {
		background: #000 url('../images/banners/accessories.jpg') center center no-repeat;
	}

	@media ( min-width : 768px ) {
		.headingContainer {
			padding: 100px 5%;
		}
		
		.contentContainer, .sidebarContent {
			margin-top: 35px;
			border-top: 6px solid #eeeeee;	
		}
	}


/*--------------------------------------------------------------
4.0 Home Page
--------------------------------------------------------------*/


	body.home .widgets {
		padding: 0;
	}
	
	body.home .widgets .span_4 {
		padding: 0 0 20px 0;
		margin-bottom: 0;	
	}
	
		
	body.home .homeWidget {
		position: relative;
		width: 100%;
		height: 130px;
		overflow: hidden;
		background: #000000;
	}
	
	body.home .homeWidget h2 {
		position: absolute;
		bottom: 13px;
		left: 13px;
		padding: 0 15px 0 0;
		margin: 0;
		z-index: 5000;
		text-transform: uppercase;
		font-weight: 700;
		color: #ffffff;
	}
	
	body.home .homeWidget:hover h2 {
		text-shadow: 2px 2px 5px #000000;
	}
	
	body.home .homeWidget a {
		display: block;
		color: #ffffff;		
	}

	body.home .homeWidget img {  
		position: absolute;  
		width: 120%;
		height: auto;
		top: 0;
		left: 0;
		opacity: 0.4;
    	filter: alpha(opacity=40); /* For IE8 and earlier */
	}
	
	body.home .homeWidget:hover img { 
		opacity: 1;
    	filter: alpha(opacity=100); /* For IE8 and earlier */
	}
	
	
	body.home .slider {
		width: 100%; 
		overflow: hidden;
		background: #000000 url(../images/home/slider-bg.jpg) center top no-repeat;
	}
	
	.backgroundFeature {
		overflow: hidden;
		position: relative;
		width: 100%;
		height: 230px;		
	}
	
	.backgroundFeature img {
		position: absolute;
		left: 50%;
		width: 500px;
		margin-left: -200px;
		height: auto;	
	}
		
	body.home .staticSlideContent {
		padding: 30px 10px 30px 10px;
		color: #ffffff;
		background: #000000;	
	}
	
	body.home .staticSlideContent h1 {
		font-size: 1.8em;
		margin: 0 0 30px 0;
	}

	body.home .staticSlideContent ul,
	body.home .staticSlideContent li {
		margin: 0;
		padding: 0;	
		list-style: none;
	}
	
	body.home .staticSlideContent li a {
		color: #ffffff;
		text-transform: uppercase;
	}
	
	.testimonials {
		padding: 40px 0;
		font-weight: 300;
		font-style: italic;
		font-size: 1.8em;	
	}
	
	.testimonials p {
		margin: 0;
		padding: 0;	
	}
	
	@media ( min-width : 768px) {
		
		.backgroundFeature {
			height: 290px;
			background-repeat: none;		
		}
		
		.backgroundFeature img {
			width: 100%;
		}
		
		body.home .widgets .span_4 {
			padding: 0;
			margin-bottom: 0;	
		}
		
		body.home .homeWidget {
			height: 113px;	
			margin-bottom: 20px;
		}
		
		body.home .homeWidget img {
			width: 150%;	
		}
		
		body.home .homeWidget h2 {
			font-size: 1.3em;	
		}
		
		body.home .staticSlideContent {
			position: absolute;
			top: 70px;
			left: 20px;
			text-align: left;
			margin-left: 0;
			z-index: 5000;
			color: #ffffff;
			max-width: 280px;
			background: none;
		}
		
		body.home .staticSlideContent h1 {
			padding: 0;
			font-size: 2.3em;	
		}
		
		body.home .contentContainer, body.home .sidebarContent {
			margin-bottom: 20px;
			min-height: 484px;
			border-bottom: 6px solid #eeeeee;	
		}
		
	}
	
	@media ( min-width : 960px ) {
		
		body.home .slider {
			height: 458px;	
		}
		
		.backgroundFeature img {
			display: none;	
		}
		
		.backgroundFeature {
			width: 100%;
			height: 458px;
			background-position: center top;
		}
		
		body.home .staticSlideContent {
			top: 130px;
			left: 50%;
			margin-left: -480px;
			padding: 0 0 0 20px;
			max-width: 380px;		
		}
		
		body.home .homeWidget img {
			width: 100%;	
		}
		
		body.home .homeWidget h2 {
			font-size: 1.8em;	
		}
}
		


/*--------------------------------------------------------------
5.0 - Products
--------------------------------------------------------------*/		
	
	.productsList .product {
		padding: 5%;
		padding-bottom: 0;
		margin: 0 0 15px 0;
		background: #f6f6f6;
		border: 1px solid #eeeeee;
	}
	
	.productsList .product h2 {
		font-size: 1.2em;	
	}

	
	@media ( min-width : 768px ) {
	
		.productsList .product {
			padding: 15px;
			padding-bottom: 0;
		}
			
	}
	

/*--------------------------------------------------------------
6.0 Project Page
--------------------------------------------------------------*/
	
	body.single-project .entry-meta {
		display: none;	
	}
	
	body.page-template-page-portfolio-php h2 {
		margin: 0;
	}
	
	.projectImages img {
		width: 100%;	
	}
	
	h2.subHead  { 
		margin: 0 0 15px 0;
		color: #392f43;
		font-size: 2.4em;
	}
	
	.testimonial {
		font-size: 2em;
		color: #b2b2b2;
	}
	
	
	
		#banner-holder {
			position: relative;	
		}
		
		#banner-holder #next, #banner-holder #prev {
			position: absolute;
			top: 50%;
			margin-top: -19px;
			z-index: 5000;
			width: 20px;	
			height: 38px;
		}
		
		#banner-holder #next {
			right: 0;	
		}
		
		#banner-holder #next img, #banner-holder #prev img {
			width: 100%;
			opacity: 0.9;
			filter: alpha(opacity=90); /* For IE8 and earlier */
		}

		#banner-holder #next img:hover, #banner-holder #prev img:hover {
			opacity: 1.0;
			filter: alpha(opacity=100); /* For IE8 and earlier */
		}
		
		.btnWebsiteHeading {
			display: none;
			float: right;	
		}
	
	@media ( min-width : 768px ) {
		.projectImages {
			margin: 30px 0 80px 0;	
		}
		
		.testimonial {
			font-size: 1.8em;
		}
		
		.brief {
			clear: both;
			padding: 80px 0;	
		}
		
		#banner-holder #next, #banner-holder #prev {
			margin-top: -38px;
			width: 40px;	
			height: 76px;
		}
		
		.btnWebsite {
			text-align: right;	
		}
		
		.single-project h1 {
			float: left;	
		}
		
		.btnWebsiteHeading {
			display: block;
			float: right;	
		}
		

	}
	
	
/*--------------------------------------------------------------
7.0 Waterfall Page
--------------------------------------------------------------*/
	
	.waterfall-odd, .waterfall-even {
		float: left;	
		width: 100%;
		padding: 40px 0;
		border-bottom: 1px solid #eeeeee;
	}
	
	.waterfall-odd h2 a, .waterfall-even h2 a {
		color: #392f43;
	}
		
	.waterfall-odd .rowContent, .waterfall-even .rowContent {
		width: 75%;	
	}
	
	.waterfall-odd .rowContent {
		float: left;
	}
	
	.waterfall-even .rowContent {
		float: right;
	}
		
	.waterfall-odd .rowImage, .waterfall-even .rowImage {
		width: 25%;	
		text-align: center;
	}
	
	.waterfall-odd .rowImage {
		float: right;
	}
	
	.waterfall-even .rowImage {
		float: left;
	}
	
	.rowImage img {
		padding: 10%;
		width: 100%;
		height: auto;	
	}
	
	.waterfall-last {
		border: none;	
	}
	
	@media ( min-width : 768px ) {
		.waterfall-odd .rowContent, .waterfall-even .rowContent {
			width: 50%;	
		}
			
		.waterfall-odd .rowImage, .waterfall-even .rowImage {
				width: 50%;	
				text-align: center;
		}
			
		.rowImage img {
			padding: 0;
			width: 65%;
		}
	}
	
	#map-canvas, #map-canvas2 {
        height: 400px;
	}

/*--------------------------------------------------------------
8.0 - Photo Gallery
--------------------------------------------------------------*/
	section.gallery {
		padding-top: 60px;
	}

	.gallery-image {
		margin-bottom: 15px;
		height: 150px;
		overflow: hidden;
	}
	
	.gallery-image:nth-child(4n+1), .album-list .span_3:nth-child(4n+1) {
		clear: both;
		margin-left: 0 !important;
	}

	.album-list h3 {
		margin: 0 0 15px 0;
	}
	
/*--------------------------------------------------------------
9.0 -  Blog / Posts / Categories
--------------------------------------------------------------*/	
	.articleList {
		padding: 25px 0 0 0;	
	}
	
	.entry-content .featureImage {
		margin: 0 0 15px 0;	
	}
	
	.entry-content .featureImage img {
		width: 100%;
		height: auto;
		-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 5px;
border: 1px solid #cccccc;	
	}

/*--------------------------------------------------------------
10.0 -  Forms
--------------------------------------------------------------*/		
	
	.validation_message {
		display: none !important;	
	}	
	
	.gform_wrapper {
		max-width: 100%	 !important;
	}
	
	.gform_wrapper label {
		font-weight: normal !important;
	}

	.gform_wrapper .top_label li.gfield.gfield_error.gf_left_half,
	.gform_wrapper .top_label li.gfield.gfield_error.gf_right_half {
	width: 49% !important;
	}
	
	.validation_error, .gfield_error label {
		color: #d32552;	
	}	
	
	.validation_error {
				padding: 0 0 10px 0;
	}	
	
	button:hover,
	input[type="button"]:hover,
	input[type="reset"]:hover,
	input[type="submit"]:hover {
		color: #ffffff;
		background: #d32552;
	}
	
	.sidebar-enquiry {
		padding: 20px;
		border: none !important;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		border: 1px solid #cccccc !important;
		background: #eeeeee;
	}
		
	.sidebar-enquiry label {
		color: #ffffff !important;	
	}
	
	.sidebar-enquiry 	.validation_message {
		display: block !important;
		color: #d32552;
		margin: 0 !important;
		padding: 0 !important;
	}	
	
	.sidebar-enquiry .gfield_error input {
		border: 1px solid #d32552;	
	}
	
	.gplaceholder li {
		padding: 3px 0;	
	}
	
	input#input_3_7, input#input_1_7 {
		border: 1px solid #cccccc;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	
	.gform_confirmation_message {
		font-size: 1.4em;
	}
	
	.sidebar-enquiry .gform_confirmation_message {
		padding: 15px 0;	
	}
	

	
/*--------------------------------------------------------------
10.0 - Footer
--------------------------------------------------------------*/	
	
	footer.site-footer {
		padding: 70px 0;
		min-height: 240px;
		text-align: center;
		color: #000000;
		font-size: 0.9em;
		background: #e0e0e0;	
	}
	
	.logoFooter, .logoTruckdek {
		margin: 0 auto 10px auto;	
	}
	
	.logoFooter {
		width: 150px;	
	}
	
	.logoTruckdek {
		width: 222px;
	}
	
	.logoFooter img, .logoTruckdek img {
		width: 100%;
		height: auto;
		margin: 0 0 10px 0;
	}	
	
	footer.site-footer .mc-field-group {
		width: 75%;
		height: 35px;
		margin: 10px auto;	
	}
	
	.mc-field-group label {
		display: none;
	}
	
	.mc-field-group input {
		float: left;
		width: 75%;	
	}
	
	.mc-field-group .button {
		float: right;
		width: 23% !important;	
	}
	
	.socialIcons {
		margin: 0 auto;
		width: 200px;
		background: #000;	
	}
	
	.social {
		float: left;
		width: 50px;
		height: 50px;
		padding: 0 3px;	
	}
	
	.social img {
		width: 100%;	
	}
	
	@media ( min-width : 768px ) {
		
		
		footer.site-footer {
			text-align: left;	
		}
		
		.logoFooter, .logoTruckdek {
			float: left;
			margin: 0;	
		}
		
		.logoTruckdek {
			margin: 12px 0 0 12px;	
		}
		
		.ticktock {
			margin-top: 10px;
			text-align: right;	
		}
	
	}
	<p>&nbsp;</p>
	<p>&nbsp;</p>