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:24px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif; background:#fff; color:#333333; }
body { margin:0; padding:0; }

/*#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; font-weight:600;}
h1 { padding:1em 0 0; margin:0 0 .8em; color:#5AA0A8; font-size:2.2em; }
h2 {color:#5AA0A8; font-size:1.4em; padding: 0; margin: 1em 0 .3em; font-weight:400; }
p {background: #fff; padding: 0 0 0em; font-size:1em; font-weight: 400; }
a { color:#8C3659; text-decoration:underline; }
a:visited { color:#cdcdcd; text-decoration:line-through; }
a:hover { color:#F13C00; }
ul{list-style-position: outside; padding:0 0 0 1em;}
	li{}
		li dd, dt label{font-size: 0.6em;}

#wrapper { background:#ffffff; overflow:hidden; padding:0 0 100px 0px; margin:0 auto; max-width:32em; }
#wrapper .column{width:45%; padding-right:5%; float: left;}
	//.column li:hover{background: #f0f0f0;}

ul.work{padding:0; margin:0; position: relative; left:-.2em;}
	ul.work li {display: inline-block; border:1px solid #ffffff; padding:.2em; margin:0 0 1em 0; -webkit-border-radius:4px; -moz-border-radius:4px; vertical-align: top; width:48%;}
	ul.work li.featured{width:98%;}
		ul.work li.featured dt .image{ height:552px;}
			ul.work li.featured dt .image img {margin-left:-377px;}
		ul.work li:hover{background:#ffffff;}
		ul.work li dt{line-height: 1.2;}
			ul.work li dt .image{width:100%; height: 215px; margin-bottom:.2em; overflow: hidden; position: relative; border:1px solid #dddddd; display: block; }
				ul.work .image img{position: absolute; left:50%; top:0; margin-left: -185px;}
		ul.work li .title{margin:.4em 0 0;}
		ul.work li dd{margin:0 0 0 0;}
#timeline{overflow-x: scroll; overflow-y: hidden; height:200px; background: #5AA0A8;}
#timeline>ul{list-style-type: none; width:9000px; }
#timeline>ul>li{display: inline; float: left; position: relative; width:100px;}
#timeline dt{-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); }
#timeline dd{font-size:0.5em; background: #fff;}
	#timeline dd ul{}
		#timeline dd ul li{}
		
input, textarea{display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:1.2em; padding:4px; -webkit-border-radius:4px; -moz-border-radius:4px; border:1px solid #cdcdcd;}
	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:0.6em; text-transform: capitalize; margin-top:.5em; padding:0.5em;}
	input.submit:active{position: relative; top:2px; }