ÿþ@font-face {
	font-family: 'LeagueGothicRegular';
	src: url('fonts/League_Gothic-webfont.eot');
	src: local(':&'), url('fonts/League_Gothic-webfont.woff') format('woff'), url('fonts/League_Gothic-webfont.ttf') format('truetype'), url('fonts/League_Gothic-webfont.svg#webfontpm5EArBj') format('svg');
	font-weight: normal;
	font-style: normal;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }

html { font:14px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif; background:#fff; color:#555555; }
body { margin:0; padding:0; -webkit-text-size-adjust: none; }

::selection{	background: #5AA0A8; color:#fff; }
::-moz-selection{	background: #5AA0A8; color:#fff; }

/*#branding{background: #5AA0A8 url(images/knot_invert.png) 0px -100px repeat-y; width:142px; height:1061px; float: left; margin-right: 1em; }*/
h1, h2, h3, h4, h5, h6{line-height: 1.2; position:relative; }
h2, h3{font-family: 'LeagueGothicRegular', sans-serif;}
h1 { padding:1em 0 0; margin:0 0 30px; color:#5AA0A8; font-size:24px; font-family: 'Vollkorn', sans-serif;}
  h1 a{font-size:20px; font-family: sans-serif; padding-left:10px; font-weight: bold;}
h2 {color:#1D5356; font-size:28px; padding: 0; margin: 30px 0 5px; font-weight:400; text-transform: uppercase; border-bottom:4px solid #1D5356; display: inline; position: relative; top:-2px;  }
h3 {font-size:28px; margin:8px 0 5px; text-transform: uppercase; }
p {background: #fff; padding: 0 0 0em; font-size:15px; font-weight: 400; }
a { color:#8C3659; text-decoration:underline; }
a:hover { color:#1D5356; }
ul{list-style-position: inside; padding:0 0 0 10px;}
	li{}
		li dd, dt label{font-size:14px;}
img{max-width:100%;}


#wrapper { background:#ffffff; overflow:hidden; padding:0 20px 100px; margin:0 auto; max-width:902px; }
#footer{color:#fff; background:#5aa0a8; text-align: center; padding:40px; font-size:40px; font-family:'LeagueGothicRegular', sans-serif; text-transform: uppercase; text-shadow: -1px -1px 0 #1d5356; border-top:2px solid #1D5356;}
  #footer a{border-bottom:2px solid #8C3659; text-decoration: none;}
    #footer a:hover{border-bottom:2px solid #1D5356;}
.column{ margin-top: 40px; width:450px; float: left;}
  .column h2{display: block; border: none;}

.work{padding:0; margin:0; position: relative; list-style: none;}
  .work li:first-child, .work li.first{border-top:2px solid #1D5356;}
  .work li:last-child, .work li.last{border-bottom:none; margin-bottom:60px;}
	.work li {padding:40px 0 40px; margin:0 0 0 0; line-height: 1.2; border-bottom: 3px solid #B2D6D8; overflow: hidden; border-top:2px solid #1D5356; position: relative; list-style-type: none; list-style-position: outside;}
			.work li .image{ margin-bottom:20px; overflow: hidden; position: relative;  display: block; }
			.video li .image{padding-top:0; background: none;}
				.work .image img{margin:0; padding:0; display: block; border:1px solid #aeaeae;}
				.work li .image.right{margin:0 auto; padding:0; background: none; }
				.work li .image.float{display:none;}
				  .work li .image.float img{border:none;}
        .work li .left{float:left; margin:0 9px 0 0; padding:0; background: none;}
        .work li .second{margin: 0 0 0 9px;}
        .work li .description{float:left;}
        .visit{display: block; margin-top:5px;}
		.work li .title{display: block; text-decoration: none;}

		
input, textarea{display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; padding:4px; -webkit-border-radius:4px; -moz-border-radius:4px; border:1px solid #cdcdcd; width:300px;}
	input:focus, textarea:focus{border:1px solid #5AA0A8; }
textarea{height:200px; }
input.submit{width:auto; background:#5AA0A8; border:none; cursor: pointer; color:#fff; font-size:14px; text-transform: capitalize; margin-top:5px; padding:8px 12px;}
	input.submit:active{position: relative; top:2px; }
	
@media (min-width:500px){
  .work li .image.right{max-width:50%; float:right; margin:0 0 0 20px;}
  h1{font-size:36px; margin-bottom:60px;}
}

@media (min-width:922px){
  .work li .image{ padding-top:34px; background:url(images/chrome.jpg) top center no-repeat; -moz-background-size: contain; -webkit-background-size: contain; -o-background-size: contain; background-size: contain; }
  .work li .print-work{background:none; padding-top:0;}
  h1{font-size:54px;}
  .work li .image.float{position:absolute; top:160px; right:20px; background:none; display: block;}
}