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{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}body{line-height:1.5;background:#fff;margin:1.5em 0}table{border-collapse:separate;border-spacing:0}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}body{font-size:75%}body{color:#222;font-family:"Helvetica Neue","Lucida Grande",Helvetica,Arial,Verdana,sans-serif}h1,h2,h3,h4,h5,h6{color:#111;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}h1,h2,h3,h4,h5,h6{font-weight:normal}h1{font-size:3em;line-height:1;margin-bottom:.5em}h2{font-size:2em;margin-bottom:.75em}h3{font-size:1.5em;line-height:1;margin-bottom:1em}h4{font-size:1.2em;line-height:1.25;margin-bottom:1.25em}h5{font-size:1em;font-weight:bold;margin-bottom:1.5em}h6{font-size:1em;font-weight:bold}p{margin:0 0 1.5em}p.last{margin-bottom:0}p img{float:left;margin:1.5em 1.5em 1.5em 0;padding:0}p img.top{margin-top:0}img{margin:0 0 1.5em}ul,ol{margin:0 1.5em 1.5em}ul{list-style-type:circle}ol{list-style-type:decimal}dl{margin:0 0 1.5em}dl dt{font-weight:bold}dd{margin-left:1.5em}abbr,acronym{border-bottom:1px dotted #666}address{margin-top:1.5em;font-style:italic}del{color:#666}a:focus,a:hover{color:#000}a{color:#009;text-decoration:underline}blockquote{margin:1.5em;color:#666;font-style:italic}strong{font-weight:bold}em,dfn{font-style:italic;background:#ffc}dfn{font-weight:bold}pre,code{margin:1.5em 0;white-space:pre}pre,code,tt{font:1em 'andale mono','monotype.com','lucida console',monospace;line-height:1.5}tt{display:block;margin:1.5em 0;line-height:1.5}table{margin-bottom:1.4em}th{border-bottom:2px solid #ccc;font-weight:bold}td{border-bottom:1px solid #ddd}th,td{padding:4px 10px 4px 0}tfoot{font-style:italic}caption{background:#ffc}table .last{padding-right:0}.small{font-size:.8em;margin-bottom:1.875em;line-height:1.875em}.large{font-size:1.2em;line-height:2.5em;margin-bottom:1.25em}.quiet{color:#666}.hide{display:none}.highlight{background:#ff0}.added{color:#060}.removed{color:#900}.top{margin-top:0;padding-top:0}.bottom{margin-bottom:0;padding-bottom:0}.container{width:950px;margin:0 auto}.column{float:left;margin-right:10px}.last{margin-right:0}.span-1{width:30px}.span-2{width:70px}.span-3{width:110px}.span-4{width:150px}.span-5{width:190px}.span-6{width:230px}.span-7{width:270px}.span-8{width:310px}.span-9{width:350px}.span-10{width:390px}.span-11{width:430px}.span-12{width:470px}.span-13{width:510px}.span-14{width:550px}.span-15{width:590px}.span-16{width:630px}.span-17{width:670px}.span-18{width:710px}.span-19{width:750px}.span-20{width:790px}.span-21{width:830px}.span-22{width:870px}.span-23{width:910px}.span-24{width:950px;margin:0}.append-1{padding-right:40px}.append-2{padding-right:80px}.append-3{padding-right:120px}.append-4{padding-right:160px}.append-5{padding-right:200px}.append-6{padding-right:240px}.append-7{padding-right:280px}.append-8{padding-right:320px}.append-9{padding-right:360px}.append-10{padding-right:400px}.append-11{padding-right:440px}.append-12{padding-right:480px}.append-13{padding-right:520px}.append-14{padding-right:560px}.append-15{padding-right:600px}.append-16{padding-right:640px}.append-17{padding-right:680px}.append-18{padding-right:720px}.append-19{padding-right:760px}.append-20{padding-right:800px}.append-21{padding-right:840px}.append-22{padding-right:880px}.append-23{padding-right:920px}.prepend-1{padding-left:40px}.prepend-2{padding-left:80px}.prepend-3{padding-left:120px}.prepend-4{padding-left:160px}.prepend-5{padding-left:200px}.prepend-6{padding-left:240px}.prepend-7{padding-left:280px}.prepend-8{padding-left:320px}.prepend-9{padding-left:360px}.prepend-10{padding-left:400px}.prepend-11{padding-left:440px}.prepend-12{padding-left:480px}.prepend-13{padding-left:520px}.prepend-14{padding-left:560px}.prepend-15{padding-left:600px}.prepend-16{padding-left:640px}.prepend-17{padding-left:680px}.prepend-18{padding-left:720px}.prepend-19{padding-left:760px}.prepend-20{padding-left:800px}.prepend-21{padding-left:840px}.prepend-22{padding-left:880px}.prepend-23{padding-left:920px}.border{padding-right:4px;margin-right:5px;border-right:1px solid #eee}.colborder{padding-right:24px;margin-right:25px;border-right:1px solid #eee}.pull-1{margin-left:-40px}.pull-2{margin-left:-80px}.pull-3{margin-left:-120px}.pull-4{margin-left:-160px}.push-0{margin:0 0 0 18px}.push-1{margin:0 -40px 0 18px}.push-2{margin:0 -80px 0 18px}.push-3{margin:0 -120px 0 18px}.push-4{margin:0 -160px 0 18px}.push-0,.push-1,.push-2,.push-3,.push-4{float:right}/* .box{padding:1.5em;margin-bottom:1.5em;background:#eee} */hr{background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.4em;border:none}hr.space{background:#fff;color:#fff}.clear{display:inline-block}.clear:after,.container:after{content:".";display:block;height:0;clear:both;visibility:hidden}* html .clear{height:1%}.clear{display:block}label{font-weight:bold}fieldset{padding:1.4em;margin:0 0 1.5em;border:1px solid #ccc}legend{font-weight:bold;font-size:1.2em}input.zemText,input.title{width:300px;margin:.5em .5em .5em 0}input.zemText,input.title{border:1px solid #bbb;background:#f6f6f6;padding:5px}input.zemText:focus,input.title:focus{border:1px solid #999;background:#fff}textarea{width:400px;height:250px;margin:.5em .5em .5em 0}textarea{border:1px solid #bbb;background:#eee;padding:5px}textarea:focus{border:1px solid #999;background:#fff}select{border:1px solid #ccc;background:#f6f6f6;width:200px}select:focus{border:1px solid #999;background:#fff}.error,.notice,.success{padding:.8em;margin-bottom:1em;border:2px solid #ddd}.error{background:#fbe3e4;color:#d12f19;border-color:#fbc2c4}.notice{background:#fff6bf;color:#817134;border-color:#ffd324}.success{background:#e6efc2;color:#529214;border-color:#c6d880}.error a{color:#d12f19}.notice a{color:#817134}.success a{color:#529214}

body {
	background-color: white;
	/* background-image: url(grid.png); */
}

body.noScroll {
	overflow-y: hidden;
}

a:active {
  outline: none;
}

em {
	background-color: inherit;
}

img {
	margin: 0;
}


body #container {
	height: 100%;
	width: 90%;
	min-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

#head h1.site-title  {
	font-size: 1em;
}

