/**
* screen.css - styles for use on screen media
*/

body {
  background:#b2b2b2 url(../img/bg/body.gif) repeat scroll 0 0;
}

/**
* Site structure
*/

#wrapper-l1 {
  position:relative;
}
#wrapper-l2 {
  background:#dfdfdf url(../img/bg/wrapper-l2.gif) repeat scroll 0 0;
  padding:0.63em 0;
}
#wrapper-l3 {
  background:#efefef url(../img/bg/wrapper-l3.gif) repeat scroll 0 0;
}
#wrapper-l4 {
  background:#f7f7f7 url(../img/bg/wrapper-l4.gif) repeat scroll 0 0;
  width:62em;
  margin:0 auto;
  padding-left:0.81em;
}
#wrapper-l5 {
  background-color:#fff;
  padding:.31em .31em 0 .31em;
}
#header {
  min-height:6.65em;
  margin-bottom:2.06em;
}
#header h1 {
  float:right;
}
#header h1 a {
  display:block;
  width:192px;
  height:96px;
  background:transparent url(../img/logos/winkball-project.gif) no-repeat scroll 0 0;
}
#header p {
  float:left;
  font-size:1.4em;
  margin:1.6em 0 0 1.13em;
  padding-top:0;
  padding-bottom:0;
}
#rainbow {
  float:right;
  margin-right:-0.36em;
}
#rainbow img {
  position:absolute;
  top:0;
  width:0.81em;
  height:100%;
}
#left-column {
  float:left;
  width:35.44em;
}
#shape img {
  border:0;
}
#right-column {
  float:right;
  width:24.25em;
  margin-right:.62em;
}
#press-releases {
  font-size:0.81em;
}
#press-releases thead th {
  text-align:left;
  border-bottom:1px solid #2060ab;
  padding:1em .77em;
}
/* I want to say this: */
#press-releases tbody tr:nth-of-type(odd) {
  background-color:#f2f2f2;
}
/* ...but for browsers other than Safari & Opera (at time of writing), I have to say: */
#press-releases tbody tr.odd {
  background-color:#f2f2f2;
}
#press-releases td {
  border-right:1px solid #e6e6e6;
  padding:0.23em 0.77em;
}
#press-releases td:last-child {
  border-right:0;
}
#footer {
  width:59.87em;
  margin:0 auto;
  padding:0.75em 1.06em 0.75em 1.88em;
}
#footer .nav:first-child {
  float:right;
}
#footer .nav {
  float:left;
}
#footer .nav li {
  list-style-type:none;
  font-size:.75em;
  line-height:1.33em;
}
#footer .nav:first-child li {
  display:inline;
  padding-left:1.63em;
  font-size:.88em;
}
#footer .nav a:link, #footer .nav a:visited {
  color:#53534a;
}
#footer .nav a:hover, #footer .nav a.selected {
  color:#fff;
  text-decoration:none;
}

/**
* Page themes
*/

/* Home page */
body#home-page {
  color:#2060ab;
}
#home-page #content-l1 {
  background:transparent url(../img/bg/shape-page-grad.jpg) repeat-x scroll bottom left;
  margin:0 0 0 .31em;
}
#home-page #content-l2 {
  background:transparent url(../img/bg/shape-page-fan.jpg) no-repeat scroll bottom left;
}
#home-page #right-column {
  background:transparent url(../img/bg/alpha.png) repeat scroll 0 0;
  margin-bottom:-.62em;
  padding-bottom:1.5em;
  min-height:544px;
}

/* Clients page */
#clients-page .box-t6 {
  float:left;
  width:22.88em;
  height:8.75em;
  text-align:center;
}
#clients-page .box-t6-modifier-4 {
  margin-left:5em;
}

