html {
height:100%;
margin:0pt;
overflow:auto;
padding:0pt;
}
body, html, #container {
height:100%;
min-height:100%;
padding:0px;
}
html > body, html > body #container {
height:auto;
}
form {
margin:0pt;
padding:0pt;
}
body {
background-color:#000000;
color:#AAAAAA;
font-family:Arial,Helvetica,sans-serif;
font-size:75%;
margin:0px 0px 0pt 38px;
min-width:955px;
padding:0pt;
position:relative;
}
a {
color:#FF0000;
text-decoration:none;
outline: none;
}
a:hover {
text-decoration:underline;
}
a img {
border:medium none;
}

#maincol li {
padding-bottom: 1px;
}

li.date {
font-size: 1.7em;
text-transform: uppercase;
color: #FFFFCC;
}

li.gig {
font-size: 1.7em;
text-transform: uppercase;
}

li.ttsl {
font-size: 1.7em;
text-transform: uppercase;
}

li.with {
font-size: 1.3em;
text-transform: uppercase;
}


p {
line-height:1.5;
margin:0pt 0pt 1.5em;
}
strong, b {
color:#FFFFFF;
font-weight:normal;
}
h1 {
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:230%;
font-weight:normal;
margin:0.7em 0pt 0.8em;
width:575px;
}
h2 {
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:150%;
font-weight:normal;
line-height:1.2;
margin:0pt;
margin-bottom: 1em;
text-transform: uppercase;
}

h3 {
color:#E4E4E4;
font-size:100%;
font-weight:normal;
line-height:1.5;
margin:0pt;
}
#container {
left:0pt;
margin:auto;
position:absolute;
top:0pt;
z-index:1;
}
#minwidth {
position:relative;
width:955px;
}
#homelink {
position:absolute;
right:38px;
top:33px;
}
.clear {
clear:both;
font-size:1px;
height:1px;
overflow:hidden;
}

#mainimage {
position:absolute;
right:0pt;
top:153px;
z-index:0;
}

.nomargin {
margin:0pt !important;
}

#discimg {
border: #CCCCCC 2px solid;
margin-top: 1em;
margin-bottom: 1em;
}

#maincol ul {
list-style: none;

}