#head h2.articleTitle  {
	font-size: 1em;
	font-weight: bold;

}

#head h3  {
	display: none;

}

#head p a {
	text-decoration: none;
	color: black;
}
.article {
	margin-right: 36px;
	width: 100px;
	float: left;
	height: 72px;
	margin-bottom: 72px;
	position: relative;
}

.none {
	display: none;
}

.hoverActive {
	cursor: pointer;
}

.article h3 {
	font-size: .85em;
	padding-top: .5em;
	max-width: 100px;
	text-align: center;
	text-transform: uppercase;
}

h3 a {
	text-decoration: none;
	color: black;
/* 	display: block; */
}

.projectCode, .projectDates {
}

.website {
	background-color: black;
}

.intranet {
	background-color: black;
}

.architecture {
	background-color: black;
}

.disc-media {
	background-color: black;
}

.personal {
	background-color: black;
}

.product-design {
	background-color: black;
}

/*
*/

.thumb {
/*
	height: 71px;
	overflow: hidden;
	position: absolute;
	overflow: hidden;
	width: 100%;
	top: 0;
	left: 0;
*/
}

.thumb img {
	margin: 0;
	max-width: 100px;
}

.hoverActive .thumb img {
	visibility: hidden;
}

.lozengeOverlay {
	background-image: url(lozengeOverlay.png);
	background-repeat: no-repeat;
	height: 76px;
	position: absolute;
	width: 102px;
	top: -1px;
	left: -1px;
	z-index: 1;
	background-position: center center;
}


