/* CSS for Fifth Wall */

@import url(http://www.fifthwall.co.nz/wp-content/themes/fifthwall/css/custom.css);

body{
	font-family: 'Lato', sans-serif;
	font-size:16px;
}

a{
	color:#999999;
}

a:hover{
	color:#999999;
	text-decoration:underline;
}
 
input, textarea, select,
.gform_wrapper input, .gform_wrapper textarea, .gform_wrapper select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;		
}

/* Navbar */

.navbar .container{
	width:940px;
}

.navbar-inverse .navbar-inner{
	background:#000;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	border:0;
}

.navbar .nav.pull-left{
	margin-left:-10px;
}

	.navbar .nav > li > a{
		color:#f7f8f8;
		font-size:14px;
		font-family:'Oswald', sans-serif;
		text-transform:uppercase;
		border-bottom:3px solid #000;
		padding:10px 10px 8px;
	}

	.navbar .nav > li > a:hover{
		color:#a69480;
	}

	.navbar .nav > .active > a, 
	.navbar .nav > .active > a:hover, 
	.navbar .nav > .active > a:focus,
	.navbar .nav > .open > a{
		color:#a69480!important;
		background:#000;
		border-bottom:3px solid #f7f8f8;
	}

	.nav li.contact a{
		padding-right:20px;
		position:relative;
	}

		.nav li.contact.active a:after{
			content:'';
			position:absolute;
			right:0px;
			top:16px;
			width: 0; 
			height: 0; 
			border-left: 5px solid transparent;
			border-right: 5px solid transparent;
			border-bottom: 8px solid #fff;	
			border-top:0px;		
		}
		
		.nav li.contact a:after{
			content:'';
			position:absolute;
			right:0px;
			top:16px;
			width: 0; 
			height: 0; 
			border-left: 5px solid transparent;
			border-right: 5px solid transparent;
			border-top: 8px solid #fff;		
			border-bottom:0px;	
		}			
	
	/* Dropdown */

	.dropdown-menu{
		-webkit-border-radius:0;
		-moz-border-radius:0;
		border-radius:0;
		border:0;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
		background:#262626;
		padding:0;
	}

	.dropdown-menu li > a{
		font-size:13px;
		color:#fff;
	}

		.dropdown-menu li > a:hover{
			background:none;
			color:#a69480;
		}

	.dropdown-menu li{
		border-bottom:1px dashed #636363;
	}

		.navbar .nav > li > .dropdown-menu::before,
		.navbar .nav > li > .dropdown-menu::after{
			display:none;
		}
	
	.dropdown-menu .active > a, .dropdown-menu .active > a:hover{
		background:#3c3c3c;
	}

/* Logo */

#logo{
	padding:37px 0 47px 0;
}

#logo h1{
	margin:0;
}

#logo h1 a{
	width:501px;
	height:66px;
/*
	display:block;
	background:url(../img/logo.jpg) no-repeat top center;
*/
	text-indent:-9999em;
}

/* Slide */

#sliderbox{
	position:relative;
}

#slider{
	width:100%;
	height:400px;	
	margin-bottom:45px;
}

	.slide{
		width:100%;
		height:100%;	
	}

		.slide-image{
			width:540px;
			height:100%;
		}

		.slide-content{
			width:400px;
			height:100%;
			text-align:center;
			background:#000;
		}

		.slide-content a{
			display:block;
			text-decoration:none;
		}

			.slide-content a:hover{
				text-decoration:none;
			}

			.slide-content h3, .slide-content a h3, .slide-content a h3 p{
				font-size:34px;
				line-height:48px;
				margin:0;
				font-family:'Oswald', sans-serif;
				font-weight:400;
				text-transform:uppercase;
				color:#fff;
			}

			.slide-content a h3{				
				padding:140px 0 0 0;
			}

			.slide-content p, .slide-content a p{
				color:#a69480;
				font-size:14px;
				line-height:48px;
				margin:0;
				font-family:'Oswald', sans-serif;
				font-weight:700;
				text-transform:uppercase;
			}

input#input_2_2.medium {
	margin-bottom: 10px!important;
}

