/* html5reset.org/ */
html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,
cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,
footer,header,hgroup,menu,nav,section,time,mark,audio,video{border:0;outline:0;font-size:100%;
vertical-align:baseline;background:transparent;margin:0;padding:0;}article,aside,figure,
footer,header,hgroup,nav,section{display:block;}img,object,embed{max-width:100%;}
html{overflow-y:scroll;}ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,
blockquote:after,q:before,q:after{content:none;}a{font-size:100%;vertical-align:baseline;
background:transparent;color:#03f;margin:0;padding:0;}del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}table{border-collapse:collapse;
border-spacing:0;font-size:inherit;font:100%;}th{font-weight:bold;vertical-align:bottom;}
td{font-weight:normal;vertical-align:top;}hr{display:block;height:1px;border:0;
border-top:1px solid #ccc;margin:1em 0;padding:0;}input,select{vertical-align:middle;}
pre{white-space:pre-line;word-wrap:break-word;}input[type=checkbox]{vertical-align:baseline;}
select,input,textarea{font:99% sans-serif;}a:hover,a:active{outline:none;}small{font-size:85%;}
strong,th{font-weight:bold;}td,td img{vertical-align:top;}sub,sup{font-size:75%;line-height:0;
position:relative;}sup{top:-.5em;}sub{bottom:-.25em;}pre,code,kbd,samp{font-family:monospace, sans-serif;}
.clickable,label,input[type=button],input[type=submit],button{cursor:pointer;}button,input,
select,textarea{margin:0;}button{width:auto;overflow:visible;}.ie7 img{-ms-interpolation-mode:bicubic;}
.ie6 html{filter:expression(document.execCommand("BackgroundImageCache",false,true));}
.clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;overflow:hidden;}
.clearfix:after{clear:both;}.clearfix{zoom:1;}body,select,input,textarea{color:#333;}
a:hover{color:#69f;}a:link{-webkit-tap-highlight-color:rgba(100,100,100,125);}ins{background-color:#fcd700;
color:#000;text-decoration:none;}mark{background-color:#fcd700;color:#000;font-style:italic;
font-weight:bold;}input[type=radio],.ie6 input{vertical-align:text-bottom;}
::-moz-selection,::selection{background:#DD4737;color:#fff;text-shadow:none;}

/* Print styles!
-------------------------------------------------------------------------------*/
@media print {}


/* END RESET */


/* Sitewide
-------------------------------------------------------------------------------*/
@font-face {
    font-family: 'ChunkFiveRegular';
    src: url('../fonts/Chunkfive-webfont.eot');
    src: url('../fonts/Chunkfive-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Chunkfive-webfont.woff') format('woff'),
         url('../fonts/Chunkfive-webfont.ttf') format('truetype'),
         url('../fonts/Chunkfive-webfont.svg#ChunkFiveRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html {	
	overflow-y: scroll;	
	font-size:100%; /* Default Font Size - 16px */

}

body {	
	font-size:0.875em; /* 14/16 - Base Font Size */
	font-family: 'Lato', sans-serif;
	color:#393532;
	/*background-color: #d2ebde;*/
}

#site-wrap {
	background-color: #fff;	
	overflow-x: hidden;
}


img {
	max-width:100%;
}
a {
	text-decoration: none;
	color:#393532;
}

p {
	margin-bottom: 0.4em;
}
.spaced{
	line-height:170%;
}

.page-project #project-info p.spaced{padding-bottom: 20px;}

#content-main {
	padding: 40px 0;
}

.page-home #content-main {
	padding-top: 0px;
}

.content-wrap {
	max-width:960px;
	margin:0 auto;
}

.hidden, .skip {
	display:none;
}

small {
	/*display: block;*/
	font-size:0.8571428571428571em; /* 12/14 */
	margin-top: 27px;
}

input:hover{ cursor: pointer; }

/* HEADER STYLES */

#header
{
	/*position: relative;*/
	/*width: 100%;*/
	height: 98px;
	/*position: relative;*/
}

#header .content-wrap {
	position:relative;
	height:inherit;
	z-index:1;
}

#logo{
	/*position:relative;*/
	/*left:0;*/
	/*bottom:0;*/
	/*width:159px;*/
	/*height:41px;*/
	overflow: hidden;
	padding-top: 58px;
	z-index: 1;
	width: 180px;
}
#logo a {
	width:159px;
	height:41px;
	display:block;
}
#logo img {
	max-width:none;
}

#nav ul {
	list-style: none;
	-webkit-font-smoothing: antialiased;
}


#nav-trigger {
	display: none;
	position:absolute;
    bottom: 0;
    right: 0;
    width:41px;
    height:41px;
    background-image:url('../images/nav-trigger-mob.png');
    z-index: 400;
}

/* FOOTER */

.footerLeft{
	float: left;
}

#footer .image{float: right;}

#footer{
	padding: 0px;
	margin: 0px;
}

.footer-wrapper{}
#footer{position: relative;}
#footer .image img{display:block;}
#footer h3 { font-weight: bold;}
/*#footer .image{position: absolute;bottom: 0;right:0;}*/
#footer ul{
	margin: 10px 0px 10px 0px;
	line-height: 165%;
}

#footer .logo{
	margin: 0px 0px 10px 0px;
	display: block;
	clear: both;
}