.thumb .projectDates {
	visibility: hidden;
	position: absolute;
	top: 0;
	padding-top: 18px;
	text-align: center;
	height: 72px;
	left: 0;
	width: 100px;
	color: white;
}

.hoverActive .projectDates {
	visibility: visible;
}

#foot {
    padding-top: 2em;
	width: 100%;
	clear: both;
}

#head a:hover,
#foot a:hover,
 {
	opacity: .5;
	filter: alpha(opacity=50);
}
.categoryMenu {
/*
    background-color: black;
	-moz-border-radius: 36px;
	-webkit-border-radius: 36px;
	padding: 36px;
	margin-left: -36px;
*/
}

.categoryMenu hr {
	background: black;
	height: 0;
	margin: 0;
	color: black;
	border:none 0;
}

.categoryMenu p,  
#head .categoryMenu p a,
.categoryMenu a  {
	color: black;
	text-decoration: none;
}

#head .categoryMenu p a  {
	text-decoration: underline;
}

.categoryMenu li a.active {
	font-weight: normal;
    color: grey;
}
.categoryMenu li {
	font-weight: bold;
    width: 50%;
/* 	list-style-image: url(speech-bubble-small-black.png); */
    float: left;
}

.categoryMenu li.activeFlag {
	list-style-position: outside;
	list-style-image: url(speech-bubble-small-black.png);
}






/* =DETAIL PROJECT 
   ----------------------------------------------------*/
   
#article a:hover 
 {
 	color: white;
	opacity: .75;
	filter: alpha(opacity=75);
}
#projectNav{
	position: absolute;
	top: 60px;
	left: 0;
}
#projectNav .goingUp,
#projectNav .goingDown{
	margin-left: 10px;
	margin-bottom: 10px;
}


#article {
	margin: 0 auto;
	width: 910px;
	position: relative;
	background-color: black;
	-moz-border-radius: 96px;
	-webkit-border-radius: 96px;
	padding: 96px;
	padding-right: 0;
	min-height: 520px;
}

#article hr {
	background: black;
	height: 0;
	margin: 0;
	color: black;
	border:none 0;
}

/*
-moz-border-radius-topleft / -webkit-border-top-left-radius
-moz-border-radius-topright / -webkit-border-top-right-radius
-moz-border-radius-bottomleft / -webkit-border-bottom-left-radius
-moz-border-radius-bottomright / -webkit-border-bottom-right-radius

*/

#article,
#article h1.projectTitle,
#article .projectType,
#article .projectUrl a,
#article div.costGrouping,
#article h1.site-title {
	font-size: 1em;
	color: white;
	line-height: 1em;

}

#article h1.projectTitle, 
#article .projectType,
#article .projectUrl {
	font-size: 125%;
	width: 33.3%;
	float: left;
}

#article .projectUrl   {
	overflow: hidden;

}


.projectImages {
	width: 640px;
	height: 480px;
	overflow: hidden;
	position: relative;
	float: left;

}

	.projectImages ul {
		list-style: none;
		margin: 0;
		line-height: 1;
		width:1280px; 
		height:960px; 
		overflow:hidden; 
		position:relative;
	}
	
		.projectImages li {
			width: 640px;
			height: 480px;
			float: left;
			display: inline;
		}

#spinner {
	margin-top: 6px;
}

#article .excerptText,
#article .bodyText,
#article div.costGrouping,
#article h1.site-title   {
	width: 200px;
	float: left;
	margin-left: 20px;
}

#article p {
	line-height: 1.5em;
}

#article .excerptText p {
	font-style: italic;
}

#article .bodyText h1 {
	font-size: 1em;
	line-height: 1.5em;
	color: white;
	font-style: italic;
}

#article p a,
#article p a:visited {
	color: white;
}

.bodyText ul  {
	margin-left: 0;
	list-style-image: url(speech-bubble-small.png);
	list-style-position: inside;
}
.bodyText li  {
	*margin-bottom: 1em; /* IE7 and below only */
}


.costGrouping p img {
	margin: 0;
	margin-right: 5px;
}

#external-referrers-only {
	width: 800px;
	margin: 1em auto;
}

#external-referrers-only h1, 
#external-referrers-only h2{
	font-size: 1em;
	font-weight: bold;
}

#external-referrers-only h1 a,
#head h1 a{
	color: black;
	text-decoration: none;
		font-weight: bold;

}