@charset "UTF-8";
/* CSS Document */

html {
	overflow-y: scroll;
}

div,h1,h2,h3,h4,h5,h6,p,address,ul,ol,li,a,img {
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-size: 100%;
	
}

div {display:block;}

#wrapper {
	width: 948px;
	margin: 30px auto;
}


h1 {font-weight:normal; font-size:1em; color:#000;}
h2 {font-weight:normal; font-size:1em; color:#000;} 
p {font-weight:normal; }

a {text-decoration: none; color: #999;}
a:hover {color:#000;}
a:active {color:#000;}


body {
	font-family: "ArvoRegular", Courier, monospace;
	margin: 0px;
	padding: 0px;
	color:#999;
	font-size: 0.7em;
	background-color:transparent;
}

#header {
	float:left;
	height: 22px;
	width: 466px;
	padding-bottom: 6px;
	margin: 12px 0px 10px 0px;
	border-bottom: 1px solid #000;
}

#nav {
	float: left;
	height: 40px;
	width: 474px;
	margin: 0px 0px 10px 0px;
	border-bottom: 1px solid #000;
	background-color: #FFF;
}

.listMenu ul {
	width: 150px;
	float:left;
	list-style-type: none;
		margin: 0px 0px 0px 8px;

}

.listMenu li a {
	display:block;
	height:20px;
	text-decoration: none;

}

#content {
	float: left;
	width: 948px;
	height: 100%;
	background-color: #FFF
}

.workHeader {
	float: left;
	height: 30px;
	width: 100px;
	margin: 5px 0px 0px 0px;
}

.otherHeader {
	height: 10px;
	width: 100px;
	margin: 5px 0px 0px 0px;
}

.contentInfo {
	float: left;
	width: 500px;
	margin: 5px 14px 10px 0px;	
}
.contentInfoGap {
	float: left;
	width: 360px;
	margin: 30px 10px 0px 0px;	
}
.contentMenu ul {
	width: 100px;
	float:left;
	list-style-type: none;
	margin: 5px 0px 0px 0px;
}

.contentMenu li a {
	display:block;
	text-decoration: none;
}

#contentCopy {
	float: left;
	width: 500px;
	margin: 5px 10px 50px 0px;	
}

#contentCopy h2 {margin: 15px 0 5px 0;}

#contentCopy p {
	margin: 0 0 1em 0;	
}

#content img {
	float:left;
	margin: 7px 7px 0px 0px;	
}

.listWork ul {
	width: 100%;
	list-style-type: none;
}

.listWork li {
	float: left;
	width: 150px;
	height: 230px;
	overflow:hidden;
	margin: 7px 8px 0px 0px;
	background-color: #FFF;
}