.networkColumn{
	margin-right: 70px;
	margin-bottom: 40px;
	clear: left;
}

/*.networkColumn, .addressColumn{
	margin-bottom: 40px;
}*/

#footer a { 
	font-weight: bold; 
	font-style: italic;
}



.terms{
	clear:both;
	/*padding-top: 20px;*/
	color:#6E6660;
	width: auto;
	text-align: left;
}

.terms a{
	font-weight: bold; 
	font-style: italic;
	color:#6E6660;
}

@media only screen and (max-width: 480px){
	.terms{;
		width: 240px;
	}
}

/* 
 * SITEWIDE MEDIA QUERIES 
 */

/* MAINTAIN PADDING ON SUB-960 SCREEN*/
@media only screen and (max-width: 1000px){
	#header .content-wrap, body #nav .content-wrap, body #introBanner .content-wrap, body #footer .content-wrap{
		width:auto;
		margin:0 20px;
	}

}

/* INTERMEDIARY SCREENS */


/*@media only screen and (min-width: 640px) and (max-width: 960px){
	body #footer .content-wrap {
		width:480px;
		margin:0 auto;
	}
}*/
@media only screen and (max-width: 960px){
	#footer .image{display:none;}
}

/* NON MOBILE */
#footer{
	padding-top: 14px;
	width: 100%;
	/*height: 304px;*/
	background-color:#cfeade;
	clear:both;
}

#footer .content-wrap { 
	width: 940px;
	margin:0 auto;
	padding-top: 50px;
}

#footer .content-wrap > * {
	float:left;
}

#footer .logo{float:left}



@media only screen and (min-width: 640px){
	
	#nav {
			width:100%;
			position: absolute;
			top:0;
			right:0;
			z-index:10;
	}

	#nav ul{
	    float: right;
	    margin-right:26px;
	    z-index:10;
	}

	#nav li {
		position: relative;
		/*display:block;*/
		float:left;
		width: 82px;
		height: 80px;
		/*text-align: center;*/
		margin-top: 5px;
		text-transform: lowercase;
	}

	#nav li a:hover, #nav li a.current {
	    color: #666;
	}


	#nav li a {
		position: absolute;
		display:block;
	    color: #888;
	    font-size: 16px;
	    text-align: center;
	    text-decoration: none;
	    width:100%;
	    bottom:0;
	}

	#nav .selected a{color: #666;}

	#nav .selected {
		border-top: #DD4737 solid 5px;
		margin-top: 0;
	}
	
}

/* FULL WIDTH AND GREATER */
@media only screen and (min-width: 960px){
	#nav li {
		margin-left: 2px;
	}
}

/* ONLY MOBILE */
@media only screen and (max-width: 640px){
	#header #nav ul {
		display: none;
	}
	#logo{
		width:41px;
		padding-top: 28px;
	}
	#nav-trigger {
		display: block;
	}
	body #footer {
		background: none;
		height: auto;
		padding: 0 20px 20px 20px;
		text-align: center;
	}
	.addressColumn,.networkColumn ul, .networkColumn h3,#footer .logo {
		display: none;
	}
	body #nav .content-wrap {
		margin:0;
	}

	#footer .content-wrap{
		padding-top: 40px;
	}
/*position: absolute;
display: block;
color: #888;
font-size: 16px;
text-align: center;
text-decoration: none;
width: 100%;
bottom: 0;*/


	#nav ul li {
		display: block;
		width:100%;
		background-color: #393532;
		font-size:1.7142857142857142em;
		border-bottom: 1px dashed #868383;
		font-weight: 200;
	}
	#nav ul li:last-child {
		border-bottom: none;
	}
	#nav ul li a {
		display: block;
		padding: 20px;
		color: #fff;
		font-weight: 300;
	}
}

/* CAROUSEL STYLES */
/*background: url(your-spinner.gif) no-repeat center center;*/
/*.loading {height: 550px; background-color: white;}*/

#content-main .flexslider {
	margin-top: -98px;
	min-height: 98px;/* If carousel not loaded match header height + padding */
}

/*.lte-ie7 #content-main .flexslider{
	margin-top: 0px;
}*/

.flex-direction-nav .flex-next.white {
	background-image:url('../images/carousel/rightArrow-white.png');
}
.flex-direction-nav .flex-prev.white {
	background-image:url('../images/carousel/leftArrow-white.png');
}

#content-main .flexslider > .slides > li:first-child {
	display: block; /* Force first slide to display before js runs */
}

.headlineContainer{
	position: relative;
	margin:auto;
	overflow: hidden;
}

.headlinesText h2{
	font-family: 'ChunkFiveRegular';
	font-weight: normal;
	font-size: 4.285714285714286em; /* 60/14 */
	margin-bottom: 0;
}

.headlinesText summary{
	padding-top: 1em;
	line-height: 180%;
}

a.linkButton span {
background: transparent url('../images/buttnbg_left.png') no-repeat 0 0;
display: block;
line-height: 44px;
padding-left: 15px;
padding-right: 10px;
color: #fff;
}
a.linkButton {
position: absolute;
bottom: 8%;
right: 10px;
background: transparent url('../images/buttnbg_right.png') no-repeat top right;
height: 44px;
padding-right: 9px;
font-weight: bold;
float: right;
}