/* Generic internal page */
.internal-page #wrapper-l5 {
  padding-bottom:1.31em;
}
.internal-page #header {
  border-bottom:0.23em solid #fff;
  /* Fun times for browsers that know */
  -o-box-shadow:0 .19em .25em #c6c6c3;
  -icab-box-shadow:0 .19em .25em #c6c6c3;
  -khtml-box-shadow:0 .19em .25em #c6c6c3;
  -moz-box-shadow:0 .19em .25em #c6c6c3;
  -webkit-box-shadow:0 .19em .25em #c6c6c3;
  box-shadow:0 .19em .25em #c6c6c3;
}
.internal-page #header h1 a {
  display:block;
  width:202px;
  height:106px;
}
.internal-page #header .nav {
  margin-left:14.50em;
  padding-top:2.65em;
}
.internal-page #header .nav li {
  display:inline;
  padding-right:1.69em;
  font-size:.81em;
}
.internal-page #header .nav a:link, .internal-page #header .nav a:visited {
  color:#fff;
}
.internal-page #header .nav a:active, .internal-page #header .nav a.selected {
  color:#f5ee31;
}
.internal-page #content-l2 li {
  margin-bottom:.62em;
}
.internal-page #content-l2 .nav {
  margin-left:-.7em;
}
.internal-page #content-l2 .nav li {
  list-style-type:none;
  list-style-image:none;
  margin-bottom:.33em;
  padding-left:.7em;
  background:transparent url(../img/bullets/underscore-short.jpg) no-repeat scroll 0 80%;
}
.internal-page #content-l2 #fragment .nav {
  float:right;
}
.internal-page #content-l2 #fragment .nav li {
  background-image:none;
  display:inline;
  color:#dddddb;
}
.internal-page #content-l2 #fragment .nav li:last-child {
  padding-left:16em;
}
.internal-page #left-column {
  background:transparent url(../img/bg/column.jpg) no-repeat scroll 0.94em 2.50em;
}
.internal-page #right-column {
  padding-top:2.63em;
}
.internal-page .box-t2 p,
.internal-page .box-t2 li {
  font-size:0.81em;
}
.internal-page .box-t2 .nav li {
  font-size:1em;
}
.internal-page .box-t3 {
  border-color:#e6e6e6;
  margin-right:.62em;
}
.internal-page .box-t3 h3 {
  margin:0 0 .88em -1.13em;
  padding-left:1.13em;
  background:transparent url(../img/bullets/underscore.jpg) no-repeat scroll 0 70%;
}
.internal-page .box-t3 p,
.internal-page .box-t3 li {
  font-size:0.81em;
}
.internal-page .box-t3 > .left {
  width:33em;
}
.internal-page .box-t4 {
  background-color:#e6e6e6;
}
.internal-page .box-t4 h3 {
  border-bottom:1px solid #fff;
  line-height:1.56em;
  margin-bottom:.33em;
}
.internal-page .box-t4 p {
  font-size:0.81em;
  padding-top:.6em;
}
.internal-page .box-t5 {
  margin-right:.62em;
}
.internal-page .box-t5 p {
  font-size:0.81em;
  padding:0;
}

/* Internal orange page */
.internal-f26322-page p span,
.internal-f26322-page a:link, .internal-f26322-page a:visited {
  color:#f26322;
}
.internal-f26322-page #wrapper-l5 {
  background:#fff url(../img/bg/wrapper-l5-f26322.jpg) repeat-x scroll bottom left;
}
.internal-f26322-page #header {
  background:#f26322 url(../img/bg/header-f26322.jpg) no-repeat scroll 0 0;
}
.internal-f26322-page #header h1 a {
  background:transparent url(../img/logos/winkball-project-f26322.gif) no-repeat scroll 0 0;
}
.internal-f26322-page .box-t1 {
  border-color:#f6f6f6;
}
.internal-f26322-page .box-t2 {
  border-color:#f26322;
}
.internal-f26322-page #content-l2 li {
  list-style-image:url(../img/bullets/pin-f26322.gif);
}
.internal-f26322-page #content-l2 .nav li {
  background-image:url(../img/bullets/underscore-short-f26322.jpg);
}
.internal-f26322-page .box-t3 h3 {
  background-image:url(../img/bullets/underscore-f26322.jpg);
}
.internal-f26322-page .box-t4 h3 {
  color:#f26322;
}
.internal-f26322-page #press-releases thead th {
  border-color:#f26322;
}
.internal-f26322-page dd em {
  color:#f26322;
}
.internal-f26322-page .nav-link {
  background-image:url(../img/bullets/underscore-short-f26322.jpg);
}

