/* -- misc -- */
	
div.video {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden; }

div.video iframe,  
div.video object,  
div.video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%; }

.divider { margin-bottom: 20px !important; }

.divider .third.col.max { border-top: 1px solid black; width: 34.33333%; }
.divider .twoThirds.col.max { border-top: 6px solid black; width: 65.6666%; }

.scrollTop { 
	float: right;
	font-size: 14px;
	font-weight: bold;
	margin-top: 20px; }
	
.readMore { font-weight: bold; /* font-size:14px; */}

.divide { border-top: 6px solid #000; }

.pushRight { position: relative; top: -10px; }

.pushRight li {
	float: right;
	clear: both;
	width: 150px;
	font-size: 14px;
	font-weight: bold;
	color: #808285;
	padding: 10px 0;
	text-align: left;
	border-bottom: 1px solid #808285; }

.pushRight li.strong {
	font-size: 14px;
	color: black;
	border-color: black; }
	

.twitterFeed
{
   color: #221F20;
    font-size: 14px;
    line-height: 19px;
}	

.home .flexslider
{
margin: 0;
padding: 0;
}

	
/* img styles */	
	
img { max-width: 100%; }

.img.right { float: right;  margin: 0 0 30px 30px; }

.img.left { float: left;  margin: 10px 10px 10px 0; }

.justinDauer { text-align: center; }
.justinDauer img { margin: -56px 0 -45px 20px; display: block; position: relative; z-index: 1; image-rendering: -webkit-optimize-contrast; image-rendering: -moz-crisp-edges; image-rendering:-o-crisp-edges; -ms-interpolation-mode: nearest-neighbor;
/* filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url(desaturate.svg#greyscale); filter: gray; -webkit-filter: grayscale(1); */
}
/* .justinDauer img:hover 
{

-webkit-filter: grayscale(0);
-webkit-filter: grayscale(0); -moz-filter: grayscale(0);
-ms-filter: grayscale(0); -o-filter: grayscale(0);
filter: none; filter: grayscale(0);
}
*/
.crisp { image-rendering: -webkit-optimize-contrast; image-rendering: -moz-crisp-edges; image-rendering:-o-crisp-edges; -ms-interpolation-mode: nearest-neighbor; margin-top:10px;}

img.border
{
border:1px solid #ccc;	
}


/* -- lists -- */

/* -- header -- */
body > header { 
	background: #008FC7; 
	padding: 15px 0;
	border-bottom: 1px solid #a8d8ec; }

header nav[role="navigation"] { margin: 0 1.5%; }

header nav[role="navigation"] > div { 
	width: 150px; 
	margin-right: 24px;
	margin-top: 20px;
	float: left; }

header nav[role="navigation"] > div h3  {
	color: #000;
	display: block; 
	padding-bottom: 8px; 
	border-bottom: 6px solid black; }

header nav[role="navigation"] > div h3 a:hover {
	text-decoration: none;
}

header nav[role="navigation"] > div ul { margin: 0; padding: 0; }

/* header nav[role="navigation"] > div ul li { 
	display: block;
	margin: 3px 0; } */

header nav[role="navigation"] > div ul li { 
	display: block;
	margin: 7px 0; }	
		
header nav[role="navigation"] > div ul li a { 
	color: #fff;
	font: bold 16px helvetica; }

header nav[role="navigation"] > div ul li a:hover { color: #000; text-decoration: none; }

header nav[role="navigation"] > div.logoHolder { 
	float: right;
	width: 150px;
	height: 150px;
	margin:0;
	position: relative; }

div.logoHolder img { 
	position: absolute;
	top: 0;
	left: 0; }

.logoFull { 
	opacity:0;
	filter:alpha(opacity=0); }

.logoFull:hover {
	opacity: 1;
	filter:alpha(opacity=100); }

/* -- header[role="banner"] -- */

header[role="banner"].full.col { 
	position: relative;
	margin-top: 35px; }
	
header[role="banner"].full.col h1 { letter-spacing: -1.5px; }
header[role="banner"].full.col h1.home { letter-spacing: -3px; margin-left:-5px;}
header[role="banner"].full.col h2 { letter-spacing: -1.5px; }
header[role="banner"].full p.pageDescription { letter-spacing: -.2px; line-height: 32px;}

header[role="banner"].tweak.full.col { margin-top: 95px; }

header[role="banner"] .pageDescription { 
	width: 66.66666%;
	margin: 0 0 15px 34.33333%;
	font: bold 25px/31px helvetica;
	color: #808285; }

header[role="banner"] hgroup {
	position: absolute;
	top: -51px;
	left: 0; }
	
header[role="banner"] hgroup h1,
header[role="banner"] hgroup h2 { 
	font-size: 42px;
	color: #808285;
	margin: 0;
	line-height: 40px; }	

header[role="banner"] hgroup h2 { color: #221f20; }

/* -- content -- */

section.showcases.extended { margin: 10px 1.5%; clear: both; }
section.showcases.extended img { width: 100%; margin-bottom: 30px; /* image-rendering: -webkit-optimize-contrast; image-rendering: -moz-crisp-edges; image-rendering:-o-crisp-edges; -ms-interpolation-mode: nearest-neighbor; */}

div[data-role="showcase"] { height: 360px; }
div[data-role="showcase"] img, section[data-role="list-item"] img.col { margin-bottom: 25px; display: block; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url(desaturate.svg#greyscale); filter: gray; -webkit-filter: grayscale(1); }
div[data-role="showcase"] img:hover, section[data-role="list-item"] img.col:hover 
{ -webkit-filter: grayscale(0);
-webkit-filter: grayscale(0); -moz-filter: grayscale(0);
-ms-filter: grayscale(0); -o-filter: grayscale(0);
filter: none; filter: grayscale(0); }
div[data-role="showcase"] h3,
div[data-role="showcase"] h4 { margin: 0; margin-bottom: 5px; }
div[data-role="showcase"] h4 { margin-bottom: 25px; font-weight:normal;}
h4 span.grey {color:#808285;}
h1.promo {font:bold 25px helvetica;}
p.homefolio {margin-top:34px;}

section[data-role="list-item"] { text-align: left; margin-bottom: 70px; }
section[data-role="list-item"] img.col { /* width: 48%; */ margin-right: 6%; margin-left: 0;}
section[data-role="list-item"] article { width: 46%; float: left; margin-top:10px; }
section[data-role="list-item"] h1 { border-bottom: 1px solid #000; padding-bottom: 10px; }

section.content article img { margin: 21px 0; }

p.home_intro
{
margin-bottom: 40px;
}

p.quote
{

	margin:0 50px 15px;
	font-style: oblique;
}

/* -- footer -- */
.right { float: right !important; }

/* -- plugins -- */

/* -- animations -- */

a, .logoFull {
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	transition-duration: 0.5s; }

 div[data-role="showcase"] img, section[data-role="list-item"] img.col
 { 
 	-webkit-transition: 0.5s linear;
    -moz-transition: 0.5s linear;
	-o-transition: 0.5s linear;
	-ms-transition: 0.5s linear;
	transition: 0.5s linear;
   /* -webkit-backface-visibility: hidden; */ }

/* -- responsive & gridsystem -- */

html { overflow-y: scroll; }
body { position: relative; width: 100%; overflow: hidden; }

.col {
	position: relative;
	float: left;
	margin: 10px 1.5%; }

.col.full { width: 97%; }
.col.half { width: 47%; }
.col.third { width: 30.33333%; }
.col.third.deviceHidden p {font-size:14px; line-height: 23px;}
.col.twoThirds { width: 63.66666%; }
.col.quarter { width: 22%; }
.col.threeQuarters { width: 72%; }
.col.quinary { width: 17%; }
.col.twoQuinaries { width: 37%; }
.col.threeQuinaries { width: 57%; }
.col.fourQuinaries { width: 77%; }

.col.max { margin: 0; }
.col.max.full { width: 100%; }
.col.max.half { width: 50%; }
.col.max.third { width: 33.33333%; }
.col.max.twoThirds { width: 66.66666%; }
.col.max.quarter { width: 25%; }
.col.max.threeQuarters { width: 75%; }
.col.max.quinary { width: 20%; }
.col.max.twoQuinaries { width: 40%; }
.col.max.threeQuinaries { width: 60%; }
.col.max.fourQuinaries { width: 80%; }

.col.center {
	margin: 10px auto; 
	clear: both; 
	float: none;
}


.col .spacing { /* padding: 20px 0 40px; */ padding:20px 0; }
.col .twitterFeed {padding-top:40px;}
.col.twoThirds .spacing { padding-right: 0; }
.col .spacing.pushRight { /* padding: 20px 0 40px; */ padding:20px 0; text-align: right; }
.col.twoThirds .spacing ul {
	color: #221F20;
    font-size: 16px;
    line-height: 22px;
    padding: 0 0 0 30px;
}
.col.twoThirds .spacing ol {
	color: #221F20;
    font-size: 14px;
    line-height: 19px;
    padding: 0 0 0 30px;
}

.deviceVisible,
.closeNav { display: none; }

.closeNav { position: absolute; bottom: 0px; right: 0px; }

.wrapper {
	width: 1040px;
	margin: 0 auto;
	position: relative; }

@media only screen and (max-width: 1024px){
	.wrapper {
		width: 1024px;
		margin: 0 auto;
		position: relative; }
		section[data-role="list-item"] article { width: 45%; float: left; margin-top:10px; }
}

@media only screen and (max-width: 800px){
	.wrapper { width: 800px; }
	section[data-role="list-item"] article { width: 95%; float: left; margin-top:10px; }
}

@media only screen and (max-width: 768px){
	.wrapper { width: 768px; }
	section[data-role="list-item"] article { width: 95%; float: left; margin-top:10px; }
}

/* mobile portrait */
@media only screen and (max-width: 710px){
	.wrapper {
		width: 100%;
		max-width: 1040px; }
		
	.deviceVisible { display: block; }
	.deviceHidden { display: none; }
	.scrollTop { float: left;}
	.col .spacing {	padding: 20px 25px 0px 0; }
	a.navigation, a.closeNav { color:#fff; font-weight: bold; font-size: 12px;  }
	a.navigation:hover, a.closeNav:hover { color: #000; text-decoration: none; }
	.twitterFeed { margin-top: 20px;}
	header[role="banner"] .pageDescription, .divider .twoThirds { display: none; }
	header[role="banner"].tweak.full.col { margin-top: 80px; margin-bottom: 50px; }
	.divider .third.col.max { border-top: 6px solid black; width: 100%;}
	div[data-role="showcase"] {height: auto;}
	div[data-role="showcase"] img { width: 100%; }
	
	h1,h2 { letter-spacing:-1px !important;  font-size:36px !important;}
	
	header[role="banner"] .pageDescription.deviceVisible { display: block; width: 100%;position: relative; top: 100px; padding-top: 20px; border-top: 6px solid black; margin: 0;}
	article .img.right { width: 100%; clear: both; margin-bottom: 20px;}
	img.mobFull.mobMax { margin-bottom: 20px;}
	
	section[data-role="list-item"] article {width: 100%;}
	
	body > header { padding:30px 0; }
	
	header nav[role="navigation"] > div {
		width: 150px;
		margin-right: 24px;
		margin-top: 20px;
		float: left;
		clear: both;
		display: none; }
	
	header nav[role="navigation"] > div.logoHolder {
		width: 50px; 
		height: 50px; 
		position: absolute; 
		top: -15px; 
		right: 0; 
		display: block; }
	 
	.col { margin: 10px 3%; }
	header nav[role="navigation"] { margin: 0 3%; }
	.col.full,
	.col.mobFull { width: 94%; }
	.col.mobHalf { width: 47%; }
	.col.mobThird { width: 30.33333%; }
	.col.mobTwoThirds { width: 63.66666%; }
	.col.mobQuarter { width: 22%; }
	.col.mobThreeQuarters { width: 72%; }
	.col.mobQuinary { width: 17%; }
	.col.mobTwoQuinaries { width: 37%; }
	.col.mobThreeQuinaries { width: 57%; }
	.col.mobFourQuinaries { width: 77%; }
	
	.col.mobMax { margin: 0; }
	.col.mobMax.mobFull { width: 100%; }
	.col.mobMax.mobHalf { width: 50%; }
	.col.mobMax.mobThirds { width: 33.33333%; }
	.col.mobMax.mobTwoThirds { width: 66.66666%; }
	.col.mobMax.mobQuarter { width: 25%; }
	.col.mobMax.mobThreeQuarters { width: 75%; }
	.col.mobMax.mobQuinary { width: 20%; }
	.col.mobMax.mobTwoQuinaries { width: 40%; }
	.col.mobMax.mobThreeQuinaries { width: 60%; }
	.col.mobMax.mobFourQuinaries { width: 80%; }
	
	.col.mobCenter { 
		margin: 10px auto; 
		clear: both; 
		float: none; }
		
	.col.mobCenterReset {
		position: relative;
		float: left;
		margin: 10px 1.5%;
		padding: 0 1.5%; }
		
	hgroup.col.max.third {width:100%;}	
	
	.col .spacing {padding:0; margin:0;}
	
	.scrollTop { margin-top:0; margin-bottom:5px;}
		
	header[role="banner"].full.col h1.home { font-size: 50px !important; line-height:50px; margin-left:0px !important;}	
	
	.scrollTop {
  margin-left:-2px;
}
	
	.twitterFeed h3 { 	font-size: 36px;
	letter-spacing:-1px !important;
	margin-top: 20px;
	line-height: 40px;  }
	
	div[data-role="showcase"] img, section[data-role="list-item"] img.col { filter:none; -webkit-filter:none; -moz-filter:none; -ms-filter:none; -o-filter:none; }
}