/* !Elements */
/* ------------------------------------------------------------------- */

body {
background: #f4f4f4;
text-transform: lowercase;
}

h1, h2, h3, h4, h5, h6, strong, th, b {
/* font-family:"VAG Rounded W01 Bold", "Arial Rounded", sans-serif; */
}

a { color: #328727; }
a:hover { color: #46bc36; }

/* !Classes and components */
/* ------------------------------------------------------------------- */

.cufon-loading { visibility: hidden; }

/* !Template structure */
/* ------------------------------------------------------------------- */

.homepage #mega-wrap {
margin: 0 auto;
max-width:  1280px;
}

#nine-sixty {
background: rgba(255,0,0,0.1);
position: absolute;
left: 50%;
margin-left: -512px;
width: 1024px;
height: 768px;
}

#page-container {
position: relative;
}

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

#page-header {
height: 115px;
overflow: hidden;
width: 100%;
}
	#header-logo {
	display: none;
	margin: 0;
	}
		#header-logo a {
		background: url(/assets/images/interface/logo-small.png) left center no-repeat;
		display: block;
		height: 15px;
		padding: 20px 0;
		text-indent: -9999px;
		width: 140px;
		}
	#header-nav {
	font-size: 1.333em; /* 16px */
	line-height: 1.5em; /* 24px */
	padding: 15px 0;
	text-align: center;
	}
		#header-nav ul {
		font-weight: normal;
		margin: 0;
		padding: 0;
		}
			#header-nav li {
			display: inline;
			list-style: none;
			}
				#header-nav a {
				color: #000;
				padding: 0 10px;
				/* margin-right: -4px; */
				text-decoration: none;
				}
				#header-nav a:hover { color: #46bc36; }
				#header-nav a.selected,
				#header-nav li.active a { color: #328727; }

#page-main {
/* min-height: 550px; */
width: 100%;
}
	#page-main .container {
	margin: 0;
	padding: 0;
	}

#page-footer {
color: #818181;
font-size: 0.83em; /* 10px */
/* height: 75px; */
margin: 0 auto;
padding: 0 20px;
max-width: 1800px;
}
	#page-footer .container {
	margin: 0;
	overflow: hidden;
	padding: 10px 0;
	width: 100%;
	}
	#footer-logo {
	float: left;
	padding-top: 20px;
	width: 16.66666666%;
	}
		#footer-logo a {
		display: block;
		width: 140px;
		}
			#footer-logo a img { max-width: 100%; }
	#page-footer #about {
	float: left;
	margin-top: 1.75em;
	width: 27.75%;
	}
		#page-footer #about .wrapper { margin-right: 20px; }
			#page-footer #about .title {
			color: #585858;
			float: left;
			width: 20%;
			}
				#page-footer #about .title a {
				color: #585858;
				text-decoration: none;
				}
			#page-footer #about .intro {
			float: left;
			width: 80%;
			}
	#page-footer #connect {
	float: left;
	margin-top: 1.75em;
	width: 39%;
	}
		#page-footer #connect .wrapper { width: 57.25%; }
			#page-footer #connect .title {
			color: #585858;
			float: left;
			width: 30%;
			}
			#page-footer .contact {
			float: left;
			width: 70%;
			}
			#page-footer #footer-links {
			float: left;
			margin: 0;
			padding: 0;
			width: 39%;
			}
				#page-footer #footer-links li {
				float: left;
				list-style: none;
				width: 50%;
				}
	#page-footer #copyright {
	float: left;
	margin-top: 1.75em;
	width: 16.2%;
	}



/* !Page specific code */
/* ------------------------------------------------------------------- */

/* !Homepage */
.homepage #page-header { height: 75px; }
	.homepage #page-main .container {
	margin: 0 auto;
	padding: 0 20px;
	max-width: 1800px;
	}
	.homepage #page-footer .container { padding:  0 0 10px; }