a.workLink {
	display: block;
	width: 150px;
	height: 200px;
	text-decoration:none;
	background-color:#CCC;	
}
a.workLink:hover {background-color:#999;}

a.spi {
	display: block;
	width: 150px;
	height: 200px;
	text-decoration:none;
	background: url("images/buttons/spi-button.jpg");	
}
a.spi:hover {background-position: -150px 0px;}

a.sgsp {
	display: block;
	width: 150px;
	height: 200px;
	text-decoration:none;
	background: url("images/buttons/sgsp-button.jpg");	
}
a.sgsp:hover {background-position: -150px 0px;}

a.withintheframe {
	display: block;
	width: 150px;
	height: 200px;
	text-decoration:none;
	background: url("images/buttons/within-the-frame-button.jpg");	
}
a.withintheframe:hover {background-position: -150px 0px;}

a.ifthesewalls {
	display: block;
	width: 150px;
	height: 200px;
	text-decoration:none;
	background: url("images/buttons/if-these-walls-button.jpg");	
}
a.ifthesewalls:hover {background-position: -150px 0px;}

a.danline {
	display: block;
	width: 150px;
	height: 200px;
	text-decoration:none;
	background: url("images/buttons/dancing-line-button.jpg");	
}
a.danline:hover {background-position: -150px 0px;}

a.conribs {
	display: block;
	width: 150px;
	height: 200px;
	text-decoration:none;
	background: url("images/buttons/conribs_button.jpg");	
}
a.conribs:hover {background-position: -150px 0px;}

a.fold {
	display: block;
	width: 150px;
	height: 200px;
	text-decoration:none;
	background: url("images/buttons/fold_button.jpg");	
}
a.fold:hover {background-position: -150px 0px;}

a.inked {
	display: block;
	width: 150px;
	height: 200px;
	text-decoration:none;
	background: url("images/buttons/inked_button_2.jpg");	
}
a.inked:hover {background-position: -150px 0px;}

a.interplay {
	display: block;
	width: 150px;
	height: 200px;
	text-decoration:none;
	background: url("images/buttons/interplay_button.jpg");	
}
a.interplay:hover {background-position: -150px 0px;}

a.things {
	display: block;
	width: 150px;
	height: 200px;
	text-decoration:none;
	background: url("images/buttons/things_button.jpg");	
}
a.things:hover {background-position: -150px 0px;}

a.solid {
	display: block;
	width: 150px;
	height: 200px;
	text-decoration:none;
	background: url("images/buttons/solid_button.jpg");	
}
a.solid:hover {background-position: -150px 0px;}

a.wedge {
	display: block;
	width: 150px;
	height: 200px;
	text-decoration:none;
	background: url("images/buttons/redwedge_button.jpg");	
}
a.wedge:hover {background-position: -150px 0px;}

a.outside {
	display: block;
	width: 150px;
	height: 200px;
	text-decoration:none;
	background: url("images/buttons/outsidein_button.jpg");	
}
a.outside:hover {background-position: -150px 0px;}

a.clear {
	display: block;
	width: 150px;
	height: 200px;
	text-decoration:none;
	background: url("images/buttons/clearsolidedge_button.jpg");	
}
a.clear:hover {background-position: -150px 0px;}

a.paneled {
	display: block;
	width: 150px;
	height: 200px;
	text-decoration:none;
	background: url("images/buttons/paneledstructures_button.jpg");	
}
a.paneled:hover {background-position: -150px 0px;}

a.endless {
	display: block;
	width: 150px;
	height: 200px;
	text-decoration:none;
	background: url("images/buttons/endlesslengths_button.jpg");	
}
a.endless:hover {background-position: -150px 0px;}

a.concealed {
	display: block;
	width: 150px;
	height: 200px;
	text-decoration:none;
	background: url("images/buttons/concealedcorners_button.jpg");	
}
a.concealed:hover {background-position: -150px 0px;}

a.within {
	display: block;
	width: 150px;
	height: 200px;
	text-decoration:none;
	background: url("images/buttons/within_button.jpg");	
}
a.within:hover {background-position: -150px 0px;}

a.trans {
	display: block;
	width: 150px;
	height: 200px;
	text-decoration:none;
	background: url("images/buttons/trans_button.jpg");	
}
a.trans:hover {background-position: -150px 0px;}

a.interform {
	display: block;
	width: 150px;
	height: 200px;
	text-decoration:none;
	background: url("images/buttons/interform_button.jpg");	
}
a.interform:hover {background-position: -150px 0px;}

a.interrupt {
	display: block;
	width: 150px;
	height: 200px;
	text-decoration:none;
	background: url("images/buttons/interrupt_button.jpg");	
}
a.interrupt:hover {background-position: -150px 0px;}

a.intclelines {
	display: block;
	width: 150px;
	height: 200px;
	text-decoration:none;
	background: url("images/buttons/intclelines_button.jpg");	
}
a.intclelines:hover {background-position: -150px 0px;}

a.openfloor {
	display: block;
	width: 150px;
	height: 200px;
	text-decoration:none;
	background: url("images/buttons/openfloor_button.jpg");	
}
a.openfloor:hover {background-position: -150px 0px;}

a.nhnt {
	display: block;
	width: 150px;
	height: 200px;
	text-decoration:none;
	background: url("images/buttons/nhnt_button.jpg");	
}
a.nhnt:hover {background-position: -150px 0px;}

a.blockimprint {
	display: block;
	width: 150px;
	height: 200px;
	text-decoration:none;
	background: url("images/buttons/blockimprint_button.jpg");	
}
a.blockimprint:hover {background-position: -150px 0px;}

a.steelcontact {
	display: block;
	width: 150px;
	height: 200px;
	text-decoration:none;
	background: url("images/buttons/steelcontact_button.jpg");	
}
a.steelcontact:hover {background-position: -150px 0px;}

a.immovableparts {
	display: block;
	width: 150px;
	height: 200px;
	text-decoration:none;
	background: url("images/buttons/immovableparts_button.jpg");	
}
a.immovableparts:hover {background-position: -150px 0px;}

a.blackblue {
	display: block;
	width: 150px;
	height: 200px;
	text-decoration:none;
	background: url("images/buttons/blackblue_button.jpg");	
}
a.blackblue:hover {background-position: -150px 0px;}

a.lineshaveedges {
	display: block;
	width: 150px;
	height: 200px;
	text-decoration:none;
	background: url("images/buttons/lineshaveedges_button.jpg");	
}
a.lineshaveedges:hover {background-position: -150px 0px;}

a.breadthlesslines {
	display: block;
	width: 150px;
	height: 200px;
	text-decoration:none;
	background: url("images/buttons/breadthlesslines_button.jpg");	
}
a.breadthlesslines:hover {background-position: -150px 0px;}

a.slab {
	display: block;
	width: 150px;
	height: 200px;
	text-decoration:none;
	background: url("images/buttons/slab_button.jpg");	
}
a.slab:hover {background-position: -150px 0px;}

a.structuralpourii {
	display: block;
	width: 150px;
	height: 200px;
	text-decoration:none;
	background: url("images/buttons/structuralpourii_button.jpg");	
}
a.structuralpourii:hover {background-position: -150px 0px;}


a.cutline {
	display: block;
	width: 150px;
	height: 200px;
	text-decoration:none;
	background: url("images/buttons/cutline_button.jpg");	
}
a.cutline:hover {background-position: -150px 0px;}

a.linesandpours {
	display: block;
	width: 150px;
	height: 200px;
	text-decoration:none;
	background: url("images/buttons/linesandpours_button.jpg");	
}
a.linesandpours:hover {background-position: -150px 0px;}

a.angformref {
	display: block;
	width: 150px;
	height: 200px;
	text-decoration:none;
	background: url("images/buttons/angformref_button.jpg");	
}
a.angformref:hover {background-position: -150px 0px;}

a.steelstopouts {
	display: block;
	width: 150px;
	height: 200px;
	text-decoration:none;
	background: url("images/buttons/steelstopouts_button.jpg");	
}
a.steelstopouts:hover {background-position: -150px 0px;}

a.cancelationplates {
	display: block;
	width: 150px;
	height: 200px;
	text-decoration:none;
	background: url("images/buttons/cancelationplates_button.jpg");	
}
a.cancelationplates:hover {background-position: -150px 0px;}

a.structuralpour {
	display: block;
	width: 150px;
	height: 200px;
	text-decoration:none;
	background: url("images/buttons/structuralpour_button.jpg");	
}
a.structuralpour:hover {background-position: -150px 0px;}

a.drawing {
	display: block;
	width: 150px;
	height: 200px;
	text-decoration:none;
	background: url("images/buttons/drawing_button.jpg");	
}
a.drawing:hover {background-position: -150px 0px;}

a.pub {
	display: block;
	width: 150px;
	height: 200px;
	text-decoration:none;
	background: url("images/buttons/pub_button.jpg");	
}
a.pub:hover {background-position: -150px 0px;}

.project {
	float: left;
	width: 150px;
	height: 200px;
	margin: 0px 20px 10px 0px;
	background-color: #0FF;
}


#footer {
	clear: left;
	width: 948px;
	height: 15px;
	padding-top: 20px;
	background-color: #FFF;
}

#footer p {
	font-size: 0.3em;
}


@font-face {
    font-family: 'ArvoRegular';
    src: url('arvo/Arvo-Regular-webfont.eot');
    src: url('arvo/Arvo-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('arvo/Arvo-Regular-webfont.woff') format('woff'),
         url('arvo/Arvo-Regular-webfont.ttf') format('truetype'),
         url('arvo/Arvo-Regular-webfont.svg#ArvoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ArvoItalic';
    src: url('Arvo-Italic-webfont.eot');
    src: url('Arvo-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('Arvo-Italic-webfont.woff') format('woff'),
         url('Arvo-Italic-webfont.ttf') format('truetype'),
         url('Arvo-Italic-webfont.svg#ArvoItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ArvoBold';
    src: url('arvo/Arvo-Bold-webfont.eot');
    src: url('arvo/Arvo-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('arvo/Arvo-Bold-webfont.woff') format('woff'),
         url('arvo/Arvo-Bold-webfont.ttf') format('truetype'),
         url('arvo/Arvo-Bold-webfont.svg#ArvoBold') format('svg');
    font-weight: normal;
    font-style: normal;