#slider-nav{
	position:absolute;
	z-index:9999;
	width:400px;
	height:25px;
	top:12px; right:0px;
}

	#slider-nav .next{
		position:absolute;
		width:36px; height:21px;
		display:block;
		text-indent:-9999em;
		background:url(../img/right.png) no-repeat top center;
		right:20px; top:0px;
	}

	#slider-nav .prev{
		position:absolute;
		width:38px; height:21px;
		display:block;
		text-indent:-9999em;
		background:url(../img/left.png) no-repeat top center;
		left:20px; top:0px;
	}

	#slider-nav .dot-nav{
		text-align:center;
		width:90px;
		top:1px; left:50%;
		margin-left:-45px;
		position:absolute;
	}

	#slider-nav .dot-nav span{
		background:#000;
		width:10px; height:10px;
		display:block;
		-webkit-border-radius:20px;
		-moz-border-radius:20px;
		border-radius:20px;
		border:1px solid #fff;
		cursor:pointer;
		text-indent:-9999em;
		display:inline-block;
		margin-right:3px;
	}

	#slider-nav .dot-nav span.cycle-pager-active, #slider-nav .dot-nav span:hover{
		background:#fff;
	}

/* Welcome */

#welcome p{
	font-size:17px;
	line-height:26px;
	margin:0 0 15px 0;
}

.separator-1{
	width:1050px;
	height:23px;
	background:url(../img/separator-1.jpg) no-repeat top center;
	margin:41px auto 20px auto;
}

/* Recent Projects */

#recent-projects{
	
}

	#recent-projects h3{
		font-family:'Oswald', sans-serif;
		font-weight:400;
		font-size:18px;
		text-transform:uppercase;
		margin:0 0 7px 0;
	}

	#recent-projects .thumbnail{
		border:0;
		padding:0;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
	}

		#recent-projects .thumbnail:hover{
			opacity:0.7;
		}

.separator-2{
	width:1050px;
	height:23px;
	background:url(../img/separator-2.jpg) no-repeat top center;
	margin:8px auto 20px auto;
}

/* About */

.heading{
	position:relative;
}

	.heading h2{
		font-family:'Oswald', sans-serif;	
		font-size:35px;
		line-height:49px;
		color:#fff;
		text-transform:uppercase;
		position:absolute;
		bottom:3px; left:10px;	
		font-weight:400;
		margin:0;
	}

/*
.breadcrumb{
	background:none;
	padding:45px 0 27px;
	margin:0;
	font-size:12px;
	line-height:12px;
	color:#a69480;	
	text-transform:uppercase;
}
*/

.breadcrumb{
	background:none;
	padding:27px 0 27px;
	margin:0;
	font-size:12px;
	line-height:12px;
	color:#a69480;	
	text-transform:uppercase;
}

.breadcrumb.pg{
	background:none;
	padding:0px 0 27px;
	margin:0;
	font-size:12px;
	line-height:12px;
	color:#a69480;	
	text-transform:uppercase;
}

	.breadcrumb ul{
		margin:0;
		padding:0;
	}

	.breadcrumb ul li{
		float:left; display:block;
		margin-right:6px;
		list-style:none;
		font-size:12px;
		line-height:12px;
		color:#a69480;
		text-transform:uppercase;
	}

	.breadcrumb ul li a, .breadcrumb a{
		float:left;
		display:block;		
		margin-right:6px;
		padding-right:13px;
		text-transform:uppercase;
		background:url(../img/bc.jpg) no-repeat right 1px;
		font-size:12px;
		color:#a69480;
		line-height:12px;
	}

.page-content{
	padding-bottom:30px;
}

.page-content h3{
	color:#000;
	font-family:'Oswald', sans-serif;
	text-transform:uppercase;
	font-size:18px;
	margin:0 0 10px 0;
	font-weight:400;
}

.page-content p{
	font-size:16px;
	line-height:22px;
	color:#000;
	margin:0 0 20px 0;
}