a.linkButton:hover span {
/* background-position: 0 -34px; color: #fff; */
}

a.linkButton:hover {
/* background-position: right -34px; */
}

@media only screen and (min-width: 640px) and (max-width: 1168px) {
	a.linkButton{
		right:116px;
		bottom:1%
	}
}

@media only screen and (max-width: 640px) {
	a.linkButton{
		display:none;
	}
}

/* FULL WIDTH PLUS BUTTONS - BUTTONS AVOID COPY */
@media only screen and (min-width: 640px) and (max-width: 1168px) { /* 960 (site width) + 104 (Button width) * 2 = 1168px */
    #content-main .flex-next, #content-main  .flex-prev {
    	top:auto;
    	bottom: 0;
    }

}

/* FULL WIDTH AND GREATER */
@media only screen and (min-width: 960px){
	.headlineContainer,.headlineImage{
		width: 960px;
		/*height: 550px;*/
	}
}

@media only screen and (min-width: 768px) and (max-width: 960px){
	#content-main .headlinesText h2 {
		font-size: 3.5714285714285716em; /* 50/14 */
	}
}
@media only screen and (min-width: 640px) and (max-width: 768px){
	#content-main .headlinesText h2 {
		margin-top: 10%;
		font-size: 2.857142857142857em; /* 40/14 */
	}
	#content-main .headlinesText summary{
		display:none;
	}
}
/* FULL WIDTH PLUS 20px - MAINTAIN PADDING ON SMALL SCREENS */
@media only screen and (max-width: 1000px){
	#content-main .headlinesText{
		margin:0 20px;
	}
}
/* INTERMEDIARY SCREENS */
@media only screen and (min-width: 640px) and (max-width: 960px){
	.headlineContainer{
		width: 100%;
	}
	
	#content-main  .headlinesText{
		top: 24%;
	}
}



/* INTRO STYLES */
#introBanner
{
	width: 100%;
	margin-bottom:36px;
	background-color: #393532;
	padding:62px 0;
	font-size: 2.142857142857143em; /* 30/14 */
	text-align: center;
	font-weight:200;
	color: #fff;
}

#introBanner .content-wrap > *{
	width:69.8%; /* 670/960 */
	display: block;
	margin:0 auto;
	font-weight: 200;
}

.introBanner h1
{
	text-align: center;
	font-size: 300%;
	max-width:690px;
	width:90%;
	
	margin:auto;
	color: white;
	font-weight: 100;
	line-height: 130%;
}

/* ONLY MOBILE */
@media only screen and (max-width: 640px){
	#content-main .headlinesText{
		/*float: left;*/
		text-align: center;
		padding:20px 0;
		background-color: white;
		margin-left: 0;
		margin-right: 0;
	}
	.headlinesText summary {
		display: none;
	}
	.flex-control-nav {
		display: none;
	}
	#content-main .flexslider img {
		/*float:left;*/
		max-width: none;
		width:150%;
	}
	#content-main #introBanner .content-wrap > *{
		width:auto; /* 670/960 */
		/*margin: 0 20px;*/
	}
	#content-main #introBanner {
		padding:30px 0;
	}

}

@media only screen and (max-width: 480px){
	.headlinesText h2 {
		font-size: 2.857142857142857em;
	}
	#content-main #introBanner {
		font-size:1.7142857142857142em;
	}
}

/* NON MOBILE */
@media only screen and (min-width: 640px){
	.headlinesText{
		position: absolute;
		top: 138px; /* 164/536 */;
		right: 0;
		width: 42.2%;/*406/960*/
		/*height: auto;*/
	}
	
}

/* DASHED LINE */
.dashedLine{ 
	background-image:url('../images/dashed-line.png');
	background-repeat:repeat-x;
	background-position:center;
	text-align:center;
	margin-bottom: 34px;
}
.dashedLine h2 {
	display: inline;
	background-color: white;
	position: relative; 
	color:#747474;
	text-transform: uppercase;
	font-size: 0.8571428571428571em;
	font-weight:normal;
	letter-spacing: 0.3em;
	font-family: 'ChunkFiveRegular';
	padding:0 20px;
	-webkit-font-smoothing: antialiased !important;
}


/* RECENT WORK */
.recentWorkWrapper {
	margin-bottom: 20px;
}

.recentWorkWrapper .project{
	float: left;
   	cursor: pointer;
}

.recentWorkWrapper .projectImage{
	margin-bottom: 8px;
}
.recentWorkWrapper .project {
	margin-bottom: 20px;
}
.recentWorkWrapper .project .inner {
	margin-left: 10px;
	margin-right: 10px;
}
.recentWorkWrapper .project hgroup {
	text-align: center;
}
.recentWorkWrapper .project h3, .blogItem h3{
	font-size: 1.12em;  /*18/14*/ 
	padding-bottom: 8px;
	font-weight: normal;
}

.recentWorkWrapper .project h4, .blogItem h4{
	font-size: 0.8em; /* 12/14 */
	margin-top: 0;
	color:#DD4737;
	font-weight: normal;

}

.project .inner h4{
	color: #393532;
	font-size: 100%;
	font-weight: normal;
}

@media only screen and (min-width: 768px) {
	.recentWorkWrapper .project {
		width:25%;
	}
}

