/* Reset
-------------------------------------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;}
table{border-collapse:separate;border-spacing:0;margin-bottom:1.4em;}
caption,th,td{text-align:left;font-weight:400;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:;}
a img{border:none;}

/* Grid
-------------------------------------------------------------- */
.container {
	text-align:center;
	width:1055px;
	margin:0px auto;
	clear:both;
	display: block;
}

.column { float:left; margin-right:10px;}
.last { margin-right:0px; }

/* Typography
-------------------------------------------------------------- */
@font-face {
	font-family: 'New Yorker Regular';
	src: url('NEWYORKR.eot');
	src: local('New Yorker Regular'), local('NewYorker'), url('NEWYORKR.woff') format('woff'), url('NEWYORKR.otf') format('opentype'), url('NEWYORKR.svg#NewYorker') format('svg');
}

body { font:16px 'New Yorker Regular', serif; text-transform:uppercase; }

h2 { font-size: 24px;}

a { color: #fff; text-decoration:none; }
a:hover { text-decoration:underline; }

ul { list-style: none;}

/* Home
-------------------------------------------------------------- */
body#home { 
	background: #000 url(/img/bg_home.jpg) no-repeat center top;
	color:#fff;
	padding-top:67px;
}

body#home h1 a img { padding:0px 2px 2px; background: url(/img/logo_and_jobtitle_hover.png) no-repeat 2px 0px; }
body#home h1 a:hover img { background-position: 4px 3px;}

body#home div#contact {
	margin-top:800px!important;
	margin-bottom:40px!important;

}

/* Portfolio
-------------------------------------------------------------- */
body#portfolio { 
	background: #000 url(/img/bg_portfolio.jpg) no-repeat center top;
	color:#fff;
	height:1145;
	padding-top:67px;
	overflow-y: scroll;
}

body#portfolio .container  {
	margin:0px auto;
}

body#portfolio ul { list-style-type:none; }

body#portfolio ul li { margin-bottom: 0.2em;}
body#portfolio #art_direction ul li { margin-bottom: 0.5em;}

div#direction h2 { background: url(/img/underline_direction.png) no-repeat center bottom; padding-bottom: 3px; margin-bottom: 1px;}
div#art_direction h2 { background: url(/img/underline_artdirection.png) no-repeat center bottom; padding-bottom: 3px; margin-bottom: 1px;}
div#associates h2 { background: url(/img/underline_associates.png) no-repeat center bottom; padding-bottom: 3px; margin-bottom: 1px;}
div#resume h2 { background: url(/img/underline_resume.png) no-repeat center bottom; padding-bottom: 3px; margin-bottom: 1px;}
div#contact h2 { background: url(/img/underline_resume.png) no-repeat center bottom; padding-bottom: 3px; margin-bottom: 1px;}

div#direction { margin-right:-50px;}
div#art_direction { margin-right:-12px;}

body#portfolio div#contact{
	margin-top:960px!important;
	margin-bottom:40px!important;
}

/* Classes
-------------------------------------------------------------- */
.hide { display: none; }