#thumbnails { width: 100%; }
	.picture-entries {
	float: left;
	margin: 0;
	padding: 0;
	/* width: 33.33333332%; */
	width: 100%;
	}
		.picture-entries li {
		float: left;
		filter: alpha(opacity = 100);
		list-style: none;
		opacity: 1;
		/* width: 50%; */
		width: 16.6666666%;
		}
		.picture-entries li.focus {
		filter: alpha(opacity =15);
		opacity: 0.15;
		}
		.picture-entries li.blur {
		filter: alpha(opacity =15);
		opacity: 0.15;
		}
			.picture-entries a {
			display: block;
			margin: 0;
			padding: 0 1px 1px 0;
			}
				.picture-entries a span {
				background: #328727;
				display: block;
				}
				.picture-entries img {
				display: block;
				margin: 0;
				max-width: 100% !important;
				}
				.picture-entries li a:hover img {
				filter: alpha(opacity = 65);
				opacity: 0.65;
				z-index: 10;
				}
	#thumbnails div.clear { height: 1px; }


/* !Category Slideshow pages */
#slideshow-nav {
overflow: hidden;
padding: 0 40px 25px;
text-align: center;
}
	#slideshow-nav #back-link {
	color: #b2b2b2;
	line-height: 25px;
	}
	#slideshow-nav #prev-slide,
	#slideshow-nav #next-slide {
	background: transparent no-repeat;
	display: block;
	height: 25px;
	opacity: 0.25;
	filter:alpha(opacity=25);
	text-indent: -9999px;
	width: 25px;
	}
	#slideshow-nav #prev-slide {
	background-image: url(/assets/images/interface/arrow-left.png);
	float: left;
	}
	#slideshow-nav #next-slide {
	background-image: url(/assets/images/interface/arrow-right.png);
	float: right;
	}
	#slideshow-nav #prev-slide:hover,
	#slideshow-nav #next-slide:hover {
	filter:alpha(opacity=50);
	opacity: 0.5;	
	}
	#slideshow-nav #prev-slide:active,
	#slideshow-nav #next-slide:active,
	#slideshow-nav #prev-slide.active,
	#slideshow-nav #next-slide.active {
	filter:alpha(opacity=100);
	opacity: 1;
	}

#content-slides-wrapper {
overflow: hidden;
width: 100%;
}
	#content-slides {
	height: 525px;
	padding: 0 1000px;
	width: 30000px;
	}
		#content-slides .slide {
		display: block;
		float: left;
		height: 525px;
		opacity: 0.25;
		filter:alpha(opacity=25);
		overflow: hidden;
		margin: 0 10px;
		text-align: center;
		-webkit-transition-duration: 0.3s;
		-moz-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: opacity;
		-moz-transition-property: opacity;
		transition-property: opacity;
		}
		#content-slides li.slide { list-style: none; }
		#content-slides article.slide { width: 500px; }
		#content-slides .slide.active {
		opacity: 1;
		filter:alpha(opacity=100);
		}

/* !Category content pages */
.category #content-slides .slide {
color: #818181;
font-size: 0.83em; /* 10px */
letter-spacing: 0.1em;
overflow: hidden;
/* padding: 115px 0 75px; */
}
	.category #content-slides .slide .photo { height: 465px; }
		.category #content-slides .slide .photo img { height: 450px; }
	.category #content-slides .slide .details {
	text-align: left;
	margin-left: 20px;
	}
		.category #content-slides .slide .details p {
		line-height: 1.2;
		margin-bottom: 0.5em;
		}
		.category #content-slides .slide .details .client { color: #585858; }
	.category #content-slides .slide .share {
	float: right;
	margin-top: 5px;
	width: 150px;
	}
		.category #content-slides .slide .share .button {
		float: left;
		margin-left: 10px;
		}


/* !Blog */
.blog #content-slides {
height: auto;
}
.blog #content-slides .slide {
height: auto;
/* padding: 115px 80px 75px; */
padding: 0 80px;
text-align: left;
}
.blog #content-slides .slide:last-child { padding-right: 350px; }
	.blog #content-slides .slide h1 { font-size: 2em; }