/* Internal cyan page */
.internal-25aae1-page p span,
.internal-25aae1-page a:link, .internal-25aae1-page a:visited {
  color:#25aae1;
}
.internal-25aae1-page #wrapper-l5 {
  background:#fff url(../img/bg/wrapper-l5-25aae1.jpg) repeat-x scroll bottom left;
}
.internal-25aae1-page #header {
  background:#25aae1 url(../img/bg/header-25aae1.jpg) no-repeat scroll 0 0;
}
.internal-25aae1-page #header h1 a {
  background:transparent url(../img/logos/winkball-project-25aae1.gif) no-repeat scroll 0 0;
}
.internal-25aae1-page .box-t1 {
  border-color:#f6f6f6;
}
.internal-25aae1-page .box-t2 {
  border-color:#25aae1;
}
.internal-25aae1-page #content-l2 li {
  list-style-image:url(../img/bullets/pin-25aae1.gif);
}
.internal-25aae1-page #content-l2 .nav li {
  background-image:url(../img/bullets/underscore-short-25aae1.jpg);
}
.internal-25aae1-page .box-t3 h3 {
  background-image:url(../img/bullets/underscore-25aae1.jpg);
}
.internal-25aae1-page .box-t4 h3 {
  color:#25aae1;
}
.internal-25aae1-page #press-releases thead th {
  border-color:#25aae1;
}
.internal-25aae1-page dd em {
  color:#25aae1;
}
.internal-25aae1-page .nav-link {
  background-image:url(../img/bullets/underscore-short-25aae1.jpg);
}

/* Internal green page */
.internal-0b9444-page p span,
.internal-0b9444-page a:link, .internal-0b9444-page a:visited {
  color:#0b9444;
}
.internal-0b9444-page #wrapper-l5 {
  background:#fff url(../img/bg/wrapper-l5-0b9444.jpg) repeat-x scroll bottom left;
}
.internal-0b9444-page #header {
  background:#0b9444 url(../img/bg/header-0b9444.jpg) no-repeat scroll 0 0;
}
.internal-0b9444-page #header h1 a {
  background:transparent url(../img/logos/winkball-project-0b9444.gif) no-repeat scroll 0 0;
}
.internal-0b9444-page .box-t1 {
  border-color:#f6f6f6;
}
.internal-0b9444-page .box-t2 {
  border-color:#0b9444;
}
.internal-0b9444-page #content-l2 li {
  list-style-image:url(../img/bullets/pin-0b9444.gif);
}
.internal-0b9444-page #content-l2 .nav li {
  background-image:url(../img/bullets/underscore-short-0b9444.jpg);
}
.internal-0b9444-page .box-t3 h3 {
  background-image:url(../img/bullets/underscore-0b9444.jpg);
}
.internal-0b9444-page .box-t4 h3 {
  color:#0b9444;
}
.internal-0b9444-page #press-releases thead th {
  border-color:#0b9444;
}
.internal-0b9444-page dd em {
  color:#0b9444;
}
.internal-0b9444-page .nav-link {
  background-image:url(../img/bullets/underscore-short-0b9444.jpg);
}

/* Internal purple page */
.internal-9f1f63-page p span,
.internal-9f1f63-page a:link, .internal-9f1f63-page a:visited {
  color:#9f1f63;
}
.internal-9f1f63-page #wrapper-l5 {
  background:#fff url(../img/bg/wrapper-l5-9f1f63.jpg) repeat-x scroll bottom left;
}
.internal-9f1f63-page #header {
  background:#9f1f63 url(../img/bg/header-9f1f63.jpg) no-repeat scroll 0 0;
}
.internal-9f1f63-page #header h1 a {
  background:transparent url(../img/logos/winkball-project-9f1f63.gif) no-repeat scroll 0 0;
}
.internal-9f1f63-page .box-t1 {
  border-color:#f6f6f6;
}
.internal-9f1f63-page .box-t2 {
  border-color:#9f1f63;
}
.internal-9f1f63-page #content-l2 li {
  list-style-image:url(../img/bullets/pin-9f1f63.gif);
}
.internal-9f1f63-page #content-l2 .nav li {
  background-image:url(../img/bullets/underscore-short-9f1f63.jpg);
}
.internal-9f1f63-page .box-t3 h3 {
  background-image:url(../img/bullets/underscore-9f1f63.jpg);
}
.internal-9f1f63-page .box-t4 h3 {
  color:#9f1f63;
}
.internal-9f1f63-page #press-releases thead th {
  border-color:#9f1f63;
}
.internal-9f1f63-page dd em {
  color:#9f1f63;
}
.internal-9f1f63-page .nav-link {
  background-image:url(../img/bullets/underscore-short-9f1f63.jpg);
}