a.products {
	font-family:'Oswald', sans-serif;
/*  float: left;*/
  background-color: #a69480;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 16px;
  height: 40px;
  line-height: 45px;
	padding: 2px 15px 3px;
	margin: 0 40px 15px 0;

}

a.products:hover {
	  color: #000;
	  text-decoration: none;
}

/* Our Process */

.process{
	position:relative;
}

	.process h4{
		font-family:'Oswald', sans-serif;
		font-weight:400;
		font-size:18px;
		line-height:30px;
		margin:0;
		color:#fff;
		background:#a69480;
		display:block;
		padding:0 12px;
		position:absolute;
		bottom:0px; left:0px;
		text-transform:uppercase;
	}

.process-label{
	background:#000;
	padding:5px 8px;
	min-height:63px;
	margin-bottom:17px;
}

	.process-label p{
		font-size:16px;
		line-height:18px;
		color:#fff;
		margin:0;
	}

/* Gallery */

#content{
	padding-top:45px;
}

.single-project #content{
	padding-top:5px;
}

	ul.filters{
		margin:0 0 30px 0; padding:0;
		overflow:auto;
	}

	ul.filters li{
		float:left; display:block;
		margin-right:8px;
		list-style:none;
	}	

		ul.filters li a{
			display:block;
			color:#fff;
			background:#000;
			font-size:12px;
			font-family:'Oswald', sans-serif;
			text-transform:uppercase;
			line-height:22px;
			height:22px;
			padding:0 5px;
		}

			ul.filters li a:hover{
				text-decoration:none;
				color:#a69480;
			}
	
/*
	.post{
		border-bottom:1px dashed #000;
		padding-bottom:16px;
		margin-bottom:38px;
	} 
*/      
	
		.post img{
			margin-bottom:15px;
		}       
	
		.post h3, .post h3 a{
			font-size:22px;
			color:#a69480;
			font-family:'Oswald', sans-serif;
			font-weight:700;
			text-transform:uppercase;
			margin:0 0 5px 0;
		}    
		
			.post h3 a{
				margin:0;
			}  

			.post h3 a:hover{
				color:#000;
				text-decoration:none;
			}
		
		.post .cats{
			font-family:Georgia, serif;
			font-size:14px;
			font-style:italic;
			color:#000;
		}

			.post .cats a{
				color:#000;
				text-decoration:underline;
			}

			.post .cats a:hover{
				text-decoration:none;
			}
		
		.post .read-more{
			font-weight:700;
			font-size:12px;
			color:#a69480;
			text-transform:uppercase;
		}

			.post .read-more:hover{
				color:#000;
				text-decoration:none;
			}

#sidebar{
	padding-top:95px;
}

.single-post #sidebar{
	padding-top:45px;
}

	#sidebar input[type="text"]{
		width:95%;
	}

	.widget{
		margin-bottom:25px;
	}

		.widget h4{
			font-size:16px;
			color:#a69480;
			font-weight:700;
			text-transform:uppercase;
		}

		.widget ul{
			margin:0; padding:0;
			border-top:1px dashed #a69480;
		}

			.widget ul li{
				list-style:none;
				border-bottom:1px dashed #a69480;
			}

			.widget ul li a{
				font-size:16px;
				line-height:32px;
				height:32px;
				padding:0 10px 0 4px;
				display:block;
				color:#a69480;
			}

				.widget ul li a:hover{
					text-decoration:none;
					color:#000;
				}

/* Footer */

#footer{
	padding-bottom:30px;
}

#footer h4{
	font-family:'Oswald', sans-serif;
	font-weight:400;
	font-size:13px;
	line-height:26px;
	text-transform:uppercase;
	margin:0 0 15px 0;
}

#footer p, body #footer #gforms_confirmation_message{
	margin:0 0 12px 0;
	font-size:13px;
	line-height:16px;
	color:#000;
}

#footer p a{
	font-size:12px;	
	line-height:16px;
	color:#000;
	text-decoration:none;
}

	#footer p a:hover{
		text-decoration:underline;
	}

