/* Page-wide */
@font-face {
	font-family: 'VilcsakBallpark';
	src: url('http://tools.vilcsak.com/fonts/ballpark/ballpark_weiner-webfont.eot');
	src: local('☺'), url('http://tools.vilcsak.com/fonts/ballpark/ballpark_weiner-webfont.woff') format('woff'), url('http://tools.vilcsak.com/fonts/ballpark/ballpark_weiner-webfont.ttf') format('truetype'), url('http://tools.vilcsak.com/fonts/ballpark/ballpark_weiner-webfont.svg#webfontpducsBcZ') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'VilcsakTungsten';
	src: url('http://tools.vilcsak.com/fonts/tungsten/Tungsten-Semibold.eot');
	src: local('☺'), url('http://tools.vilcsak.com/fonts/tungsten/Tungsten-Semibold.woff') format('woff'), url('http://tools.vilcsak.com/fonts/tungsten/Tungsten-Semibold.ttf') format('truetype'), url('http://tools.vilcsak.com/fonts/tungsten/Tungsten-Semibold.svg#webfontpduasdacsBcZ') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'VilcsakBaskerville';
	src: url('http://tools.vilcsak.com/fonts/baskerville/Baskerville-Italic.eot');
	src: local('☺'), url('http://tools.vilcsak.com/fonts/baskerville/Baskerville-Italic.woff') format('woff'), url('http://tools.vilcsak.com/fonts/baskerville/Baskerville-Italic.ttf') format('truetype'), url('http://tools.vilcsak.com/fonts/baskerville/Baskerville-Italic.svg#webfontsdpduasdacsBcZ') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'VilcsakPFAgoraSlabPro';
	src: url('http://tools.vilcsak.com/fonts/pfagoraslabpro/PFAgoraSlabPro-Regular.eot');
	src: local('☺'), url('http://tools.vilcsak.com/fonts/pfagoraslabpro/PFAgoraSlabPro-Regular.woff') format('woff'), url('http://tools.vilcsak.com/fonts/pfagoraslabpro/PFAgoraSlabPro-Regular.ttf') format('truetype'), url('http://tools.vilcsak.com/fonts/pfagoraslabpro/PFAgoraSlabPro-Regular.svg#webfontpduasdsdacsBcZ') format('svg');
	font-weight: normal;
	font-style: normal;
}

div.line {
	padding-top:10px;
	border-bottom:1px solid black;
	height:1px;
	margin-bottom:10px;
}
#header {
	position:relative;
	height:430px;
	color:black;
}
#header #text1 {
	position:absolute;
	top:0px;
	width:100%;
}
#header #text1 div.line {
	width:41%;
}
#header #text1 div.left, #header #text1 div.center, #header #text1 div.right  {
	float:left;
}
#header #text1 div.center {
	width:18%;
	height:32px;
	font-family:VilcsakBallpark;
	text-align:center;
	font-size:31px;
}
#header #text2 {
	position:absolute;
	top:0px;
	font-family:VilcsakTungsten;
	font-weight:600;
	height:300px;
	font-size:237px;
	width:100%;
	text-transform: uppercase;
}
#header #text3 {
	position:absolute;
	top:218px;
	font-family:VilcsakTungsten;
	font-weight:600;
	font-size:111px;
	text-transform: uppercase;
	height:160px;
}
#header #text3 i {
	font-family: VilcsakBaskerville;
	font-weight: normal;
	font-style: normal;
}
#header #text4 {
	position:absolute;
	top:335px;
	font-family:VilcsakPFAgoraSlabPro;
	font-size:46px;
	text-transform: uppercase;
	height:80px;
}
#header #text5 {
	position:absolute;
	top:385px;
	height:25px;
	width:100%;
}
#sites {
	text-align:center;
}
#sites img {
	margin:0px 30px;
	border:0px black solid;
	display: inline;
}
#sites {
	margin-top:40px;
	margin-bottom:40px;
}
#footer {
	height:100px;
}
html{
	overflow: -moz-scrollbars-vertical;
}
body {
	background-color:rgb(237,198,168);
	background-image: -webkit-gradient(
	    linear,
	    left 85,
	    right top,
	    color-stop(0, rgb(234,238,201)),
	    color-stop(1, rgb(237,198,168))
	);
	background-image: -moz-linear-gradient(
	    left 85,
	    rgb(234,238,201) 0%,
	    rgb(237,198,168) 100%
	);

	font-family: "Helvetica Neue", Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #444;
}

/* Elements */
.clear {
	clear:both;
	float:none;
}
.nomargin {
	margin:0;
}
ul,ol {
	list-style:none
}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {
	margin:0;
	padding:0;
}
fieldset {
	border:0;
}
a {
	color: #000;
	outline: none;
}
a:hover {
	text-decoration: underline;
}
a.active {
	font-weight: bold;
	font-size: 12px;
}
:link,:visited {
	text-decoration:none;
}
img {
	border:none;
	display:block;
}
input, textarea {
	font-size: 12px;
	color: #444;
}
input {
	border: 1px solid #e0e0e0; padding: 5px;
}
h1, h2 {
	color: #000;
	font-weight:bold;
	padding-bottom:10px;
	outline: none;
}
h1 {
	font-family: Georgia;
	font-style: italic;
	font-size: 48px;
	margin-bottom:30px;
}
h2 {
	font-size: 27px;
	font-family:VilcsakTungsten;
	text-transform: uppercase;
}
p {
	padding-bottom: 10px;
}
dl {
	margin: 10px;
}
ol {
	margin: 10px;
}

/* Page container */
#container {
	margin: 0 auto;
	width: 960px;
	padding-left: 20px;
}

/* Header */
#header {
	margin: 40px 0 30px 0;
	width: 940px;
}

/* Content */
#content ul#item-overview a img{cursor: pointer; }
#content li.project {float: left; width: 220px; margin-bottom: 40px; padding-right: 20px; height:300px;}
#content li.project h2 { padding: 20px 0 10px 0; color: #000;}
#content li.project p {width: 220px; line-height: 1.6em; padding-bottom: 5px; position:relative;}
#content li.project p a {font-weight: bold;}
#content li.project span {font-family: Georgia; font-weight: bold; font-style: italic; color: #fff; font-size: 20px; padding-left: 20px;}
#content li.project img.haze {position: absolute; top:0px; left:0px; z-index: 100;}

#content #item-overview a img{ cursor: pointer; }
#content .project {float: left; width: 220px; margin-bottom: 40px; padding-right: 20px;}
#content .project h2 { padding: 20px 0 10px 0; color: #000;}
#content .project p {width: 220px; line-height: 1.6em; padding-bottom: 5px;}
#content .project p a {font-weight: bold;}
#content .project span {font-family: Georgia; font-weight: bold; font-style: italic; color: #fff; font-size: 20px; padding-left: 20px;}

#content .project .back-service1 {background-color: #dfd5b5; width: 220px; height: 162px; margin-bottom: 7px;}

#content .project p.service1 {height: 162px; padding-bottom: 3px; border-bottom: 4px solid #101010;}
#content .project a.beige {background-color: #101010; display: block; width: 220px; height: 162px; text-decoration: none;}

#content .project-images {float: right; margin-bottom: 19px; width: 720px;}
#content .project-images img {padding-bottom: 25px;}

#content .line {float: left; border-bottom: 1px solid #e0e0e0; width: 940px; height: 5px;}