.contactcol {
float:left;
margin:0pt 15px 0pt 0pt;
position:relative;
width:180px;
}
#contactimg {
position:relative;
top:-50px;
}
.hrdotted hr {
display:none;
}
.hrdotted {
background-image:url(/img_site/dottedrule.gif);
background-position:center bottom;
background-repeat:repeat-x;
border:medium none;
height:1px;
margin:5px 0pt 15px;
}
#formnewsletter {
margin:-5px 0pt 0pt;
}
#formnewsletter input.text {
background-color:#222021;
border:medium none;
color:#9B9FA0;
font-size:95%;
margin:0pt 0pt 5px;
padding:4px;
width:90%;
}
#frameprogress {
position:relative;
}
#topnav {
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
height:110px;
margin-top:33px;
position:relative;
width:800px;
}
#topnav ul {
margin:0pt;
padding:0pt;
}
#topnav li {
border-left:1px solid #4D4D4D;
display:block;
float:left;
height:34px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0pt 0pt 0pt 14px;
width:82px;
}
#mainnav {
font-size:9px;
}
#mainnav a {
color:#FFFFFF;
text-decoration:none;
}
#mainnav a:hover {
color:#FF0000;
}
#mainnav .mainnavactive a {
color:#FF0000;
}
#subnav {
bottom:0pt;
color:#FF0000;
position:absolute;
}
#subnav a {
color:#FFFFFF;
margin:0pt 15px 0pt 0pt;
text-decoration:none;
}
#subnav a:hover {
color:#FF0000;
}
#subnav .subnavactive a {
color:#FF0000;
}
#subnav p {
margin:0pt;
}
.onecol {
position:relative;
width:567px;
}
.home {
margin-top:95px;
position:relative;
width:470px;
}
.home h1 {
font-size:300%;
margin-bottom:0.3em;
}
#homeimg {
position:relative;
top:-30px;
}
.onecolwide {
position:relative;
width:858px;
}
.twocol {
position:relative;
width:567px;
}
.twocol #subcoll {
float:left;
margin:0pt 20px 0pt 0pt;
width:273px;
}
.twocol #subcolr {
float:left;
margin:0pt 0px 0pt 0pt;
width:273px;
}
.twocolwide {
position:relative;
width:858px;
}
.twocolwide #subcoll {
display:inline;
float:left;
margin:0pt 100px 0pt 0pt;
width:375px;
}
.twocolwide #subcolr {
float:left;
margin:0px 0px 0pt 0pt;
width:375px;
}
.twocolwide .mug {
float:left;
}
.twocolwide .bio {
display:inline;
float:left;
margin:0pt 0pt 0pt 15px;
width:275px;
}
.twocolwide2 {
position:relative;
width:761px;
}
.twocolwide2 #subcoll {
display:inline;
float:left;
margin:0pt 15px 0pt 0pt;
width:567px;
}
.twocolwide2 #subcolr {
float:left;
margin:7px 0px 0pt 0pt;
width:179px;
}
#worklist {
margin:0pt;
padding:0pt;
}
.workindexitem {
display:inline;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
.workindexitem p {
margin:0pt;
}
.workindexitem a {

color:#9F9F9F;
display:block;
float:left;
margin:0pt 30px 15px 0pt;
text-decoration:none;
width:261px;
}
.workindexitem a img {
border:1px solid #4D4D4D;
}
.workindexitem a:hover {
background-color:#333333;
display:block;
text-decoration:none;
}
.workindexitem a:hover img {
border:1px solid #FFFFFF;
}
.workindextext {
display:block;
margin:5px 0pt 3px 10px;
}
.workindexname {
color:#FFFFFF;
}
.workdetail {
margin:0pt;
position:relative;
width:858px;
}
.workdetail .subnav {
margin:-15px 0pt 0pt;
padding:0pt;
}
.workdetail .subnav li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:4px 0pt 0pt;
padding:0pt;
}
.workdetail .subnav a {
color:#FFFFFF;
text-decoration:none;
}
.workdetail .subnav a strong {
color:inherit;
}
.workdetail .subnav a:hover {
color:#F49633;
}
.workdetail .subnav .subnavactive a {
color:#FF7129;
}
.workdetail #subcoll {
float:left;
margin:0pt 97px 0pt 0pt;
width:179px;
}
.workdetail #subcolr {
display:inline;
float:left;
margin:0pt 0px 0pt 0pt;
width:582px;
}
.workdetail #workcontainer {
border-left:1px solid #333333;
border-right:1px solid #333333;
padding:14px;
width:552px;
}
.workdetail #projectname {
color:#FFFFFF;
font-size:85%;
text-transform:uppercase;
}
.workdetail #projectinfo {
margin:25px 0pt 0pt;
width:430px;
}
#infonav {
border-top:1px solid #000000;
margin:0px 0pt 0pt;
padding:0pt;
}
#infonav li {
display:inline;
float:left;
margin:0pt 20px 0pt 0pt;
}
#infonav a {
color:#FFFFFF;
font-size:85%;
text-decoration:none;
text-transform:uppercase;
}
#infonav a:hover {
text-decoration:underline;
}
#btnchallenge {
background-image:url(/img_site/icon_challenge.gif);
background-position:0pt 3px;
background-repeat:no-repeat;
padding:0pt 0pt 0pt 14px;
}
#btnsolution {
background-image:url(/img_site/icon_solution.gif);
background-position:0pt 3px;
background-repeat:no-repeat;
padding:0pt 0pt 0pt 18px;
}
#btnresult {
background-image:url(/img_site/icon_result.gif);
background-position:0pt 3px;
background-repeat:no-repeat;
padding:0pt 0pt 0pt 18px;
}
#solution, #result {
display:none;
}
a.worktabactive {
color:#FF7129 !important;
}
#workslideshow {
clear:both;
margin-bottom:25px;
width:552px;
}
#imgpaths {
height:300px;
left:5px;
position:relative;
width:90%;
}
#imgpaths p {
margin:0pt;
}
#slideshownavcontainer {
color:#FFFFFF;
float:left;
font-size:85%;
margin:0pt 0pt 7px;
position:relative;
}
#slideshownav {
margin:0pt 0pt 0pt 3px;
}
#slideshownav a {
color:#FFFFFF;
padding:1px 4px;
}
#slideshownav a:hover {
background-color:#2A2A2A;
text-decoration:none;
}
#slideshownav a.disabled {
color:#666666;
padding:1px 4px;
}
#slideshownav a.disabled:hover {
background-color:transparent;
text-decoration:none;
}
#slideshownav a.imgnavactive {
background-color:#333333;
color:#FF7129 !important;
}
#slideshownav a.imgnavactive:hover {
background-color:#333333;
}
#externallink {
float:right;
font-size:85%;
position:relative;
text-transform:uppercase;
}
#externallink a {
color:#FFFFFF;
}
#divloading {
color:#FFFFFF;
font-size:300%;
position:absolute;
z-index:50;
}
table#careers {
margin:-17px 0pt 20px;
width:100%;
}
table#careers th {
background-color:#222021;
color:#E4E4E4;
font-weight:normal;
padding:7px;
text-align:left;
text-transform:uppercase;
}
table#careers td {
border-collapse:collapse;
padding:8px 10px 8px 7px;
}
table#careers td.separator {
background-image:url(/img_site/dottedrule.gif);
background-repeat:repeat-x;
height:1px;
overflow:hidden;
padding:0pt;
}
table#careers td.date {
width:75px;
}
table#careers td.description {
color:#FFFFFF;
}
table#careers td.details {
width:75px;
}
#galleryleft {
float:left;
margin:0pt 15px 0pt 0pt;
}
#galleryright {
float:left;
width:172px;
}
.gallerythumb {
display:inline;
float:left;
margin:0pt 5px 5px 0pt;
}
.gallerythumb p {
margin:0pt;
}
#footer {
bottom:16px;
color:#FFFFFF;
font-size:80%;
height:31px;
margin:10px 0pt 0pt 0px;
padding:5px 0pt 0px;
position:absolute;
vertical-align:middle;
}
#footer img {
vertical-align:middle;
}
#footerspacer {
clear:both;
height:65px;
position:relative;
}

/* THUMBNAILS */

ul.thumbnails a {
display: block;
float: left;
margin: 0;
padding: 4px 4px 9px 4px;
border: 1px solid #ccc;
border-top-color: #eee;
border-right-color: #ddd;
border-bottom-color: #bbb;
background-color: #fff;
text-align: center;
}

ul.thumbnails a:hover {
border-color: #ccc;
background-color: #FF0000;
}

ul.thumbnails a {
width: 80px;
margin-right: 10px;
margin-bottom: 10px;
}

ul.thumbnails {
margin: 0 0 10px 0;
padding: 0;
float: left;
text-align: center;
background-color: #;
line-height: 1em;
list-style: none;
}

ul.thumbnails li {
display: inline;
margin: 0;
padding: 0;
}