/* Internal pink page */
.internal-d91b5c-page p span,
.internal-d91b5c-page a:link, .internal-d91b5c-page a:visited {
  color:#d91b5c;
}
.internal-d91b5c-page #wrapper-l5 {
  background:#fff url(../img/bg/wrapper-l5-d91b5c.jpg) repeat-x scroll bottom left;
}
.internal-d91b5c-page #header {
  background:#d91b5c url(../img/bg/header-d91b5c.jpg) no-repeat scroll 0 0;
}
.internal-d91b5c-page #header h1 a {
  background:transparent url(../img/logos/winkball-project-d91b5c.gif) no-repeat scroll 0 0;
}
.internal-d91b5c-page .box-t1 {
  border-color:#f6f6f6;
}
.internal-d91b5c-page .box-t2 {
  border-color:#d91b5c;
}
.internal-d91b5c-page #content-l2 li {
  list-style-image:url(../img/bullets/pin-d91b5c.gif);
}
.internal-d91b5c-page #content-l2 .nav li {
  background-image:url(../img/bullets/underscore-short-d91b5c.jpg);
}
.internal-d91b5c-page .box-t3 h3 {
  background-image:url(../img/bullets/underscore-d91b5c.jpg);
}
.internal-d91b5c-page .box-t4 h3 {
  color:#d91b5c;
}
.internal-d91b5c-page #press-releases thead th {
  border-color:#d91b5c;
}
.internal-d91b5c-page dd em {
  color:#d91b5c;
}
.internal-d91b5c-page .nav-link {
  background-image:url(../img/bullets/underscore-short-d91b5c.jpg);
}

/* Internal red page */
.internal-bf1e2e-page p span,
.internal-bf1e2e-page a:link, .internal-bf1e2e-page a:visited {
  color:#bf1e2e;
}
.internal-bf1e2e-page #wrapper-l5 {
  background:#fff url(../img/bg/wrapper-l5-bf1e2e.jpg) repeat-x scroll bottom left;
}
.internal-bf1e2e-page #header {
  background:#bf1e2e url(../img/bg/header-bf1e2e.jpg) no-repeat scroll 0 0;
}
.internal-bf1e2e-page #header h1 a {
  background:transparent url(../img/logos/winkball-project-bf1e2e.gif) no-repeat scroll 0 0;
}
.internal-bf1e2e-page .box-t1 {
  border-color:#f6f6f6;
}
.internal-bf1e2e-page .box-t2 {
  border-color:#bf1e2e;
}
.internal-bf1e2e-page #content-l2 li {
  list-style-image:url(../img/bullets/pin-bf1e2e.gif);
}
.internal-bf1e2e-page #content-l2 .nav li {
  background-image:url(../img/bullets/underscore-short-bf1e2e.jpg);
}
.internal-bf1e2e-page .box-t3 h3 {
  background-image:url(../img/bullets/underscore-bf1e2e.jpg);
}
.internal-bf1e2e-page .box-t4 h3 {
  color:#bf1e2e;
}
.internal-bf1e2e-page #press-releases thead th {
  border-color:#bf1e2e;
}
.internal-bf1e2e-page dd em {
  color:#bf1e2e;
}
.internal-bf1e2e-page .nav-link {
  background-image:url(../img/bullets/underscore-short-bf1e2e.jpg);
}