input[type="text"], input[type="email"], input[type="password"],
.gform_wrapper input[type="text"], .gform_wrapper input[type="email"], .gform_wrapper input[type="password"]{
	background:#fcfbfb;
	border:none;
	color:#aeaeae;
	font-size:11px;
	font-family:'Lato', sans-serif;
	-webkit-box-shadow:inset 0 1px 4px rgba(0,0,0,0.3);
	-moz-box-shadow:inset 0 1px 4px rgba(0,0,0,0.3);
	box-shadow:inset 0 1px 4px rgba(0,0,0,0.3);
	padding:15px 16px!important;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;	
	width:206px;
	margin: 0!important;
}

body #footer input[type="text"], 
body #footer input[type="email"], 
body #footer input[type="password"]{
	width:206px;
	padding:15px 16px!important;
}

.ginput_container_name
{
	margin: 0!important;
}

li#field_2_3.gfield.pull-left.field_sublabel_below.field_description_below.gfield_visibility_visible {
	margin: 0!important;
	padding: 0!important;
}

body #footer .gfield_label{
	display:none;
}

#footer select, #footer .gform_wrapper select{
	border-radius:0;	
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;	
	width:150px;
	line-height:20px;
	background:#fcfbfb url(../img/selectbg.jpg) no-repeat 136px center;
	border:none;
	color:#aeaeae;
	font-size:11px;
	font-family:'Lato', sans-serif;
	-webkit-box-shadow:inset 0 1px 4px rgba(0,0,0,0.3);
	-moz-box-shadow:inset 0 1px 4px rgba(0,0,0,0.3);
	box-shadow:inset 0 1px 4px rgba(0,0,0,0.3);
	padding:5px 6px;
	-webkit-border-radius:0;
	-moz-border-radius:0;
}

body #footer select{
	float:left;
}

body #footer input[type="submit"]{
	float:right;
	border:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	background:#000;
	font-size:11px;
	font-family:'Lato', sans-serif;
	color:#fff;
	padding:5px 13px;	
	margin: 0;
}

body #footer input[type="submit"]:hover {
	background-color: #a49482;
	color: ;
}


input[type="submit"], .gform_wrapper input[type="submit"]{
	border:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	background:#000;
	font-size:11px;
	font-family:'Lato', sans-serif;
	color:#fff;
	padding:5px 13px;
}

input[type="submit"], .gform_wrapper input[type="submit"]:hover {
	background-color: #000000;
}

li#field_2_2.gfield.gplaceholder.gfield_contains_required.field_sublabel_below.field_description_below.gfield_visibility_visible {
	margin: 0!important;
}

li#field_2_3.gfield.pull-left.field_sublabel_below.field_description_below.gfield_visibility_visible div.ginput_container.ginput_container_select {
	margin: 0!important;
}

body #footer  .gform_wrapper .gform_footer{
	clear:none;
	margin:0; padding:0;
}

ul.social{
	margin:0; padding:0;
}

	ul.social li{
		list-style:none;
		margin-bottom:8px;
	}

	ul.social li a{
		font-size:13px;
		display:block;
		line-height:20px;
		height:20px;
		padding-left:31px;
		color:#000;
	}

	ul.social li.facebook a{
		background:url(../img/facebook.jpg) no-repeat 0 0;
	}

	ul.social li.pinterest a{
		background:url(../img/pinterest.jpg) no-repeat 0 0;
	}

	ul.social li.twitter a{
		background:url(../img/twitter.jpg) no-repeat 0 0;
	}

	ul.social li.linkedin a{
		background:url(../img/linkedin.jpg) no-repeat 0 0;
	}	

	ul.social li.youtube a{
		background:url(../img/youtube.jpg) no-repeat 0 0;
	}

.footer-bar{
	width:100%;
	background:url(../img/bgfooter.jpg) repeat-x top center;
	height:23px;
}

/* Contact Box */

