/*

Theme Name: 	   Starkers (Elliot Jay Stocks)
Stylesheet Info:   Written by Stephen Greig for use by Austin Digital
                   with the Starkers WordPress theme

---------------------------
Contents:
---------------------------
(1) Defaults
(2) Header
(3) Navigation
(4) Runner
(5) Main Content
(6) Buckets
(7) Footer
---------------------------

*/

@import "css/reset.css";
@import url(http://fonts.googleapis.com/css?family=Doppio+One);

/* ------------------------------------------------
------- (1) Generals/Defaults
------------------------------------------------ */

body {
	font: 9pt 'Helvetica', 'Arial', sans-serif;
}

a,
a div,
a img {
	transition: 0.2s;
	-webkit-transition: 0.2s;
	color: #000;
}

.alignleft {
	float: left;
	margin: 0 20px 20px 0;
}

.alignright {
	float: right;
	margin: 0 0 20px 20px;
}

div.alignleft img,
div.alignright img {
	display: block;
	margin-bottom: 30px;
}

p {
	line-height: 1.7;
	margin-bottom: 20px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin-bottom: 20px;
	font-family: 'Doppio One', 'Helvetica', 'Arial';
	text-transform: uppercase;
	font-weight: bold;
}

h1 {
	font-size: 20pt;
}

h2 {
	font-size: 18pt;
}

h3 {
	font-size: 14pt;
}

.secondary-glazing h3 {
	color: #e49232;
}

h4 {
	font-size: 12pt;
}

input[type='submit'],
.button,
.ngg-navigation a {
	display: inline-block;
	padding: 8px 18px;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	background: #333;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIyMjIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-line ar-gradient(top,  #444444 0%, #000000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#000000));
	background: -webkit-linear-gradient(top,  #444444 0%,#000000 100%);
	background: -o-linear-gradient(top,  #444444 0%,#000000 100%);
	background: -ms-linear-gradient(top,  #444444 0%,#000000 100%);
	background: linear-gradient(to bottom,  #444444 0%,#000000 100%);
	border: 0 !important;
	border-radius: 3px;
	-webkit-transition: none;
	transition: none;
}

input[type='submit']:hover,
.button:hover {
	background: #000;
}

address {
	font-style: normal;
	line-height: 1.7;
}

hr {
	border-color: #ddd;
	color: #ddd;
	margin: 30px 0;
}

.hiddentext{
color:#fff;
font-size:1px
}

/* ------------------------------------------------
------- (2) Header
------------------------------------------------ */
header {
	border-top: 10px solid #222;
	position: relative;
	z-index: 2;
	box-shadow: 0 2px 4px rgba(0,0,0,0.4);
}

.electrical header {
	border-top-color: #23408e;
}

	.header-inner {
		overflow: auto;
		width: 960px;
		margin: 0 auto;
	}

		header .logo {
			float: left;
			margin: 30px 0 20px 0;
			text-decoration: none;
		}

			header .logo img {
				width: 323px;
				height: 76px;
				margin-bottom: 10px;
			}

			.logo .tagline {
				text-align: right;
				font-size: 8pt;
				color: #aaa;
				text-transform: uppercase;
			}

		.phone {
			float: right;
			height: 34px;
			background: url(../../../images/phone-icon.png) center left no-repeat;
			padding: 8px 0 8px 50px;
			margin: 40px 0;
			font: 20pt 'Doppio One', 'Helvetica', 'Arial';
		}

		.electrical .phone {
			background-image: url(../../../images/phone-icon-electrical.png);
			color: #23408e;
		}

   .page-template-page-shutter-php .testimonials {
    margin-top:65px;
    }

    .page-template-page-grills .phone{
    margin-bottom:45px !important;
    }
  .page-template-page-roof .phone{
    margin-bottom:45px !important;
    }
/* ------------------------------------------------
------- (4) Runner
------------------------------------------------ */
.runner {
	height: 400px;
	background-color: #666;
	background-size: cover;
	background-position: center;
	position: relative;
}
.smalllinks a{    font-size: 1px;
    text-decoration: none;
    color: #fff;}
.home .runner {
	height: 450px;
	background-image: url(../../../images/runner.jpg);
}

.electrical .runner {
	background-image: url(../../../images/banners/electrical.jpg);
}

.products-services .runner {
	background-image: url(../../../images/banners/products-services.jpg);
}

.about-us .runner {
	background-image: url(../../../images/banners/about-us.jpg);
}

.our-work .runner {
	background-image: url(../../../images/banners/our-work.jpg);
}

.winterglaze .runner {
	background-image: url(../../../images/banners/secondary-glazing-3.jpg);
	height: 400px;
}

.contact-us .runner {
	background-image: url(../../../images/banners/contact-us.jpg);
}
.metal-fabrication .runner {
	background-image: url(../../../images/slides/welding.jpg);
}
.balustrading .runner {
	background-image: url(../../../images/slides/glass-balustrades-new.jpg);
}
.apartmentstorage .runner	{background-image: url(../../../images/slides/apartment-storage.jpg);
}
.gates-fences .runner	{background-image: url(../../../images/slides/gates.jpg);
}
.gates-fences-2 .runner, .gates-fences-east-tamaki .runner, .gates-fences-manukau .runner, .gates-fences-mount-albert .runner, .gates-fences-mount-roskill .runner, .gates-fences-mount-wellington .runner, .gates-fences-new-market .runner, .gates-fences-onehunga .runner, .gates-fences-penrose .runner, .gates-fences-remuera .runner{background-image: url(../../../images/slides/gates.jpg);
}
.shutter-grills .runner	{background-image: url(../../../images/slides/shutter.jpg);
}

.gates-fences-east-tamaki .main-inner .content h1, .gates-fences-manukau .main-inner .content h1, .gates-fences-mount-albert .main-inner .content h1, .gates-fences-mount-roskill .main-inner .content h1, .gates-fences-mount-wellington .main-inner .content h1, .gates-fences-new-market .main-inner .content h1, .gates-fences-onehunga .main-inner .content h1, .gates-fences-penrose .main-inner .content h1, .gates-fences-remuera .main-inner .content h1{
	visibility:hidden;
}
.roof-access .runner	{background-image: url(../../../images/slides/roof.jpg);
}
	.runner .slideshow {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 450px;
		overflow: hidden;
	}

		.runner .slideshow img {
			position: absolute;
			top: 0;
			left:0;
			width: 100%;
			min-width: 1600px;
			background: #444;
		}

	.runner-inner {
		width: 960px;
		margin: 0 auto;
		position: relative;
	}

		.runner .msg {
			position: absolute;
			top: 30px;
			right: 0;
			background: rgba(0,0,0,0.6);
			padding: 30px;
			color: #fff;
			border-radius: 0 0 40px 0;
			text-shadow: 1px 1px rgba(0,0,0,0.5);
			box-shadow: 1px 1px rgba(255,255,255,0.1);
		}

		.home .runner .msg {
			width: 370px;
		}

		.winterglaze .runner .msg {
			width: 440px;
		}

			.runner .main-msg {
				margin: 0;
				font: bold 16pt/1.4 'Doppio One', 'Helvetica', 'Arial';
				text-transform: uppercase;
				-webkit-font-smoothing: antialiased;
			}

			.home .runner .main-msg,
			.winterglaze .runner .main-msg {
				margin-bottom: 20px;
				font-size: 18pt;
			}

			.runner .blurb {
				margin: 10px 0 0 0;
				width: 350px;
			}

			.home .msg img {
				margin: 0 0 10px 10px;
				width: 129px;
				height: 129px;
			}

			.winterglaze .msg img {
				margin: 0 0 10px 10px;
				width: 250px;
				height: 138px;
			}

/* ------------------------------------------------
------- (4) Nav
------------------------------------------------ */

nav {
	background: #444;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIyMjIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #444444 0%, #000000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#000000));
	background: -webkit-linear-gradient(top,  #444444 0%,#000000 100%);
	background: -o-linear-gradient(top,  #444444 0%,#000000 100%);
	background: -ms-linear-gradient(top,  #444444 0%,#000000 100%);
	background: linear-gradient(to bottom,  #444444 0%,#000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#000000',GradientType=0 );
}

.electrical nav {
	background: rgb(52,83,165);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM0NTNhNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZjM5N2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(52,83,165,1) 0%, rgba(31,57,126,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(52,83,165,1)), color-stop(100%,rgba(31,57,126,1)));
	background: -webkit-linear-gradient(top,  rgba(52,83,165,1) 0%,rgba(31,57,126,1) 100%);
	background: -o-linear-gradient(top,  rgba(52,83,165,1) 0%,rgba(31,57,126,1) 100%);
	background: -ms-linear-gradient(top,  rgba(52,83,165,1) 0%,rgba(31,57,126,1) 100%);
	background: linear-gradient(to bottom,  rgba(52,83,165,1) 0%,rgba(31,57,126,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3453a5', endColorstr='#1f397e',GradientType=0 );
}

	.nav-inner {
		overflow: auto;
		width: 960px;
		margin: 0 auto;
	}

		nav .menu-nav-container {
			display: table;
			width: 100%;
		}

			nav .menu {
				display: table-row;
			}

				nav li {
					display: table-cell;
				}

					nav a {
						display: block;
						padding: 14px 7px !important;
						color: #ddd;
						text-align: center;
						text-transform: uppercase;
						text-decoration: none;
						text-shadow: 1px 1pxrgba(0,0,0,.5);
						font: bold 9pt 'Doppio One', 'Helvetica', 'Arial';
						-webkit-font-smoothing: antialiased;
						white-space: nowrap;
					}

					nav a:hover {
						background: rgba(0,0,0,.3);
						color: #fff;
					}

					nav .current_page_item a {
						background: #ddd;
						background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
						background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%);
						background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc));
						background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
						background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
						background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
						background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%);
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
						border-radius: 20px 20px 0 0;
						color: #000;
						text-shadow: 1px 1px rgba(255,255,255,0.5);
					}

/* ------------------------------------------------
------- (5) Main Content
------------------------------------------------ */
/* Content */
.main {
	background: #f8f8f9;
}

	.main-inner {
		overflow: auto;
		width: 900px;
		margin: 0 auto;
		padding: 30px;
		background: #fff;
		box-shadow: -2px 0 3px rgba(0,0,0,0.05), 2px 0 3px rgba(0,0,0,0.05);
	}

		.content {
			width: 610px;
			padding-right: 40px;
			float: left;
			margin-bottom: 30px;
		}

		.home .content {
			width: 460px;
		}

		/* For Full Width Content Pages */
		.page-template-page-full-width-php .content {
			width: auto;
			padding: 0;
		}

			.content h1 {
				border-bottom: 1px solid #ddd;
				padding-bottom: 20px;
			}

			.content p:first-of-type {
				font-size: 11pt;
			}

			.content img + br {
				display: none;
			}

			.anchors {
				overflow: auto;
			}

				.anchors a {
					float: left;
					display: inline-block;
					width: 117px;
					height: 100px;
					position: relative;
					margin-right: 6px;
					margin-bottom: 6px;
					background: #006;
					text-align: center;
					line-height: 1.5;
					color: #fff;
					text-decoration: none;
					border-radius: 0 0 12px 0;
					font: 8pt 'Doppio One', 'Helvetica', 'Arial';
					text-transform: uppercase;
					font-weight: bold;
					-webkit-font-smoothing: antialiased;
				}

				.anchors a:nth-child(5n) {
					margin-right: 0;
				}

					.anchors a img {
						position: absolute;
						top: 0;
						left: 0;
						width: 117px;
						height: 100px;
						border-radius: inherit;
					}

					.anchors a > span {
						position: relative;
						z-index: 2;
						display: table-cell;
						vertical-align: middle;
						width: 117px;
						height: 100px;
						box-shadow: inset 0 0 10px rgba(0,0,0,.3);
						border-radius: inherit;
					}

						.anchors span span {
							display: block;
							padding: 8px;
							background: rgba(0,0,0,.6);
							text-shadow: 1px 1px rgba(0,0,0,.5);
							transition: .2s;
							-webkit-transition: .2s;
						}

						.anchors a:hover span span {
							background: rgba(0,0,0,.75);
						}

			#map {
				float: left;
				width: 300px;
				height: 410px;
				background: #eee;
			}

			.contact-details {
				float: right;
				width: 290px;
			}

			.electrical .contact-details {
				width: auto;
				float: none;
			}

				.contact-details address {
					font-size: 10pt;
					margin-bottom: 20px;
				}

				.contact-details dl {
					overflow: auto;
					line-height: 1.7;
				}

				.contact-details dt,
				.contact-details dd {
					float: left;
				}

				.contact-details dt {
					clear: left;
					width: 90px;
					font-weight: bold;
				}

			.facebook {
				margin-bottom: 20px;
				height: 40px;
			}

				.fb-like {
					float: left;
					height: 30px;
					margin-left: 10px;
				}

				.electrical .fb-like {
					width: 340px;
				}

				.facebook p {
					margin: 0;
					font-size: inherit !important;
				}

				.facebook .button {
					font-size: 8pt;
					float: left;
					background: #1d49be;
					padding:  6px 14px;
					background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFkNDliZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMzQwOGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
					background: -moz-linear-gradient(top,  #1d49be 0%, #23408e 100%);
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1d49be), color-stop(100%,#23408e));
					background: -webkit-linear-gradient(top,  #1d49be 0%,#23408e 100%);
					background: -o-linear-gradient(top,  #1d49be 0%,#23408e 100%);
					background: -ms-linear-gradient(top,  #1d49be 0%,#23408e 100%);
					background: linear-gradient(to bottom,  #1d49be 0%,#23408e 100%);
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d49be', endColorstr='#23408e',GradientType=0 );
				}

			.home-fb {
				float: left;
				position: relative;
				width: 400px;
				height: 40px;
			}

				.home-fb .facebook {
					position: absolute;
					top: 0;
					left: 0;
					width: 400px;
				}

		/* Sidebars */
		.enquiries {
			width: 208px;
			float: left;
			border: 1px solid #ddd;
			padding: 20px;
			margin-bottom: 30px;
		}

			.enquiries p {
				margin: 0;
				line-height: normal;
			}

			input[type='text'],
			input[type='email'],
			textarea {
				border: 1px solid #bbb;
				background: #fff;
				box-shadow: 1px 1px 2px rgba(0,0,0,0.1) inset;
				padding: 5px;
				width: 100%;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				margin: 8px 0 12px 0;
			}

			textarea {
				height: 100px;
			}

		.main .phone {
			margin: 0 0 10px;
			width: 200px;
		}

		.quote {
			width: 358px;
			float: left;
			border: 1px solid #ddd;
			padding: 20px;
			margin-bottom: 20px;
		}

			.quote img {
				width: 163px;
				height: 112px;
			}

		.products-and-services {
			clear: both;
			float: left;
			width: 460px;
			margin-bottom: 30px;
			margin-right: 40px;
		}

			.main ul {
				overflow: auto;
				margin-bottom: 20px;
			}

			.main li {
				padding: 7px 0 7px 25px;
				background: url(../../../images/tick.gif) center left no-repeat;
				line-height: 1.7;
			}

			.products-and-services li {
				float: left;
				width: 205px;
			}

			.electric-list li {
				float: left;
				width: 220px;
			}

		.recent-work {
			width: 400px;
			float: left;
			margin-bottom: 30px;
		}

			.ngg-galleryoverview {
				border: 1px solid #ddd;
				padding: 20px 20px 20px 20px;
				margin: 0;
				width: auto !important;
				margin-bottom: 20px;
			}

				.ngg-gallery-thumbnail-box {
					margin-left: 0px;
					margin-bottom: 0px;
				}

				.recent-work .ngg-gallery-thumbnail-box:nth-of-type(3n-2),
				.content .ngg-gallery-thumbnail-box:nth-of-type(4n-3) {
					margin-left: 0;
				}

				.our-work .ngg-gallery-thumbnail-box:nth-of-type(4n-3) {
					margin-left: 14px;
				}

				.our-work .ngg-gallery-thumbnail-box:nth-of-type(5n-4) {
					margin-left: 0;
				}

					.ngg-gallery-thumbnail {
						margin: 0;
					}

						.ngg-gallery-thumbnail a {
						}

							.ngg-gallery-thumbnail img {
								width: 195px;
								height: 145px;
								padding: 0;
								border: 5px solid #eee;
								margin: 0;
							}

							.our-work .ngg-gallery-thumbnail img {
								width: 250px;
								height: 200px;
							}

							.recent-work img {
width:140px;
								/*width: 100px;*/
								height: 78px;
							}

							.ngg-gallery-thumbnail a:hover img {
								border-color: #ccc;
							}

				.ngg-navigation {
					padding: 0;
					margin-bottom: 7px;
				}

				.recent-work .ngg-navigation {
					display: none !important;
				}

.page-id-2 .ngg-galleryoverview, .page-id-2 .recent-work h2{

    margin-left: 60px;
    }

/* ------------------------------------------------
------- (6) Buckets
------------------------------------------------ */
.buckets {
	overflow: auto;
	clear: both;
	margin-bottom: 30px;
}

	/* Based on 4 buckets */
	.buckets a {
		position: relative;
		float: left;
		margin-left: 20px;
                width:160px;
		/*width: 210px;*/
		text-decoration: none;
		border-radius: 0 0 25px 0;
	}

	.buckets a:first-child {
		margin-left: 0;
	}

		.buckets a img {
 width: 160px;
    height: 102px;
			/*width: 210px;
			height: 120px;*/
			border-radius: 0 0 25px 0;
			background: #eee;
		}

		.buckets a div {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			background: rgba(0,0,0,.5);
			text-align: center;
			color: #fff;
			font-family: 'Doppio One', 'Helvetica', 'Arial';
			font-weight: bold;
			-webkit-font-smoothing: antialiased;
			text-shadow: 1px 1px rgba(0,0,0,0.4);
			text-transform: uppercase;
			padding: 8px 0;
		}

		.buckets a:hover div {
			background: rgba(0,0,0,.7)
		}

.testimonials {
	border: solid #ddd;
	border-width: 1px 0;
	padding: 30px 0;
	margin-bottom: 20px;
}

	.testimonials blockquote {
		position: relative;
		padding: 0 50px;
		line-height: 1.7;
		text-align: center;
		font-size: 12pt;
	}

	blockquote:before,
	blockquote:after {
		display: block;
		position: absolute;
		font-size: 50pt;
		color: #ccc;
	}

	blockquote:before {
		content: '\201C';
		top: -0.5em;
		left: 0.4em;
	}

	blockquote:after {
		content: '\201D';
		bottom: -1em;
		right: 0.4em;
	}

.ngg-gallery-thumbnail{
border:none !important;}
.ngg-galleryoverview{
padding:0px !important;}

.brands {
	overflow: auto;
	position: relative;
	z-index: 2;
	padding: 10px 0;
}

	.brands a,
	.brands > img {
		float: left;
		margin-left: 40px;
		/*margin-left: 18px;*/
	}

	.brands a:first-child {
		margin-left: 0;
	}

		.brands img {
width: 172px;
height: 80px;
			/*width: 135px;
			height: 60px;*/
		}

		.brands a img {
			opacity: 0.85;
		}

		.brands a:hover img {
			opacity: 1;
		}


/* ------------------------------------------------
------- (7) Footer
------------------------------------------------ */
footer {
	background: #333;
	color: #888;
	font-size: 8pt;
	text-shadow: 1px 1px #000;
}

	.footer-inner {
		overflow: auto;
		width: 960px;
		margin: 0 auto;
		padding: 40px 0;
	}

		footer .col {
			float: left;
			margin-left: 40px;
		}

		footer .col:first-child {
			margin-left: 0;
		}

			.col > img {
				display: block;
				width: 165px;
				height: 35px;
				margin-bottom: 15px;
			}

			footer h4 {
				color: #ddd;
				margin-bottom: 10px;
				padding-bottom: 5px;
				border-bottom: 1px solid #555;
				-webkit-font-smoothing: antialiased;
			}

			footer a {
				color: #ddd;
			}

			footer li {
				line-height: 1.7;
				text-transform: uppercase;
			}

			footer dl {
				overflow: auto;
			}

				footer dt {
					float: left;
					clear: left;
					min-width: 70px;
				}

				footer dd {
					float: left;
				}

		.map {
			float: right;
			width: 175px;
			height: 120px;
			background: #eee;
			border: 5px solid #fff;
		}

	.bottom-bar {
		background: #222;
	}

		.bottom-bar-inner {
			width: 960px;
			margin: 0 auto;
			padding: 15px 0;
		}