/* !About */
#about-page-content {
font-size: 2.0em;
margin: 0 auto 2em;
/* padding: 115px 0; */
width: 800px;
}
	#about-page-content h1 {
	font-size: 1em;
	font-weight: 700;
	margin-bottom: 0.5em;
	}
	#about-page-content p { margin-bottom: 1em; }











/* !Media queries for responsive design. These follow after primary styles so they will successfully override. */
/* ------------------------------------------------------------------- */

/* 1024px monitors */
@media screen and (max-width: 1000px) {

#page-footer {}
	#page-footer .container {}
	#footer-logo { width: 33.33333333%; }
	#page-footer #about { width: 66.66666666%; }
		#page-footer #about .wrapper { margin-right: 0; }
	#page-footer #connect { width: 66.66666666%; }
		#page-footer #connect .wrapper { width: 50%; }
			#page-footer #connect .title {}
			#page-footer .contact {}
		#page-footer #footer-links {}
			#page-footer #footer-links li {}
	#page-footer #copyright { width: 33.33333333%; }

#about-page-content { width: 80%; }

}




/* 800px monitors */
@media screen and (max-width: 800px) {

#thumbnails {}
	.picture-entries {}
		.picture-entries li { width: 33.333333%; }

#about-page-content { font-size: 1.5em; }

}





/* Grade-A Mobile Browsers (Opera Mobile, Mobile Safari, Android Chrome) consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-width: 480px) {

body { margin-bottom: 6em; }

#page-header { height: inherit; }
	#page-header .container { padding:  0 10px; }
	#header-logo {
	display: block;
	margin: 0 auto;
	width: 300px;
	}
		#header-logo a {
		background: url(/assets/images/interface/logo-medium.png) left center no-repeat;
		display: block;
		height: 35px;
		padding: 20px 0;
		text-indent: -9999px;
		width: 300px;
		}
	#header-nav { display: none; }

.homepage #page-main .container { padding: 0 10px; }

#thumbnails { width: 100%; }
	#thumbnails .title {
	display: block;
	width: 300px;
	}
	#thumbnails .title h3 { margin: 1em auto; }
	.picture-entries {
	float: none;
	margin: 0 auto 4em;
	width: 300px;
	}
		.picture-entries li {
		float: none;
		width: inherit;
		}
			.picture-entries a {
			padding: 0 0 1px;
			}
				.picture-entries img {}

#page-footer {}
	#page-footer .container {}
	#footer-logo { width: 100%; }
	#page-footer #about { width: 100%; }
		#page-footer #about .wrapper { margin-right: 0; }
			#page-footer #about .title { width: 30%; }
			#page-footer #about .intro { width: 70%; }
	#page-footer #connect { width: 100%; }
		#page-footer #connect .wrapper { width: 100%; }
			#page-footer #connect .title {}
			#page-footer .contact {}
		#page-footer #footer-links { width: 70%; margin-left: 30% }
			#page-footer #footer-links li {}
	#page-footer #copyright { width: 100%; }



/* !Category Slideshow pages */
#slideshow-nav {}
	#slideshow-nav #prev-slide,
	#slideshow-nav #next-slide { display: none; }

#content-slides-wrapper {
overflow: hidden;
width: 300px;
}
	#content-slides {
	height: inherit;
	padding: 0 10px;
	width: 100%;
	}
		#content-slides .slide {
		float: none;
		height: auto;
		opacity: 1;
		filter:alpha(opacity=100);
		margin: 0 0 10px;
		width: 300px;
		}
		#content-slides article.slide { width: inherit; }
			.category #content-slides .slide .photo { height: inherit; }
			#content-slides .slide img {
			max-width: 100%;
			height: auto !important;
			}


#about-page-content { font-size: 1.2em; }

}

/* !Print styles. Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ */
/* ------------------------------------------------------------------- */

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}