@media only screen and (max-width: 768px){
	.recentWorkWrapper .project {
		width:50%;
	}
	.recentWorkWrapper .projects {
		max-width:620px;
		margin:0px auto;
	}
}

@media only screen and (max-width: 320px){
	.recentWorkWrapper .project {
		width:100%;
		text-align: center;
	}

}


/* BLOG AND TWITTER*/


.blogPreviewWrapper{
	width:475px;
	float: left;
}

.blogPreviewWrapper .blogItems{
	padding:0 10px;
}
.blogPreviewWrapper .blogItem{
	margin-bottom:25px;
	cursor: pointer;
}
.blogPreviewWrapper .blogImage{
	width: 110px;
	height: 46px;
	float: left;
	margin-right: 10px;
}

.blogItems li hgroup {
	margin-left: 120px;
}

.twitterWrapper{
	margin-right: 5px;
	/*width:470px;*/
	height:inherit;
	float: right;
	position: relative;
}

.twitterWrapper .inner {
	position: relative;
	width:452px;
	float:right;
	padding-top:20px;
}

#tweetList{
	position: absolute;
	right: 15px;
	top: 33px;
	width: 260px;
	height: 235px;
}

#tweetList li{padding: 15px 25px 0px 25px;font-weight: 400;color:#393532;line-height: 140%;}
#tweetList a{color:#DD4737;}


@media only screen and (max-width: 960px){
	.blogPreviewWrapper {
		width:100%;
		margin-bottom: 40px;
	}

	.blogItems {
		margin: 0 auto;
		padding: 0 10px;
	}

	.blogItems li {
		float:left;
		width:50%;
	}

	.blogItems li .inner {
		padding-right: 10px;
	}

	#content-main .twitterWrapper {
		width:100%;
	}

	#content-main .twitterWrapper .inner {
		width:452px;
		margin: 0 auto;
		float:none;
	}
}
@media only screen and (max-width: 768px){
	.blogItems {
		max-width:620px;
	}
}

@media only screen and (max-width: 480px){
	.blogItems li {
		width:100%;
	}
	.twitterWrapper {
		display: none;
	}
}



/* -------------------------------- BLOG ------------------------------ */
/* -------------------------------------------------------------------- */
#projects-banner,#blog-banner,#contact-banner{
	width: 68%;
	margin-bottom: 40px;
	font-size: 2.2em;
	font-weight: 300;
	color: #393532;
}

.date{
	color:#ffffff;
	text-align: center;
	text-transform: uppercase;
}
.day{font-size: 2.7em;font-weight: 600;}
.month{font-size: 1.2em;line-height: 0px}

/* -------- BLOG-CONSOLE ----------*/

.blog-console{
	margin-top: 24px;
	float: left;
	width: 21%;
	margin-left: 20px;
	color:#666666;
}
.page-post .blog-console{margin-top: 80px;}
#left-column{}
#right-column{}
.blog-console span{font-size: 0.88em;font-weight: 400;}
.blog-console p{margin-bottom: 16px;color: #7F7F7F;clear: both;}
.blog-console .text-field-container .submit{float: right;padding-top: 5px;padding-right: 5px;}
.blog-console .success-message{display: none;color:#DD4737;}
.share-button.facebook{background-image: url('../images/facebook-icon.png');}
.share-button.twitter{background-image: url('../images/twitter-icon.png');}
.rss-feed{width: 29%;float: left;}
#rss{float: left;}
#rss{background-image: url('../images/rss-icon.png');}
.text-field{border:none;background:none;height:22px;width:80%;color: #7F7F7F;padding-left: 5px;}
.text-field-container{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #AEDBC7;
	margin-bottom: 16px;
}

a.roundedButton span {
background: transparent url('../images/tag-background-left.png') no-repeat 0 0;
display: block;
line-height: 23px;
padding-left: 10px;
color: #666666;
}

a.roundedButton {
background: transparent url('../images/tag-background-right.png') no-repeat top right;
display: block;
float: left;
height: 23px;
padding-right: 12px;
text-decoration: none;
margin-right: 4px;
margin-bottom: 5px;
}
#most-read-container,#tags-container,#archive-container{margin: 0px 0px 17px 0px;padding:17px 0px 0px 0px;}
#most-read-container ol{font-weight: 600;line-height: 23px;font-size: .85em;padding-left:17px;}
#most-read-container ol li{margin-bottom: 6px;}
#most-read-container a{	color:#666666;font-weight:400;text-decoration: underline;}
#archive-container ul{font-weight: 600;line-height: 23px;font-size: .85em;}
#archive-container ul li{
	margin-bottom: 6px;margin-bottom: 6px;
	font-size: 1.1em;
	font-weight: 400;
}
#archive-container a{	color:#666666;font-weight:400;text-decoration: underline;}
#archive-container .blog-links{line-height: 191%;}
#archive-container .blog-links li{padding-left: 8px;}
#expList ul, #expList li {
    list-style: none;
    margin:0;
    padding:0;
    cursor: pointer;
}
#expList p {
    margin:0;
    display:block;
}
#expList p:hover {
    background-color:#121212;
}
#expList li {
    text-indent:0px;
    background-position: 1px 8px;
    padding-left: 15px;
    background-repeat: no-repeat;
}
 