.contact-box{
	padding-top:42px;
	height:603px;
	display:none;
	background:url(../img/bgcontact.jpg) repeat top center;
}

	.contact-box h3{
		font-family:'Oswald', sans-serif;
		font-size:18px;
		line-height:26px;
		margin:0 0 10px 0;
		color:#fff;
		text-transform:uppercase;
		font-weight:400;
	}

	.contact-box p, #gforms_confirmation_message{
		font-size:16px;
		line-height:22px;
		color:#fff;
		margin:0 0 15px 0;
	}

	.google-map{
		margin-bottom:35px;
		height:340px;
	}

		.google-map div{ 
			width:460px; height:340px;	
			position: relative;
            overflow: hidden;
            display: block;
		}

	.contact-box input[type="text"],
	.contact-box input[type="email"],
	.contact-box .gform_wrapper input[type="text"],
	.contact-box .gform_wrapper input[type="email"]{
		padding:9px 10px;
		width:440px!important;
		color:#a69480;
		font-size:14px;
		font-family:'Lato', sans-serif;
		margin-bottom:18px;
	}

	.contact-box textarea,
	.contact-box .gform_wrapper textarea{
			padding:15px 16px!important;
		width:440px!important;
		height:207px;
		color:#a69480;
		font-size:14px;
		font-family:'Lato', sans-serif;
		margin-bottom:0px;
		-webkit-box-shadow:inset 0 1px 4px rgba(0,0,0,0.3);
		-moz-box-shadow:inset 0 1px 4px rgba(0,0,0,0.3);
		box-shadow:inset 0 1px 4px rgba(0,0,0,0.3);
		-webkit-border-radius:0;
		-moz-border-radius:0;
		border-radius:0;
		border:0;
	}
form#gform_1 div.gform_footer.top_label {
	padding: 0;
}
	.contact-box input[type="submit"],
	.contact-box .gform_wrapper input[type="submit"]{
		width:120px;
		height:38px;
		background:#a69480;
		font-family:'Oswald', sans-serif;
		text-transform:uppercase;
		font-size:18px;
		-webkit-box-shadow:inset 0 2px 2px rgba(0,0,0,0.4);
		-moz-box-shadow:inset 0 2px 2px rgba(0,0,0,0.4);
		box-shadow:inset 0 2px 2px rgba(0,0,0,0.4);
	}



/* Portrait tablet to landscape and desktop */

@media (min-width: 980px) and (max-width: 1052px) {
	.separator-2, .separator-1{
		width:100%;
	}
}