/* Internal blue page */
.internal-283891-page p span,
.internal-283891-page a:link, .internal-283891-page a:visited {
  color:#283891;
}
.internal-283891-page #wrapper-l5 {
  background:#fff url(../img/bg/wrapper-l5-283891.jpg) repeat-x scroll bottom left;
}
.internal-283891-page #header {
  background:#283891 url(../img/bg/header-283891.jpg) no-repeat scroll 0 0;
}
.internal-283891-page #header h1 a {
  background:transparent url(../img/logos/winkball-project-283891.gif) no-repeat scroll 0 0;
}
.internal-283891-page .box-t1 {
  border-color:#f6f6f6;
}
.internal-283891-page .box-t2 {
  border-color:#283891;
}
.internal-283891-page #content-l2 li {
  list-style-image:url(../img/bullets/pin-283891.gif);
}
.internal-283891-page #content-l2 .nav li {
  background-image:url(../img/bullets/underscore-short-283891.jpg);
}
.internal-283891-page .box-t3 h3 {
  background-image:url(../img/bullets/underscore-283891.jpg);
}
.internal-283891-page .box-t4 h3 {
  color:#283891;
}
.internal-283891-page #press-releases thead th {
  border-color:#283891;
}
.internal-283891-page dd em {
  color:#283891;
}
.internal-283891-page .nav-link {
  background-image:url(../img/bullets/underscore-short-283891.jpg);
}

/**
* Forms
*/

#contact-form table {
  width:100%;
}
#contact-form .label {
  width:11.25em;
  font-size:.81em;
  font-weight:lighter;
  padding-bottom:.75em;
}
#contact-form .field {
  padding-bottom:.75em;
}
#contact-form .text, #contact-form .textarea, #contact-form .select {
  background-color:#fff;
  width:98%;
  padding:.13em;
  border:1px solid #455560;
  color:#53534a;
}
#contact-form .select {
  width:99.5%;
}
#contact-form .textarea {
  height:4.88em;
}
#contact-form .button {
  float:right;
}

#press-contact-form {
  float:left;
  width:31.25em;
  margin-right:3.50em;
}

/**
* Classes
*/

.nav li {
  font-weight:normal;
}
/* thick border on left hand side */
.box-t1 {
  border-left:5px solid #c7e9f1;
  margin:0 0 .63em 1.13em;
  padding-left:0.50em;
}
/* thick border on left and thin top border */
.box-t2 {
  border-top:1px solid #c7e9f1;
  border-left:5px solid #c7e9f1;
  margin:0 3.13em 2.50em 1.13em;
  padding:1.13em;
}
/* Modifier for box t2 adds the column "atom" background */
.box-t2-modifier-1 {
  background:transparent url(../img/bg/column.jpg) no-repeat scroll 0.94em 2.50em;
}
/* thin border on all but right hand side */
.box-t3 {
  background-color:#fff;
  border:1px solid #c7e9f1;
  border-right:0;
  margin:0 0 0 1.13em;
  padding:1.13em;
}
/* modifier for box-t3 adds right border */
.box-t3-modifier-1 {
  border-right:1px solid #c7e9f1;
}
/* modifier for box-t3 adds min-height */
.box-t3-modifier-2 {
  min-height:30.5em;
}
/* grey background */
.box-t4 {
  background-color:#c7e9f1;
  padding:1.25em;
}
/* modifier for box-t4 floats to right and gives negative margin
so when placed inside box-t3 it cancels out its padding */
.box-t4-modifier-1 {
  margin:-1.13em;
  float:right;
}
/* thin border on all but top side (for fragment footer nav) */
.box-t5 {
  background-color:#fff;
  border:1px solid #c7e9f1;
  border-top:0;
  margin:0 0 0 1.13em;
  padding:.62em 1.13em;
}
/* thin grey border */
.box-t6 {
  border-top:0.08em solid #dbdadb;
  border-right:0.08em solid #dbdadb;
  border-bottom:0.08em solid #dbdadb;
  border-left:0.08em solid #b2b1b2;
}
/* no top border */
.box-t6-modifier-1 {
  border-top:0;
}
/* no right border */
.box-t6-modifier-2 {
  border-right:0;
}
/* no bottom border */
.box-t6-modifier-3 {
  border-bottom:0;
}
/* no left border */
.box-t6-modifier-4 {
  border-left:0;
}

.download {
  float:left;
  margin:0 1.54em 1.54em 0;
}

/* For single links that look like page navigation */
.nav-link {
  font-size:1em;
  margin-left:-.7em;
  padding-left:.7em;
  background:transparent url(../img/bullets/underscore-short.jpg) no-repeat scroll 0 80%;
}

.fragment-loading {
  background:transparent url(../img/spinner.gif) no-repeat scroll center center;
}

.wrapper-player {
  border:1px solid #ccc;
  font-size:0;
}