/* Collapsed state for list element */
#expList .collapsed {
    background-image: url('../images/Arrow_Right.png');
}
/* Expanded state for list element
/* NOTE: This class must be located UNDER the collapsed one */
#expList .expanded {
    background-image: url('../images/Arrow_Down.png');
}

/* Pagination
================================================*/
ul.pagination {
    margin: 0;
    float: left;
    margin-top: 30px;
    margin-bottom: 40px;
}

ul.pagination li {
    list-style-type: none;
    font-size: 1.2em;
    display: inline;
}

ul.pagination li a {
    display: block;
    float: left;
    padding: 5px 12px;
    margin-right: 9px;
    color: #ffffff;
}

ul.pagination li span {
    float: left; 
    margin-right: 4px;
}

ul.pagination li a.page {
    background-color: #aedbc7;
    color: #ffffff;
    font-weight: 300;
}

ul.pagination li a.page:hover {
    text-decoration: none;
    color: #fff;
}

ul.pagination li.selected a.page {
    background-color: #DD4737;
    color: #fff;
}

ul.pagination li.disabled a {
    color: #ddd;
    cursor: default;
}

ul.pagination li.ellipsis{
	float: left;
padding: 13px 6px;
margin-right: 9px;
color: gray;
}

@media only screen and (min-width: 320px) and (max-width: 480px)
{
	ul.pagination li{font-size:1.0em;}
	ul.pagination li a{margin-right: 6px;}
}

/* BLOG POSTS PAGE */

/*@media only screen and (max-width: 1000px){
	.page-blog .content-wrap, .page-post .content-wrap, .page-tag .content-wrap{
		width:auto;
		margin:0 20px;
	}
}*/

.blog-preview{
	margin-bottom: 20px;
	-moz-box-shadow: 10px 10px 5px rgba(136, 136, 136, 0.65);
	-webkit-box-shadow: 0px 10px 5px rgba(136, 136, 136, 0.65);
	box-shadow: 2px 1px 15px -3px rgba(136, 136, 136, 0.65);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	position:relative;
}
.blog-preview-image{float: left;width: 64%;}
.blog-preview-image img {
	display: block;
	-moz-border-radius: 4px 0px 0px 4px;
	-webkit-border-radius: 4px 0px 0px 4px;
}
.blog-preview-meta{float: right;width: 31%;padding: 2%;padding-top: 3%;}

.blog-preview .date{
	position:absolute;
	left:-5px;
	top:8%;
	width:74px;
	height:74px;
}
.blog-preview .date img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:auto;
	z-index: 1;
}
.blog-preview .date-container {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index: 2;
}