@media (min-width: 768px) and (max-width: 979px) {

	.nav li.contact a::after{
		right:-5px;
	}

	.separator-2, .separator-1{
		width:100%;
	}

	input[type="text"], input[type="email"], input[type="password"],
	.gform_wrapper input[type="text"], .gform_wrapper input[type="email"], .gform_wrapper input[type="password"]{
		width:138px!important;
	}

	.thumbnails .span4{
		width:142px;
	}

	.navbar .nav.pull-right{
		float:left;
	}

	.navbar .nav > li > a{
		font-size:13px;
		border-radius:0;
		padding:10px 8px 8px;
	}

	.contact-box{
		height:670px;
	}

		.contact-box .span8{
			width:280px;
			margin-left:20px;
		}

		.contact-box .span4{
			width:260px;
			margin:0 0 0 10px;
		}

		.contact-box input[type="text"], .contact-box input[type="email"],
		.contact-box textarea,
		.contact-box .gform_wrapper input[type="text"], .contact-box .gform_wrapper input[type="email"]
		{
			width:260px!important;
		}

		.contact-box .gform_wrapper textarea{
			width:250px!important;
		}

	iframe{
		width:260px;
		height:250px;
	}

	.navbar .container{
		width:630px;
	}

	.nav-collapse .dropdown-menu a{
		color:#fff;
	}

	#slider{
		height:235px;
	}

	.slide-image{
		width:315px;
		height:100%;
	}

	.slide-content{
		width:315px;
		height:100%;
		text-align:center;
		background:#000;
	}	

		.slide-content h3, .slide-content a h3, .slide-content a h3 p{
			font-size:28px;
			line-height:34px;
		}

		.slide-content a h3{
			padding:60px 0 0 0;
		}
	
	#slider-nav{
		width:315px;
	}

	.widget ul li a{
		font-size:12px;
	}

	.page-content p{
		font-size:14px;
	}

	.process-label p{
		font-size:12px;
	}

	.process-label{
		min-height:72px;
	}	

	.dropdown{
		z-index:999999;
	}

	.navbar .btn-navbar{
		display:none;
	}	

	.widget h4{
		font-size:12px;
	}

	.widget input[type="text"]{
		width:100px!important;
	}

}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 

	body{
		padding:0;
	}

	.container{
		padding-left:20px;
		padding-right:20px;
	}

	.navbar .container{
		width:auto;
		padding:0 10px;
	}	

	.contact-box{
		height:auto;
	}

	.separator-2, .separator-1{
		width:100%;
	}

	input[type="text"], input[type="email"], input[type="password"],
	.gform_wrapper input[type="text"], .gform_wrapper input[type="email"], .gform_wrapper input[type="password"]{
		width:138px;
	}

	.navbar .nav.pull-right{
		float:left;
	}

	.navbar .nav > li > a{
		font-size:11px;
		padding:10px 8px 8px;
		border-radius:0;
	}	

	.nav li.contact a::after{
		right:-5px;
	}

	#slider{
		height:auto;
	}

	.slide-image{
		width:100%;
		height:auto;
		display:block;
		float:none;
	}

		.slide-image img{
			width:100%;
		}

	.slide-content{
		width:100%;
		height:auto;
		padding:10% 0 10% 0;
		display:block;
		float:none;
	}	

		.slide-content a h3{
			padding:0;
		}
		

	#slider-nav{
		width:100%;
	}

	.dropdown{
		z-index:999999;
	}

	#recent-projects .span4{
		width:47%;
		float:left;
	}

	#footer .span4{
		margin-bottom:20px;
	}

	#footer .span4 input, #footer .span4 .gform_wrapper input{
		width:95%;
		margin-bottom:10px;
	}

	#footer .span4 input.pull-right, #footer .span4 .gform_wrapper input.pull-right{
		width:97%;
		float:left;
	}

	.navbar .btn-navbar{
		display:none;
	}

	.widget h4{
		font-size:12px;
	}

	.widget_search input[type="text"]{
		width:96%;
	}

	#sidebar{
		padding-top:25px;
	}

}

/* Landscape phones and down */
@media (max-width: 560px) { 

	.navbar .btn-navbar{
		display:block;
		margin-right:0;
	}

	.nav-collapse.collapse{
		overflow:hidden;
		height:0px;
	}

	.navbar .container{
		padding:0;
	}

	.nav-collapse .nav{
		float:none; 
		margin:0;
	}

	.nav-collapse .nav li{
		float:none;
	}

	.dropdown-menu{
		display:none;
		position:relative;
		width:100%;
		margin-bottom:7px;
	}

	.navbar .nav li  a{
		padding:10px 8px 8px 20px;
		border-bottom:1px solid #ccc;
	}

	.dropdown-menu li{
		border-bottom:0;
	}

	.navbar .dropdown-menu a{
		color:#f7f8f8;
		font-size:11px;
		font-family:'Oswald', sans-serif;
		text-transform:uppercase;
		border-bottom:3px solid #000;
		padding:10px 10px 8px 50px!important;
		background:#000;
		border-bottom:1px solid #ccc;
	}	

	.navbar .nav  .active  a, .navbar .nav  .active  a:hover{
		border-bottom:1px solid #ccc;
	}

	.navbar .nav.pull-right{
		float:none;
		padding-bottom:15px;
	}

	.navbar .nav.pull-right > li > a{
		padding:10px 8px 8px 20px;
	}

	.nav li.contact a::after{
		right:5px;
	}

	#logo h1 a{
		width:100%;
		height:66px;
		background-size:100% auto;
	}

	.process img{
		width:100%;
	}

	#recent-projects .span4{
		width:47%;
		float:left;
		margin-right:10px;
	}	

}

