/*	--------------------------------------------------
	:: Links
	-------------------------------------------------- */
	a { color: #ff6000; text-decoration: none; line-height: inherit;
	-webkit-transition: background-color .2s ease-in-out, color .2s ease-in-out;
	-moz-transition: background-color .2s ease-in-out, color .2s ease-in-out;
	-o-transition: background-color .2s ease-in-out, color .2s ease-in-out;
	 }
	a:hover { color: #000; }
	a:focus { color: #000; outline: none; }
	p a, p a:visited { line-height: inherit; }
	

/*	--------------------------------------------------
	:: Lists
	-------------------------------------------------- */
	ul, ol { margin-bottom: 18px; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc, .body-copy ul.disc { margin-left: 50px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc, .body-copy ul.disc { list-style: disc outside; }
	li { margin-bottom: 0px; line-height: 1.3;}
	ul.large li { line-height: 21px; }
	
.body-copy ul {
	list-style: disc inside;
	margin-left:12px;
	
}

.body-copy ul li ul {
	margin-left:30px;
	margin-top: 10px;
	margin-bottom: 20px;
}
.body-copy ul li ul li ul {
	margin-bottom: 0px;
}
.body-copy ul li {
	line-height: 20px;
}
.body-copy strong {
	font-family: 'MuseoSans700';
}
.body-copy p.lead { font-size: 23px; font-size: 2.2rem; color:#333; line-height: 28px;  }
/* -----------------------------------------
   Shared Styles
----------------------------------------- */
@font-face {
	font-family: 'MuseoSans700';
	src: url('/fonts/Museo700-Regular.otf') format('truetype');
}
@font-face {
	font-family: 'MuseoSans';
	src: url('/fonts/MuseoSans_500.otf') format('opentype');
}
@font-face {
	font-family: 'Brandon';
	src: url('/fonts/Brandon_med.otf') format('opentype');
}
@font-face {
	font-family: 'MuseoSansRegular';
	src: url('/fonts/Museo500-Regular.otf') format('opentype');
}
@font-face {
	font-family: 'MuseoSansReg';
	src: url('/fonts/Museo300-Regular.otf') format('opentype');
}

html {font-family: "MuseoSansReg",Arial,verdana,helvetica,sans-serif; }
body {font-family: "MuseoSansReg",Arial,verdana,helvetica,sans-serif; font-size: 16px; font-weight: normal; color:#666;}
p {line-height: 1.3; font-size: 17px;}
h1 em, 
h2 em, 
h3 em, 
h4 em, 
h5 em, 
h6 em {
	color: #ff6000; 
	font-style: normal;
	font-weight: normal;
}
h1.smaller {
	font-size: 22px;
	margin-bottom: 7px;
	font-family: MuseoSans700;
}
h2 {font-family: MuseoSans; font-weight: 100;}
h3 {font-family: MuseoSansReg; font-weight: normal;}
blockquote {padding-top:0px;}
blockquote p {font-size: 80%;}

div.block {
	padding:13px;
	background: #fff;
	-moz-box-shadow: 0px 0px 12px #eee;
	-webkit-box-shadow: 0px 0px 12px #eee;
	box-shadow: 0px 0px 12px #eee;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin-bottom:20px;
}
div.gray {background: #ddd;}
div.block.last, ul.block li.last {
	margin-right:0px;
}
.dashed {border-top:1px #ddd dashed;}
h2.light {color:#444; font-size: 22px;font-family: MuseoSans700;  }
.noise {
	/* background: url(/images/css/noise.jpg) repeat; */
	background:#f1f1f1;
	border-top:1px #ddd dashed;
	border-bottom:1px #ddd dashed;
	margin-bottom:25px;
	padding-top:15px;
	padding-bottom:15px;	
}

.tools {
	background: #fff url(/images/css/shadow-top-long.png) center bottom repeat-x;
	
}
.shadow-long {background: url(/images/css/shadow-top-long.png) center bottom no-repeat}
.home-recent {
	
	background: #f4f4f4 /* url(/images/css/bg-paper.jpg) center center repeat */;
	
	/*border-top:1px #ddd dashed;
*/
	padding:20px 0px;
}
.noise.home {margin-bottom:0px; padding:25px 0px; background:none; border:0px; background: #fff;}
.shadow-top {background: url(/images/css/shadow-big.png) center top no-repeat;}
.noise h5, .noise h1 {
	font-size: 40px;
	font-family: MuseoSansRegular;
	color:#555; 
}
.noise h1 {
	color:#333;
	font-size:30px;
	text-shadow: none;
}
.noise h5 em, .noise h1 em {
	font-family: MuseoSans700;
	text-shadow: none;
	font-size: 40px;
}
.noise.blog h1 {
	color:#555;
}
.noise.blog h1 em {
	color:#000;
}
.clear {clear: both;}
.button {font-family: "MuseoSans", "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;}


.gray.button { 
	background-color: #f1f1f1;
	color:#ff6000;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.gray.button.arrow {
	background-image: url(/images/css/circle-arrow.png);
	background-position: 12px center;
	background-repeat: no-repeat;
	padding-left:45px;
}
.gray.button:hover, .blue.button:focus		{ background-color: #ddd; color:#333; 	}
/* -----------------------------------------
   Home
----------------------------------------- */
.logo-nav {
	padding:35px 0px 20px;
}
.nav ul {
	margin:0px 0 0 0px;
	padding:0px;
	float: right;
	display: block;
	font-size: 21px;
	letter-spacing: -1px;
	font-family: "MuseoSansReg",arial;
	font-weight: 100;
}
.nav ul li {
	margin-left:10px;
	display: block;
	float: left;

	text-transform: lowercase;
}
ul.phone li {
	text-transform: lowercase;
}
.nav ul li.first, .nav ul.phone li.first {
	margin-left: 0px;
}
.nav ul li a {
	color: #888;
	padding:0px 3px;
	text-transform: lowercase;
	border-bottom: 2px solid #f0f0f0;
	-webkit-transition: border-bottom .4s ease-in-out, color .2s ease-in-out;
	-moz-transition: border-bottom .4s ease-in-out, color .2s ease-in-out;
	-o-transition: border-bottom .42s ease-in-out, color .2s ease-in-out;
	font-weight: 100;
}
.nav ul li.here a, .nav ul li.parent-here a {
	border-bottom: 2px solid #ff6000;
}
.nav ul li:hover a {
	border-bottom: 2px solid #666;

}
.nav ul li.home a {
	border-bottom: 2px solid #888;
}
.leather {background: #211e1e url(/images/css/leather-7.jpg) center center repeat;}
.holla {
	color: #f5f5f5;
	font-size: 48px;
	padding:45px 0px; 
	font-weight:normal !important;

	line-height:1;
	font-family: Brandon;
}
.holla .small {
	font-size: 18px;
	font-family: MuseoSansReg;
	text-align: right;
	padding:15px 0 0 0;
	letter-spacing: normal;
}
.holla .small em, .holla em {font-style: normal; color: #fff; font-weight: 100;}
.holla strong {color: #ff6000;}
.recent {
	margin-bottom: -95px;
}
.recent h2 {

}
ul.recent-work {
	margin: 0px;
	padding: 0px;
}
ul.recent-work li a img {
	padding: 0px;
	margin: 0px;
	border: 0px;
	display: block;
	-moz-box-shadow: 0px 0px 3px #ccc;
	-webkit-box-shadow: 0px 0px 3px #ccc;
	box-shadow: 0px 0px 3px #ccc;
	margin-bottom: 14px;
}
ul.recent-work li {
	background: url(/images/css/bottom-shadow.png) center bottom no-repeat;
	
}

.foot-hold {background:#f7f7f7;}
.footer {
	padding: 25px 0 15px 0;
	font-family: Georgia;
	font-style: italic;
	color:#666;
}
.footer ul {
	margin:-4px 0 0 0px;
	padding:0px;
	float: right;
	display: block;
	font-size: 21px;
	letter-spacing: -1px;
	font-style: normal;
	font-family: Arial;
}
.footer ul li {
	margin-left:20px;
	display: block;
	float: left;
}
.footer ul li.first {
	margin-left:0px;
}
.footer ul li a {
	color: #342f2f;
}
.footer ul li.here a, .footer ul li:hover a {
	color: #fff;
}
/* -----------------------------------------
   Work
----------------------------------------- */
.folio li {
	position: relative;
	margin-top:4px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	background: #fff;
	-moz-box-shadow: 0px 0px 6px #ddd;
	-webkit-box-shadow: 0px 0px 6px #ddd;
	box-shadow: 0px 0px 6px #ddd;
}

.folio img {
	width:93%;
	margin-left: 3.5%;
	margin-top:3.5%;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: 0px 0px 7px #e3e3e3;
	-webkit-box-shadow: 0px 0px 7px #e3e3e3;
	box-shadow: 0px 0px 7px #e3e3e3;
}
.folio li:hover {
	-moz-box-shadow: 0px 0px 3px #777;
	-webkit-box-shadow: 0px 0px 3px #777;
	box-shadow: 0px 0px 3px #777;

}
.folio h3 {
	font-family: MuseoSansRegular;
	margin-left: 3.5%;
	font-size: 18px;
	margin-top:5px;
	margin-bottom: 4px;
	color:#ff6000;
}
.folio h3 a {
	color:#ff6000;
	text-decoration: none;
}
.folio p {
	margin: 0px;
	margin-left: 3.5%;
	font-family: MuseoSansReg;
	font-size: 14px;
	padding:0px 0 11px;
	color: #333;
	display: block;
	width:90%;
}
.folio .rarr {
	display: block;
	background: url(/images/css/arrow.png) no-repeat right 0;
	height: 14px;
	position: absolute;
	bottom: 15px;
	right: 15px;
	width: 16px;
}
.folio li:hover a.rarr {
	background: url(/images/css/arrow.png) no-repeat right -14px;
	
}
/* -----------------------------------------
   Work - Entry
----------------------------------------- */

ul.services-provided {
	border-top:1px #ccc dashed;
	display: block;
	margin-left:17px;

}
ul.services-provided li {
	border-bottom:1px #ccc dashed;
	padding: 5px 0px;
	margin: 0px;
	display: list-item;
	list-style-image: url(/images/css/li-circle-y.png);
	list-style-position: outside;
}
ul.work-entry-recent li img {
	background: #fff;
	padding:12px;
}
.block.big-img {padding:10px; text-align: center;}
.big-img img {
	-moz-box-shadow: 0px 0px 6px #ddd;
	-webkit-box-shadow: 0px 0px 6px #ddd;
	box-shadow: 0px 0px 6px #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
}
/* -----------------------------------------
   Contact Form	
----------------------------------------- */
form#contact-form {
	margin-left:2%;
}
form#contact-form input[type=submit] {
	border:0px;
	font-size: 18px;
}
form#contact-form input[type=text], form#contact-form input[type=email] {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border:1px #ccc solid;
	padding:6px;
	font-size: 18px;
	outline: none;
	width:95%;
}
form#contact-form input:focus {
	background: #f9f9f9;
}
form#contact-form textarea {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border:1px #ccc solid;
	padding:6px;
	font-size: 18px;
	outline: none;
	margin-top:0px;
	height:300px;
	width:95%;
}
form#contact-form label { 
	display: block; 
	line-height: 26px; 
	cursor: pointer; 
	margin-bottom: 4px; 
	font-size: 20px;
	font-family: MuseoSansRegular;
	color: #222;
}
.map {
	border:3px #ccc solid;
}
.contacts strong {
	font-weight: bold; 
	color:#ff6000;
}
.contacts a {
	color:#666;
}
.contacts a:hover {
	color: #000;
}
/* -----------------------------------------
   Blog
----------------------------------------- */

img.blog-image {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin-bottom: 15px;
	-moz-box-shadow: 0px 0px 6px #777;
	-webkit-box-shadow: 0px 0px 6px #777;
	box-shadow: 0px 0px 6px #777;
}
div.noimg-meta {
		font-size: 10px;
		font-family: Helvetica;
		text-transform: uppercase;
		color:#777;
		font-weight: bold;
		padding:0px;
		margin-bottom: 10px;
}
div.image-meta {
	position: relative;
	display: block;	
	width:100%;
}
	.meta {
		font-size: 13px;
		line-height: 22px;
		font-family: Helvetica;
		text-transform: uppercase;
		color:#fff;
		font-weight: 100;
		position: absolute;
		bottom:0px;
		left: 0px;
		background: #444;
		-webkit-border-bottom-left-radius: 6px;
		-moz-border-radius-bottomleft: 6px;
		border-bottom-left-radius: 6px;
		width:100%;
		-webkit-border-bottom-right-radius: 3px;
		-moz-border-radius-bottomright: 3px;
		border-bottom-right-radius: 3px;
	}
	.meta div {
		padding: 5px 4px 4px;
		float: left;
	}
	.twitter-share-button {
		display: block;
		margin-left: 6px;
		margin-right: 0px;
		float: left;
		padding:5px 0px 0px;
	}

ul.blog-recent {
	margin-bottom: 0px;
	font-size: 10px;
	font-family: Verdana;
	
	text-transform: uppercase;
	color:#c0c0c0;
}
ul.blog-recent li a , .blog-recent a{
	display: block;
	text-transform: none;
	font-family: "MuseoSansReg",Arial,verdana,helvetica,sans-serif;
	color: #222;
	font-size: 14px;
	clear: both;
	float: left;
	padding: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 10px;
	background: #eee;
}
ul.blog-recent li a:hover {
	color: #ff6000;
	background: #f4f4f4;
}
.blog-body {
	margin-bottom: 25px;
}
.blog-body h3 {
	font-family: MuseoSans700;
}
.blog-body blockquote {
	border:1px #ddd solid;
	background: #eee;
	padding:8px 8px 0px;
	color:#333;
	font-size: 17px;
	font-family: Verdana;
}
.blog-body blockquote p {
	margin-bottom:8px;
	padding-bottom: 0px;
	/* text-shadow: 1px 1px 5px #fff; */
}
.folio.blog h3 a {
	color:#333;
}
.folio.blog h3 a:hover, .blog li:hover h3 a {
	color:#000;
}
.reveal-modal img {
	-moz-box-shadow: 0px 0px 7px #bbb;
	-webkit-box-shadow: 0px 0px 7px #bbb;
	box-shadow: 0px 0px 7px #bbb;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
a.popup {
	color:#666;
	background: url(/images/css/pop-arrow-medium.png) right top no-repeat;
	padding-right:11px;
	border-bottom:1px #ccc dotted;
}
a.popup:hover {
	border-bottom:1px #999 dashed;
}
div.code {
	padding:5px 15px 25px 15px;
}

.block.download {
	background:#cfcfcf;
	font-family: MuseoSans700;
}
.block.download a {
	color:#666;
}
.block.download:hover a {
	color:#000;
}


	.reveal-modal.small, .reveal-modal .small  		{ width: 60%; margin-left: 20%;}
	.reveal-modal.medium, .reveal-modal .medium  		{ width: 70%; margin-left: -240px;}
	.reveal-modal.large, .reveal-modal .large 		{ width: 80%; margin-left: -340px;}
	.reveal-modal.xlarge, .reveal-modal .xlarge 		{ width: 90%; margin-left: -440px;}
	.reveal-modal.video, .reveal-modal .video 		{ width: 1000px; margin-left: -540px;
									background: transparent;
									padding:0px;
									-moz-border-radius: 0px;
									-webkit-border-radius: 0px;
									border-radius: 0px;
									-moz-box-shadow: 0 0 0px ;
									-webkit-box-shadow: 0 0 0px);
									box-shadow: 0 0 0px;								}
	.reveal-modal.video img {
	-moz-box-shadow: 0px 0px 0px #bbb;
	-webkit-box-shadow: 0px 0px 0px #bbb;
	box-shadow: 0px 0px 0px #bbb;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border:1px #000 solid;
	}
	.reveal-modal.video .close-reveal-modal {

		padding:20px;
		background: transparent;
		background:url(/images/css/close.png) center center no-repeat;
		color:#999;
		top:-17px;
		right:18px;
	}
	
	
	@media only screen and (max-width: 767px) {
		.hide-on-phones { display: none !important; }
		.hide-on-tablets { display: block !important; }
		.hide-on-desktops { display: block !important; }
		
		.logo-nav {padding-top:10px;}
		.holla {font-size: 29px;}
		.holla .small {text-align:left;}
		.show-on-phones { display: block !important; }
		.show-on-tablets { display: none !important; }
		.show-on-desktops { display: none !important; }
		.noise h5, .noise h5 em {font-size: 26px;}
		.nav ul.phone {float: left; margin-left:4%; width:90%;}
		.nav ul.phone li {margin-left: 2.5%; margin-right: 0px;}
		.nav ul.phone li.here a {background: #ff6000; color: #fff;}
		div.block {padding:6px;}
		body {font-size: 14px;}
		p {font-size: 14px;}
		.blog-body blockquote p, .blog-body blockquote {font-size: 11px; line-height: 14px;}
		ul.recent-work {margin-bottom: 25px;}
		ul.recent-work li img {margin-bottom:40px;}
		ul.recent-work li {background: none;}
		h1 { font-size: 32px; line-height: 1.3; }
		h2 { font-size: 22px;  line-height: 1.3; padding-left:2px; }
		h3 { font-size: 19px;  line-height: 1.3; }
		h4 { font-size: 17px;  line-height: 1.2; }
		h5 { font-size: 16px; line-height: 1.2; }
		h6 { font-size: 15px;  line-height: 1.2; }
	}


/*	
.shadow {
	background: url(/images/css/shadow2.png) top right no-repeat;
	position:absolute; top:-25px; 
	width:600px;
	height:12px;
	right:-290px;
}


.shadow-left {
	background: url(/images/css/shadow2.png) top left no-repeat;
	position:absolute; top:-25px; 
	width:600px;
	height:12px;
	left:-300px;
}

.shadow-top-left {
	background: url(/images/css/shadow-top2.png) top left no-repeat;
	position:absolute; top:112px; 
	width:600px;
	height:12px;
	left:-300px;
}

.shadow-top-right {
	background: url(/images/css/shadow-top2.png) top right no-repeat;
	position:absolute; top:112px; 
	width:600px;
	height:12px;
	right:-300px;
}
*/
	

	
/* ===========================================
Blog
*/	
	
.post .sidebar {
float:right;
padding: 20px 0 0;
width: 210px;
/*
position:absolute;
right:0;
top:0;
*/
letter-spacing: 0;
font-size: 11px;
}
.sidebar ul {
	list-style-type: none;
}
.sidebar ul li {
	background:url("http://static.tumblr.com/xcxngn2/cX9ld1v64/li-border.png") no-repeat scroll right bottom transparent;
font-weight:bold;
line-height:20px;
padding:5px 10px;
}
.sidebar ul li.notes a {
	background: url("http://static.tumblr.com/xcxngn2/MZtld1v83/notes.png") no-repeat 0 1px;
	padding: 1px 0 5px 22px;
}
.sidebar ul li.permalink a {
	background: url("http://static.tumblr.com/xcxngn2/D4qld1v8r/permalink.png") no-repeat 0 0;
	padding: 1px 0 5px 22px;
}
.sidebar ul li.comments a {
	background: url("http://static.tumblr.com/xcxngn2/Ojslm7i2m/comments.png") no-repeat 0 0;
	padding: 1px 0 5px 22px;
}
.sidebar ul li.tweet a {
	background: url("http://static.tumblr.com/xcxngn2/hYZlm7i52/tweet.png") no-repeat 0 0;
	padding: 1px 0 5px 22px;
}
.sidebar ul li.date {
	background: url("http://static.tumblr.com/xcxngn2/JDMld1v4b/date-bg.png") no-repeat 0 0;
	padding: 14px 0 14px 30px;
	width: 210px;
}
.sidebar ul li.date h2 {
	color: #ffffff;
	font-weight:bold;
	text-shadow: 0 1px 2px #000;
	font-size: 14px;
}
.sidebar ul li.notes {
	margin: 0;
}
.post .sidebar a {
color:#555555;
text-decoration:none;
}
.post .sidebar a:hover {
	color: #3b3b3b;
}
.post .sidebar p.notes + p {
margin:0;
}