/* HTML
-------------------------------------------- */

body {
  font: 9pt/17pt "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  color: #888;
  margin: 0px;
  padding: 0;
/*  background:top left repeat-x url(images/fadeout-top.jpg) fixed;*/
}

* html {
  overflow: hidden;
}
* html body {
  height: 100%;
  overflow: auto;
}

img {
  border:0;
}

strong {
  font-weight: normal;
  color: #420;
}
em {
  font-style: normal;
  color: #420;
}

em strong {
  text-transform: uppercase;
  font-size:0.8em;
  line-height:12pt;
  color:#BBB;
  text-align:center;
}

acronym {
  border-bottom:1px dotted #888;
  cursor:help;
}

h1 {
  text-align: right;
  height: 53px;
  margin: 0px;
  background: top right no-repeat url(images/logo.png);
}
h1 span {
  display: none;
}

h2 {
  text-align: center;
  text-transform: uppercase;
  font-weight:normal;
  font-size: 12pt;
  color: #420;
  margin-top: 1.5em;
  margin-bottom: 20px;
  font-family: "Lucida Grande", Arial, sans-serif;
}
h2 img {
  width: 102px;
  height: 13px;
  margin-left: 2px;
  margin-right: 2px;
}
h2 img.before {
  background: url(images/h2-before-1.gif);
}
h2 img.after {
  background: url(images/h2-after-1.gif);
}

h3 {
  margin: 0;
  font: 9pt/15pt "Lucida Grande", Arial, sans-serif;
  font-weight: bold;
  color: #420;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 20px;
}
h3.person {
  text-align: center;
  width: 450px;
  margin-top: 10px;
  font-weight: normal;
  text-transform: none;
  letter-spacing: 0;
}
h3 span {
  color: #bbb;
}

h3 span.date {
  letter-spacing: 0px;
  font-weight: normal;
}


h2, p, ul {
  width: 450px;
}

h1, h2, h3, p, div { 
/*  clear: both; */
}

p {
  margin: 0;  
  padding: 0 0 1em 0;
  text-align: center;
  clear: left;
}

ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
ul li {
  float: left;
  width: 150px;
  text-align: center;
}
ul.two-columns li {
  width: 50%;
}
li em {
  color: #420;
}
li strong {
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: .5px;
}

a {
  color: #420;
  text-decoration: none;
  border-bottom:1px dotted #640;
}
a:hover {
  color: #F90;  
  border-bottom:1px dotted #F90;
}
a.img-link {
  border: 0;
}

.clearfix:after {
  clear: both;
  content: ' ';
  display: block;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
  width: 0;
  height: 0;
}

br {
  line-height: 1em;
}


/* Sections
-------------------------------------------- */

#content {
  width: 574px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 140px;
  margin-bottom:50px;
}

#header {
  position: fixed;
  top: 0px;
  padding-top: 40px;
  margin-left: -20px;
  width: 640px;
  z-index: 1;
  height: 90px;
  background: top left repeat-x url(images/fadeout-top.png);
}

#navigation {
  position: fixed;
  top: 47px;
  z-index: 2;
}
* html #navigation {
  position: absolute;
}
#navigation li {
  width: auto;
  text-transform: lowercase;
  font: 12pt/17pt Georgia;
  padding-right: 15px;
  margin-right: 8px;
}
#navigation li a {
  color: #F90;
  border-bottom: 0;
}
#navigation li.last {
  background: none;
}

#panel-container {
  width: 469px;
  height: 244px;
  padding-top: 20px;
  background: url(images/panel2.gif);
  margin-left:-12px;
}

#panel {
  width: 431px;
  height: 207px;
  margin-left: 20px;
  border: 1px solid #eee;
  background-image: url(portfolio.jpg);
  background-repeat: no-repeat;
  cursor:pointer;
}

#the-team p {
  text-align: left;
}

p.references span {
  cursor:pointer;
  text-decoration: none;
  margin-right:8px;
}
p.references span.new {
  margin:0;
  cursor:default;
  color:#f90;
  text-transform:uppercase;
}
p.references span.visited {
  text-decoration: line-through;
  color:#bbb;
}
p.references em {
  text-transform: uppercase;
}

div.references {
  margin-bottom: -1em;
  padding-top: 1em;
/*  text-align:center;*/
/*  margin-right:122px;*/
}
div.references span {
  cursor:pointer;
  text-decoration: none;
  margin-left:8px;
  padding-left:2px;
  color: #604323;
}
div.references em, div.references a, p.references em {
  color:#604323;
  text-decoration: none;
  border-bottom: 0;
}
div.references span.visited {
  text-decoration: line-through;
  color:#604323;
}

#reference-title {
  color:#888;
  text-align:center;
  font-size:0.9em;
  margin-bottom:4px;
  margin-top:-32px;
  margin-left:0px;
  margin-bottom:20px;
}

.awards {
	width: 500px;
	margin-left: -3px;
}
.awards li {
	width: auto;
}
.awards li a,
.awards li a:hover {
	border: 0;
}

.clients {
  text-transform: uppercase;
  font-size: 85%;
  letter-spacing: .2px;
  line-height: 2em;
} 
.clients a {
  color: #888;
}
.clients a:hover {
  color: #FF9900;
}

#imprint {
  clear:both;
  padding-top:100px;
  font-size:0.9em;
  line-height:12pt;
  color:#888;
}
#legalese {
  margin-top: .5em;
  font-size: 90%;
  line-height: 1.4em;
  color:#aaa;
}