#header, #project-title { behavior: url(iepngfix.htc) }


*
{
border:0px solid red;
margin:0px;
padding:0px;
}

html,body
{
margin:0px;
padding:0px;
border:0px;
background:#f0f0f0;
font-family: verdana;
font-size:12px;
}

a:link, a:visited, a:active
{
color:#222;
font-weight:bold;
}
a:hover
{
color:blue;
}

.about-links a:visited, .about-links a:link, .about-links a:active
{
color:#005364;
font-weight:bold;
}

#header
{
position:fixed;
top:0px;
left:0px;
width:100%;
height:60px;
background-image: url(images/header-background-grey8.png);
background-repeat: repeat-x;
z-index:500;
}
#header-subnav
{
position:fixed;
top:0px;
left:0px;
width:100%;
height:65px;
background-image: url(images/header-background-grey8-subnav.png);
background-repeat: repeat-x;
}


#footer
{
text-align:center;
color:#666;
font: normal 12px arial;
padding:30px;
}

#header-content
{
width:956px;
height:42px;
margin:auto;
}
#header-subnav-content
{
margin:auto;
width:806px;
text-align:right;
padding-right:130px;
font-size:12px;
color:#444;
font-weight: bold;
}
#brand
{
float:left;
height:25px;
width:200px;
margin-top:5px;
}
#nav
{
margin-top:5px;
float:right;
text-align:right;
height:25px;
width:400px;
}

#container
{
padding-top:75px;
width:976px;
margin:auto;
height:auto;
}

.project-title
{
height:64px;
width:956px;
overflow: hidden;
}
.project-title img
{
}

.paper-title
{
height:35px;
width:956px;
}
.paper-title img
{
width:956px;
height:35px;
}
.paper-thumbnail
{
margin-left:0px;
margin-right:20px;
margin-bottom:20px;
border:1px solid #ddd;
width:239px;
margin-top:1px;
}



.project-info
{
width:956px;
min-height:178px;
color:#fff;
font: normal 12px Arial;
margin-bottom:0px;
background:url(images/project-info-background3.png);
background-repeat: no-repeat;
}

.project-description
{
float:left;
width:645px;
padding:10px;
padding-top:20px;
padding-left:20px;
line-height:1.4em;
font-size:13px;
text-align:justify;
}
.project-facts
{
padding-top:20px;
width:245px;
float:right;
}
.project-facts-table
{
color:#666;

}
.project-facts-table td
{
padding:0px;
padding-bottom:10px;
height:18px;
padding-left:15px;
}
.project-facts-table-td1
{
width:50px;
font-weight:bold;
border-left:1px solid #ccc;
vertical-align:top;
}
.project-facts-table-td2
{
vertical-align:top;
width:180px;
}





.project-tiles
{
height:auto;
}
.project-tiles img
{
width:956px;
height:150px;
}
.project-tile
{
float:left;
width:239px;
height:150px;
overflow:hidden;
}
.project-tile img
{
width:240px;
height:150px;
}

#project-subnav
{
height:41px;
width:805px;
margin:auto;
background:url(images/project-subnav3.png);
background-repeat: no-repeat;
background-position: top center;
overflow: hidden;
padding-bottom:50px;
text-decoration: none;
}
#project-subnav-items
{
width:760px;
margin:auto;
}
#project-subnav-items div
{
text-align:center; 
font-size:10px;
float:left;
margin-top:3px;
height:23px;
padding-top:12px;
cursor:pointer;
}
.tab-on
{
font-weight:bold;
background: url(images/project-subnav-highlight.png);
background-repeat: repeat-x;
border-left:1px solid #bbb;
border-right:1px solid #bbb;
color:#444;
cursor:pointer;
}
.tab-off
{
color:#666; 
border-left:0px solid #ccc;
cursor:pointer;}
.tab
{
}
.text-tab
{
line-height:1.6em;
margin:auto;
padding:20px;
text-align: justify;
color:#666;
}

.protocolby-foreground {color:#eb4400;}
.protocolby-background {color:#eb4400;}

.depthjs-foreground {color:#f64b00;}
.depthjs-background {color:#f64b00;}

.takeovertv-foreground {color:#d85039;}
.takeovertv-background {color:#d85039;}


.konbit-foreground {color:#0da4db;}
.konbit-background {color:#0da4db;}

.actionmethod-foreground, .actionmethodipad-foreground {color:#55b6d8;}
.actionmethod-background, .actionmethodipad-background {color:#55b6d8;}

.synchstep-foreground { color:#2f1442; }
.synchstep-background { background:#2f1442; }

.teroforma-foreground { color:#94a54c; }
.teroforma-background { background:#94a54c; }

.dailymotion-foreground { color:#005364; }
.dailymotion-background { background:#005364; }

.bbc-foreground { color:#893d12; }
.bbc-background { background:#893d12; }

.ky-foreground { color:#220c49; }
.ky-background { background:#220c49; }

.personalSoundtrack-foreground { color:#4e161b; }
.personalSoundtrack-background { background:#4e161b; }

.obsessable-foreground { color:#ec058d; }
.obsessable-background { background:#ec058d; }

.pittiMobi-foreground { color:#8f000c; }
.pittiMobi-background { background:#8f000c; }

.steelcase-foreground {color:#ff9000; }
.steelcase-background {background:#ff9000; }

.elearning-foreground {color:#2b92ce; }
.elearning-background {background:#2b92ce; }

.wfpc-foreground {color:#007100; }
.wfpc-background {background:#007100; }

.s3-foreground {color:#71a5d1; }
.s3-background {background:#71a5d1; }

.publicSoundtrack-foreground {color:#549a01; }
.publicSoundtrack-background {background:#549a01; }

.bbot-foreground { color:#8f000c; }
.bbot-background { background:#8f000c; }

.depthjs-foreground { color:#8f000c; }
.depthjs-background { background:#8f000c; }

.about-foreground { color:#888; }
.about-background {  }

.paper-foreground { color:#888; }
.paper-background {  }




.shadow {
  float:left;
  background: url(images-site/shadowAlpha.png) no-repeat bottom right !important;
  background: url(images-site/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
}

.clear
{
clear:both;
}
.spacer15{ height:15px; }
.spacer30{ height:30px; }

.year
{	

	background: url(images/year-line2.png);
	background-position: 0px 75px;
	background-repeat: repeat-x;
	height:150px;
	margin-bottom:40px;
}
.year div
{
	width:150px;
	line-height: 150px;
	margin:auto;
	font-size:40px;
	font-family: Helvetica;
	text-align: center;
	font-weight: bold;
	color:#999;
	background:#f0f0f0;
}
.firstYear, .firstYear div
{
	height:120px;
}