.blog-preview h1{font-size: 1.3em;margin-bottom: 3%;font-weight: 600;}
.blog-preview .author{font-style: italic;font-size: 0.8em;color: #7F7F7F;}
.blog-preview .author a{color: #7F7F7F;}
.blog-preview p{margin-top:10%;color: #7F7F7F;}
.blog-preview .share-buttons{position: absolute;bottom: 10px;width:31%;}
.blog-preview .read-more{color: #DD4737;float: left;}
.share-button{width:20px;height:20px;float: right;margin-left: 10px;cursor: pointer;}
.blog-preview .blog-body {line-height: 176%;display: inline;}
.blog-preview .blog-body img{display:none;}
.blog-entries{
	float: left;
	width:75%;
}
.page-post .blog-entries{margin-top:80px;}

@media only screen and (max-width: 640px){
	#header{height:66px;}
	#blog-banner,#projects-banner,#contact-banner{font-size: 1.9em;margin-bottom: 30px;}
		.spaced{line-height:150%;}
}

/* Smartphones (portrait and landscape) ----------- */
/*@media only screen and (max-width: 640px){*/
@media only screen and (min-width: 320px) and (max-width: 480px){
	.blog-preview .blog-preview-image{width: 46%;}
	.blog-preview .blog-preview-meta{width:50%;}
	.blog-preview h1{font-size: 1.0em;}
	.blog-preview .blog-body{display: none;}
	.blog-preview .author{display:none;}
	.blog-preview .share-buttons{display:none;}
	.blog-preview .date{width:50px;height:50px;}
	.blog-preview .day{font-size:1.7em;}
	.blog-preview .month{font-size: 1.0em;}
	.blog-preview .date-container{line-height: 14px;padding-top: 9px;}
	#blog-banner,#projects-banner,#contact-banner{font-size: 1.5em;margin-bottom: 30px;}
	.spaced{line-height:130%;}
	/*#content-main{padding-top: 30px;}*/
}


@media only screen and (min-width : 320px) and (max-width : 850px) {
	.blog-preview .blog-body{line-height: 136%;font-size:0.9em;}
	.blog-preview p{margin-top:4%;}	
}
@media only screen and (min-width : 320px) and (max-width : 800px) {
	.blog-entries{width:100%;margin-bottom: 50px;}
	#blog-banner,#projects-banner,#contact-banner{width:auto;}
	.blog-console{width:100%;margin-left: 0px;}
	.blog-preview .blog-body{line-height: 176%;font-size:0.9em;}
	.blog-preview p{margin-top:10%;}	
	#left-column{float: left;width:48%;}
	#right-column{float: right;width:48%;}
}

@media only screen and (max-width: 480px){
	.blog-entries{margin-bottom: 50px;}
	#left-column{float: none;width:100%;}
	#right-column{float: none;width:100%;}
}

@media only screen  and (max-width : 640px){
	.blog-preview .blog-preview-image{width:52%;}
	.blog-preview .blog-preview-meta{width:43%;}
	.blog-preview .blog-body{display: none;}
	.blog-preview .author{display:none;}
	.blog-preview .share-buttons{display:none;}
}

@media only screen and (min-width:400px) and (max-width:640px){
	.blog-preview .author{display:inline;}
	.blog-preview .share-buttons{display:block;width: 42%;}
}

.rounded-corners{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: #fff;
	padding: 0px;
}
.date-container .rounded-corners{width:60px;height:70px;background-color: #DD4737;}

.blogSideGroup{
	margin-bottom: 40px;
}

.blogSideGroup p{
	padding: 4px 6px 4px 6px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: #ededee;
	display: inline;
}

/* --------------------------- INDIVIDUAL BLOG ENTRY -------------------- */
/* ---------------------------------------------------------------------- */

.blog-entry .date-container{float:left;}
.blog-entry .title-author-container{
	float: left;
	margin-left: 2.5%;
	margin-top: -8px;
	width: 80%;
}
.blog-entry h1 {font-size: 2.1em;font-weight: 600;line-height: 152%;margin-bottom: 3%;}
.blog-entry .author{color:#909090;font-style: italic;font-size: 0.86em;float: left;}
.blog-entry .blog-body{margin-top:20px;}
.blog-entry .blog-body p{margin-left: 80px;}

.blog-entry blockquote{
	float: left;
	font-weight: 300;
	font-size: 1.9em;
	width: 50%;
	font-style: italic;
}
.blog-body blockquote p{padding-right: 20px;}
.blog-entry iframe{
	float: left;
	padding-right: 20px;
	clear: both;
}
.blog-entry .img-wrapper{float: left; padding-right:20px;padding-top:20px;margin-left:-80px;}
.blog-entry .video-container{margin-bottom: 20px;}
.blog-entry .blog-body a:link{text-decoration: underline;}

@media only screen and (max-width: 640px){
	.blog-entry .blog-body p{margin-left: 0px;}
	.blog-entry .img-wrapper{margin-left: 0px;text-align: center;float: none;padding-right:0;}
	.blog-entry blockquote{font-size:1.75em;}
	.page-post .blog-entries,.page-post .blog-console{margin-top: 0;}
}
@media only screen and (min-width: 320px) and (max-width: 480px){
	.blog-entry blockquote{
		font-size: 1.7em;
		float: none;
		width: 90%;
		margin-left: 5%;
		text-align: justify;
	}
	.blog-body blockquote p {
		padding-right: 20px;
	}
	.date-container .rounded-corners {
		width: 42px;
		height: 52px;
	}
	.day{font-size: 1.7em;}
	.month{font-size: 1.1em;
		line-height: 16px;
		display: block;
	}
	.blog-entry .title-author-container{
		margin-left: 3.5%;
		margin-top: -4px;
	}
	.blog-entry h1{font-size: 1.5em;line-height: 128%;margin-bottom: 6%;}
	.blog-entry .img-wrapper{padding-top: 0;}
}

/* TAGS */
.tags{clear:both;float: left;margin-left:60px;margin-top:-6px;}
.tags a{color: #909090;}
.tags, .tags > li {
	display: inline;
	font-size:0.85em;
}
.tags > li a:after {
	content: ',';
}
.tags > li a:before {
	content: '#';
}

.page-post .share-buttons{
	float:left;
}
.page-post .share-button.twitter,.page-post .share-button.facebook{margin-right:10px;margin-left: 0px;}



/* WORK */


/*.work {
	background-image:url('../images/dashed-line.png');
	background-repeat:repeat-x;
	background-position:top;
	padding-top: 50px;
}*/
.work .project{
	float: left;
	width: 33%;
	margin: 0px ;
/* 	margin: 0 0.52%; */
	position:relative;
}

.workLine{
	width: 100%;
	background-image:url('../images/dashed-line.png');
	background-repeat:repeat-x;
	background-position:bottom;
}

.work #doubleWidth{
	width: 66.666%;
}

.work .overlay{ 
	/*border-top-color: red;
	border-top-width: medium;
	border-top-style: inset;*/
    background:#000000;
    opacity:0.80;
    width:100%; 
    height:0px; 
    position:absolute;
	bottom:0;
	visibility: hidden;
}

.work .overlay h1 {color:white;padding:10px;}

.work .inner{
	margin:0% 1.9%;
	position: relative;
}

.work img {display: block;}

@media only screen and (max-width: 768px){
	.work .project {		width:48%;		}
	.work  #doubleWidth{	width: 100%;}
}

@media only screen and (max-width: 320px){
	.work .project{			width:100%;		}
	.work .project img{		width:100%;		}
	.work #doubleWidth{		width: 100%;	}
}

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}


.clients{margin-top:40px;}
.clients .clientsTwoRows{display: none;}
@media only screen and (max-width: 768px){
	/*.page-project .content-wrap{
		width:auto;
		margin:0 20px;
	}*/
	.clients .clientsTwoRows{
		display: block;
		text-align: center;
	}
	.clients .clientsOneRow{
		display: none;
	}
}

/* PROJECT */

#project-info .sprite {display:inline-block; overflow:hidden; background-repeat: no-repeat;background-image:url(../images/project-nav-sprites.png);}
.nextProject {width:20px; height:20px; background-position: -172px -2px}
.nextProjectDead {width:20px; height:20px; background-position: -150px -2px}
.nextProjectOver, .nextProject:hover {width:20px; height:20px; background-position: -128px -2px}
.previousProject {width:20px; height:20px; background-position: -106px -2px}
.previousProjectDead {width:20px; height:20px; background-position: -84px -2px}
.previousProjectOver, .previousProject:hover {width:20px; height:20px; background-position: -62px -2px}
.showAllProjects {width:28px; height:20px; background-position: -32px -2px}
.showAllProjectsOver, .showAllProjects:hover {width:28px; height:20px; background-position: -2px -2px}



.page-project #content-main{margin-top: 22px;}
.page-project .subtitle{
	font-size: 1.7em;
	padding-top: 20px;
	margin-bottom:15px;
	font-weight: 300;
	font-style: italic;
}

#project-info{
	width: 27%;
	float: left;
	margin-left: 1%;
}


#project-media{
	width: 67%;
	float: left;
	margin-right: 1%;
	margin-left: 4%;
}
.project-media-item{margin-bottom: 20px;}
.project-media-item-video{margin-bottom: 20px;}
#project-video{
	width:100%;
}
video{width:100% !important;height:auto !important;}

#project-info .bold{font-weight: bold;}
#project-info nav > *{margin-right: 10px;}
#project-info h1{font-size:3.0em;margin-top:20px;font-family: 'ChunkFiveRegular';font-weight: normal;}
#project-info a{text-decoration: underline;}
#project-info .client-skills{margin-top: 35px;}

#related-projects{clear:both;padding-top: 50px;}

.speechBubbleTags li span{padding: 3px;}
.speechBubble{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;/* future proofing */
	background-color:#aedbc7;
	padding: 10px;
	max-width: 280px;
	margin-left:30px;
	display: inline-block;
	margin-top: 40px;
}
.speechBubbleTags{}
.speechBubbleTags li{float:left;}
.tagman{background: url('../images/projectPage/tagman.png') top left no-repeat;width:50px;height:50px;margin-top: -8px;}
#showAll{float: right;margin-bottom: -6px;}
#showAll a{font-size: 0.5em;color: #666;font-weight: 300;text-decoration: underline;}
#message{font-size: 0.9em;}

@media only screen and (max-width: 768px)
{
	#project-info,#project-media, .project-image{
		width: 100%;
	}
	
	#project-info nav{float:right;margin-top: 15px;}
	#project-info h1{margin-top:0px;}
	#project-media{
		margin: 20px auto 0 auto;
	}
	
}

