/* Eric Meyer Reset */
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;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* end reset */


/**** Front-Ended Styles Start Here ****/
@font-face {
	font-family: "DINPro-Regular";
	src: url('/fonts/headings.otf') format('opentype');
}

body {
	border-top:5px solid #000;
	padding-top:40px;
	margin:0 auto;
	font-family: 'Helvetica Neue' , Helvetica, Arial, sans-serif;
	color:#8B9298;
	width:980px;
}

body#home {
	border:0;
}

a {
	color:#000;
	text-decoration: none;
	border-bottom: 1px dotted #000;
	padding:1px;
}

a:hover {
	color:#8B9298;
	border-color:#8B9298;

}

strong {
	font-weight:bold;
}
body#home {
	text-align:center;	
}

body h1 a, body#home h1 {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin: auto auto;
	text-transform: uppercase;
	color:#fff;
	padding:6px;
	display:block;
	text-indent: -9999px;
	width:168px;
	height:18px;
	border-bottom:0;
	background: #000 url("../img/hdr_front-ended_small.png") no-repeat center center;
}

body#home h1 {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius:8px;
	border-bottom:0;
	padding:10px;
	width:330px;
	height:48px;
	background: #000 url("../img/hdr_front-ended.png") no-repeat top center;
}

h2 {
	margin:10px;
	font-style: oblique;
	font-family: Georgia;
	color:#7C8B96;
	text-transform: lowercase;
	font-size:11px;
	margin-top:10px;
}

h3 {
	font-family: 'DINPro-Regular', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color:#000;
	font-size:16px;
	margin-bottom: 10px;
}

h4, label {
	font-style: oblique;
	font-family: Georgia;
	color:#7C8B96;
	font-size:12px;
	margin-bottom:5px;
}

form input, textarea {
	width:100%;
	margin-bottom:15px;
	clear:both;
}

body#home h2 {
	margin: 10px 0 0 0;
}

ul.nav.large {
	margin-top:40px;
}

ul.nav.small {
	margin-top: 20px;
}

ul.nav li {
	margin:20px 0;
}

ul.nav.small li {
	margin:10px 0;
}

ul.nav li a {
	border-bottom:0;
	padding:8px;
	padding-bottom:5px;
	text-indent: -9999px;
	display:block;
	text-decoration: none;
	text-transform:uppercase;
	color:#000;
	height:24px;
	margin:auto auto;
	background: url("../img/nav_large_sprite.png") no-repeat;
}

ul.nav.small li a {
	margin-left:0;
	padding:5px;
	height:11px;
	background: url("../img/nav_small_sprite.png") no-repeat top left;
}

ul.nav li a:hover, ul.nav li a.selected, ul.nav li a.selected:hover, div.services li  {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color:#fff;
	background-color:#8B9298;
}
ul.nav li a.selected {
	background-color:#E6E6E6;
}

/* Small */
ul.nav.small li a.projects {
	background-position:5px -107px;
	width:119px;;
}

ul.nav.small li a.information {
	background-position:5px -137px;
	width:88px;
}

ul.nav.small li a.written-word {
	width:101px;
	background-position:5px -167px;
}

ul.nav.small li a:hover.projects {
	background-position:5px -14px;
}

ul.nav.small li a:hover.information {
	background-position:5px -45px;
}

ul.nav.small li a:hover.written-word {
	background-position:5px -76px;
}


/* Large */

ul.nav li a.projects {
	background-position:center -102px;
	width:236px;
}

ul.nav li a.information {
	background-position:center -262px;
	width:177px;
}

ul.nav li a.written-word {
	width:202px;
	background-position:center -422px;
}

ul.nav li a:hover.projects {
	background-position:center -22px;
}

ul.nav li a:hover.information {
	background-position:center -182px;
}

ul.nav li a:hover.written-word {
	background-position:center -342px;
}


/*Footer Nav */

ul.nav.footer {
	margin-bottom:20px;
}
ul.nav.footer li {
	width:auto;
	margin:0;
	float:left;
	padding:0;
}
ul.nav.footer li a {
	color:#8B9298;
	font-size:10px;
	padding:0;
	margin:0 15px 0 0;
	text-align: left;
	height:auto;
	width:auto;
	text-indent: 0;
	background: none;
}
ul.nav.footer li a:hover {
	color:#000;
}

div.twitter-feed {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	width:285px;
	margin:30px auto 0 auto;
	margin-top:50px;
	background: #F9F9F9;
	padding:10px;

}

div.col-auto div.twitter-feed {
	width:auto;
	 margin:0;
}

body#home div.twitter-feed h2 {
	font-size:16px;
}

div.twitter-feed h2 {
	font-size:14px;
	line-height:20px;
}
div.twitter-feed ul {
	margin:auto auto;
	font-size:11px;
	margin-top:20px;
	line-height: 14px;
}

div.twitter-feed ul li {
	display:block;
	margin:13px 8px;
}

div.twitter-feed ul li a {
	text-decoration: none;
}

div.twitter-feed ul li span.date {
	font-style: italic;
	font-family: Georgia;
}

div.twitter-feed ul li a {
	border:0;
}


div.body {
	font-size:11px;
	line-height:18px;
}

div.entry div.body {
	font-size:12px;
	line-height:20px;
}

div.body p {
	margin-bottom:1em;
}
div.body a {
	color:#666;
	text-decoration: none;
}

/* column layouts */
div.col-a {
	float:left;
	width:175px;
}

div.col-b {
	width:745px;
	margin-left:60px;
	float:left;
}

div.col-auto {
	float:left;
	width:210px;
	margin-right:40px;
}

body#written-word div.col-auto {
	width:500px;
}

body#written-word div.col-auto.last {
	width:200px;
}

div.col-auto.last {
	margin-right:0;
}

div.project-img {
	margin-left:-22px;
	margin-top:-22px;
}

div.services li {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	font-family: 'DINPro-Regular', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color:#000;
	display:block;
	font-size:11px;	
	padding:14px 0 14px 10px;
	margin:14px 0 5px 0;
	background-color:#E6E6E6;
}

form input[type="submit"] {

}

div#footer {
	float:left;
	margin:50px 0 10px 0;
	padding:20px 0;
	width:980px;
	clear:both;
	border-top:1px solid #999;
}

body#home div#footer {
	border:0;
}

p.copyright {
	clear:both;
	font-style: oblique;
	font-size:11px;
}

div.large-image {
	position:relative;
	margin:0 -20px 20px -20px;
}

div.large-image div {
	position:absolute;
	top:0;
	left:0;
	background: url("../img/overlay-frame.png");
	height:300px;
	width:540px;
}

div.entry {
	margin-bottom:80px;
	font-size:15px;
}

div.entry img {
	margin:21px 0 0 21px;
}

div.entry h3 a {
	border:0;
}