/* Landscape phones and down */
@media (max-width: 481px) { 

	#logo{
		padding:20px 0 20px 0;
	}

	body #footer select{
		width:100%;
		float:none;
	}

	body #footer input[type="submit"]{
		float:none;
		width:99%!important;
		padding:5px 0;
	}

	.heading h2{
		position:relative;
		margin:10px 0 0 0;
		color:#000;
		padding:0;
		left:0;
	}

	.breadcrumb{
		padding:20px 0 25px 0;
	}	

	.slide-content a h3 p.smaller{
		font-size:20px!important;
		line-height:30px!important;
		margin:0!important;
		color:#fff!important;
		font-weight:400;
	}	

}

/* Landscape phones and down */
@media (max-width: 320px) { 

	#logo{
		padding:5px 0 5px 0;
	}

	#recent-projects .span4{
		width:100%;
		float:left;
		margin-right:0px;
		margin-bottom:15px;
	}		

	ul.filters li{
		margin-right:8px;
		margin-bottom:5px;
	}


	body #footer select{
		width:100%;
		float:none;
	}

	body #footer input[type="submit"]{
		float:none;
		width:100%;
		padding:5px 0;
	}	

	body .contact-box .gform_wrapper input[type="text"],
	body .contact-box .gform_wrapper input[type="email"],
	body .contact-box .gform_wrapper input[type="password"]{
		width:265px!important;
	}

	body .contact-box .gform_wrapper textarea{
		width:255px!important;
	}
	
	iframe{
		width:265px!important;
	}	

	.heading h2{
		position:relative;
		margin:10px 0 0 0;
		color:#000;
		padding:0;
		left:0;
	}	

	.breadcrumb{
		padding:20px 0 25px 0;
	}

}

.page-content.gallery-page{
  padding-left:8px; padding-right:0;
}

/* Gallery Page */

.thumbnails ul{
  margin:0; padding:20px 0 20px 5px;
}

  .thumbnails ul li{
    list-style:none;
    margin-left:15px;
    margin-bottom:10px;
    float:left; display:block;
    width:31.5%;
  }

    .thumbnails ul li img{
      width:100%;
    }

.page-content.gallery-page{
  padding-left:8px; padding-right:0;
}


/* Portrait tablet to landscape and desktop */

@media (min-width: 768px) and (max-width: 979px) {

  /* Gallery */

  .thumbnails li{
    width:29.6%!important;
    margin-bottom:15px!important;
  }

    .thumbnails li img{
      width:100%;
    }

}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 

/* Gallery */

  .thumbnails ul{
    margin-left:-18px;
  }

  .thumbnails ul li{
    width:201px;
  }

  ul.menu-list > li.wine{
    width:92%;
  }

  .nav-tabs > li > a{
    font-size:9px;
    padding:0 5px;
    margin-right:2px;
  }  

  body .gform_wrapper .top_label .gfield_error input.large,
  body .gform_wrapper .top_label input.large{
    width:94%!important;
  }  

  .nav-tabs > li{
    display:inline-block;
    width:100%;
  }  

}

/* Landscape phones and down */
@media (max-width: 479px) { 

  /* Gallery */

  .thumbnails ul li {
    width:258px;
  }

    .thumbnails ul li img{
      width:100%;
    }
}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  height: 500px;
}
#jquery-lightbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  text-align: center;
  line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
  position: relative;
  background-color: #fff;
  width: 250px;
  height: 250px;
  margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}
#lightbox-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
  width: 49%;
  height: 100%;
  zoom: 1;
  display: block;
}
#lightbox-nav-btnPrev { 
  left: 0; 
  float: left;
}
#lightbox-nav-btnNext { 
  right: 0; 
  float: right;
}
#lightbox-container-image-data-box {
  font: 10px Verdana, Helvetica, sans-serif;
  background-color: #fff;
  margin: 0 auto;
  line-height: 1.4em;
  overflow: auto;
  width: 100%;
  padding: 0 10px 0;
}
#lightbox-container-image-data {
  padding: 0 10px; 
  color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
  width: 70%; 
  float: left; 
  text-align: left; 
} 
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
  display: block; 
  clear: left; 
  padding-bottom: 1.0em;  
}     
#lightbox-secNav-btnClose {
  width: 66px; 
  float: right;
  padding-bottom: 0.7em;  
}