@media only screen and (max-width: 320px)
{
	#project-info nav{float:none;margin-top: 0px;}
	#project-info h1{margin-top:20px;}
}

/*-----------------    CONTACT PAGE ---------------------*/

.contact-wrapper{margin: 0px 0px 57px;}
.addressContainer{
	position: relative;
	float:left;width:27%;}
.map-wrapper{width:73%;float: left;position: relative;	visibility: hidden;}
.mapContainer{
	width:87%;
	height:363px;
	padding: 0px 15px 2px 15px;
	float:left;
	background-image: url('../images/map-shadow.png');
	background-position: bottom;
	background-repeat: no-repeat;
	margin-left: -15px;
}
.little-guy{
	margin: 130px 0px 0px -70px;
/*	float: right;
	position: absolute;
	right: 0;
	bottom: 53px;
	z-index: 100;
	width: 13%;*/
}
#map_canvas{
	margin-left: auto;
	margin-right: auto;
	width:100%;
	height:100%;
}
#map_canvas img{max-width:none}
.address-wrapper{
	margin: 30px 40px 0px 40px;
	text-align: left;
	/*z-index: 99999999999999;*/
}
.address-wrapper-bg{
	position: absolute;
	top: -30px;
	right:-30px;
	margin-left: 75px;
	height: 219px;
	width: 233px;
	background-image: url('../images/addressBg.png');
	background-repeat: no-repeat;
	/*z-index: -1;*/
}

@media only screen and (max-width: 980px){
	.address-wrapper-bg{
		background-image: none;
	}
	.little-guy{
		display: none;
	}
	.mapContainer{
		background-image: none;
	}
}

@media only screen and (max-width: 640px){
	.address-wrapper-bg, .address-wrapper, .addressContainer{
		position: relative;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		top: 0px;
		left: 0px;
		height: auto;
	}
}

.address{line-height: 1.7em;}
.tele-mail{margin-top: 28px;line-height: 179%;}
.tele-mail .email a{color:#dd4737;}

@media only screen and (max-width: 640px){
	.map-wrapper{
		width: 100%;
		margin: 0px;
	}
	.address-wrapper{text-align: left;}
	.addressContainer{
		
		width:100%;
		text-align:left;

	}
	.address{margin-top:28px;float: left;}
	.tele-mail{clear:both;margin-top: 28px;float: left;}
}

/*------------------    ABOUT US PAGE -   -=====================*/

.AdashedLine{
	padding-bottom: 20px;
	background-image:url('../images/dashed-line.png');
	background-repeat:repeat-x;
	background-position:bottom;
	text-align:center;
}

.AboutUs, .OurPhilosophy, .OurApproach, .Performance{
	text-align: left;
}

.Performance{
	padding-bottom: 40px;
}*/

.page-about h1,.page-about h5,.page-about h4,.page-about h3,.page-about h2{font-weight:normal;}
.page-about #content-main{background-color: #dd4737;margin-top:54px;}
.page-about .AboutUs{position:relative;}
.page-about h1,.page-about h5{font-family: 'ChunkFiveRegular';color: white;}
.page-about .WhatsNext h4{font-family: 'ChunkFiveRegular';}
.page-about h4{font-size:1.39em;margin-bottom: 8px;color: white;font-weight: 300;}
.page-about h1{font-size: 4.3em;
font-weight: 200;
line-height: 116%;}
.page-about .text{width:46%;padding-top: 74px;}
.text{clear: both;}
.text.left{float:left;}
.text.right{float:right;margin-right: 0px;}
.AboutUs .image{
	margin-top: 44px;
	width: 54%;
	margin-left: -29px;
	float: left;
}
.page-about .OurPhilosophy{position:relative;}
.OurPhilosophy .image{
	float: left;
	margin-left: -20px;
	margin-top: 50px;
	width: 54%;
}
.OurApproach .image{
	float: right;
	width: 65%;
	margin-right: -11%;
	margin-top: 26px;
}
.page-about p{
	color: white;
	-webkit-font-smoothing: antialiased !important;
	/*font-weight: 200;
	font-size: 1.1em;
	line-height: 155%;*/
	margin-top: 27px;
}
.Performance .image{
	float: left;
	width: 58%;
	margin-left: -56px;
}



.WhatsNext{position: relative;margin-top: 66px;}
.WhatsNext h4{color: #953025;font-size: 1.59em;}
.WhatsNext h1{font-size:2.5em;}
.WhatsNext .right-text
{
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	padding-left: 4%;
	padding-right: 4%;
	padding-top: 6%;
	padding-bottom: 6%;
	line-height: 2.9em;
}

.WhatsNext .left-text
{
	position: absolute;
	top: 19%;
	left: 0;
	width: 42%;
	text-align: center;
}
.WhatsNext span{color:#fff;}

.Skills
{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: #a53529;
	margin-top: 113px;
	margin-bottom: 154px;
	color:#fff;
}
.ninja{margin-top: -93px;}
.skills-content
{
	width: 71%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 52px;
	-webkit-font-smoothing: antialiased;
}
.skills-block{float:left;width: 45%;margin-right: 10px;}
#backend{clear:both;}
#right-list{}
#left-list{float: left;width: 50%;}
.Skills h5{margin-bottom: 24px;}
.Skills p{margin-bottom: 48px;}
.Skills ul{margin-bottom: 50px;}
/*.Skills li{font-weight: 200;}*/

@media only screen and (max-width: 900px){
	.page-about h1{font-size: 3.3em;}
	.page-about .WhatsNext h1{font-size:1.8em;}
	.page-about .WhatsNext h4{font-size:1.39em;}
	.WhatsNext .right-text{
		padding-top: 8%;
		padding-bottom: 8%;
		line-height: 1.8em;
	}
}

@media only screen and (max-width: 700px){
	.page-about .WhatsNext h4{font-size:1.2em;}
	.WhatsNext .right-text{
		padding-top: 6%;
		padding-bottom: 6%;
		line-height: 1.8em;
	}
}

@media only screen and (max-width: 640px){
	.page-about .image{width:100%;float:none;margin:auto;}
	.page-about .text{width:100%;margin: auto;float:none;}
	.skills-block{width:100%;}
	.dashedBox{display: none;}
	.WhatsNext .left-text{position:relative;width:100%;top:auto;left:auto;}
	.WhatsNext .right-text{width:100%;position:relative;}
}

@media only screen and (max-width: 1000px){
	.content-wrap{
		width:auto;
		margin:0 20px;
	}
}


.page-terms-and-conditions h1{
	font-size: 2.0em;
	margin-top: 50px;
	font-family: 'ChunkFiveRegular';
	font-weight: normal;
	margin-bottom: 40px;
}
.page-terms-and-conditions h2{
	font-size: 1.3em;
	margin-top: 20px;
}
.page-terms-and-conditions .spaced ul{
	list-style-type:disc;
	padding-left: 40px;
}

/*------------------    404 PAGE -   -=====================*/

.page-404 #content-main{background-color: #CFEADE; margin-top:20px; margin-bottom:0px; padding-bottom:0px;}

/*------------------ 	PRIVATE LOGIN FORM -------------------*/

#private-login{
	margin-top: 50px;
	margin-bottom: 50px;
	width: 260px;
	margin-left: auto;
	margin-right: auto;
	background-color: #DD4737 ;
	padding: 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#private-login label{ color: white; }
#private-login #login-input{ margin-top: 9px; margin-bottom: 18px; border: none; padding: 5px; width:95%;}
#private-login #login-submit{}
#restricted-content{font-size:1.88em;padding:8%;}

/*----------------- APP STORE LINK---------------------*/

.app-store-link {
    display:block;
    width:135px;
    height:40px;
    background:url('../images/Download_on_the_App_Store_Badge_US-UK_135x40.png') 0 0 no-repeat;
}