html {
  width:100%;
  height:100%;
  /*overflow-y:scroll;*/
}

body {
  width:100%;
  height:100%;
  text-align:center;
  background-color:#000;
  font-family:arial;
}

h1,h2,h3,h4,h5,h6,pre,form,body,html,p,fieldset,input,span,table,td,tr
{ margin:0; padding:0; border:0;}
a img,:link img,:visited img { border:none; }

a {
  color:#FFF;
  text-decoration:none;
}
a:hover {
  color:#FFF;
  text-decoration:none;
}
a:visited {
  color:#FFF;
  text-decoration:none;
}

a:focus {
  -moz-outline-style:none;
}

h1,h2,h3,h4,h5,h6{
    color:white;
    text-transform: uppercase;
    font-family:alternate-gothic-no-3-d,sans-serif;
}

h1 {
  font-size:240%;
  font-weight:normal;
  line-height: 38px;
}

h2 {
  font-size:180%;
  font-weight:normal;
  margin-left:-2px;
}

h3 {
  font-size:160%;
  font-weight:normal;
}

h4 {
  font-size:105%;
  font-weight:normal;
  text-decoration:underline;
  margin-bottom:5px;
}

hr {
   color:#000;
   background-color:#000;
   width:240px;
   height:1px;
}

blockquote {
  width:444px;
  font-family:arial;
  font-size:12px;
}

.clear {
  clear:both;
  height:1px;
}


#siteDiv {
  width:905px;
  margin:0 auto;
}

#header {
  float:left;
  width:905px;
  height:130px;
  margin-top:40px;
}

#logo {
  float:left;
  width:380px;
  height:130px;
  text-align:left;
}

#menu {
  position:relative;
  float:left;
  width:524px;
  height:130px;
  text-align:left;
  font-family:arial;
  font-size:12px;
  font-weight:normal;
}
.menuLight div a, .menuLight div a:visited {
  color:#FFF;
}
.menuDark div a, .menuDark div a:visited {
  color:#999;
}
.menuDarker div a, .menuDarker div a:visited {
  color:#666;
}
.itemLight a p {
  color:#FFF;
}
.itemDark a p {
  color:#999;
}
.subContent.white{
    background:white !important;
}
.subContent.white h1, .subContent.white h2, .subContent.white h3, .subContent.white h4, .subContent.white h5, .subContent.white h6 {
    color: #1e1c1d;
}

#content {
  float:left;
  position:relative;
  width:905px;
  height:442px;
  padding-top:17px;
  text-align:center;
  background-color:#FFF;
}
#content.gumball {
  height: 520px;
}
#hero {
  position:absolute;
  top:18px;
  left:18px;
  width:870px;
  height:423px;
  background-color:#949384;
}
#content.gumball #hero {
    height: 497px;
}

#hero .slide{
    position:absolute;
    opacity:0;
    filter: alpha(opacity=0);
    zoom:1;
    z-index: 3;
}
#hero .slide.first{
    opacity:1;
    filter: alpha(opacity=100);
    zoom:1;
}
#hero .slide.last, #hero .slide.final{
    position:relative;
    zoom:1;
    display:block;
    overflow: hidden;
    width:100%;
    height:100%;
    z-index: 2;
}
#hero .slide .subContent{
    z-index: 1;
}

.hover, .hover2 {
  position:absolute;
  top:0px;
  left:0px;
  width:870px;
  height:423px;
  display:none;
}

.subContent {
  position:absolute;
  top:10px;
  left:362px;
  text-align:left;
}
.subContent p {
  font-family:arial;
  font-size:12px;
  font-weight:normal;
  color:#000;
  margin-bottom:8px;
}
.subContent small {
  font-size:9px;
  text-transform:uppercase;
}
.subContent ul {
  padding:0;
  margin:0;
  list-style-position:inside;
}
.subContent ul li {
  font-family:arial;
  font-size:13px;
  font-weight:bold;
  color:#000;
}


#teamContent {
  float:left;
  position:relative;
  background-color:#414243;
  width:869px;
  min-height:424px;
  height:auto !important;
  height:424px;
  padding:18px;
  text-align:left;
}
#teamContent .subContent p {
  margin: 0;
  padding: 0 3px;
}

#team {
  position:relative;
  margin-left:18px;
  background-color:#414243;
}

#teamPanel {
  position:relative;
  display:inline;
  float:right;
  width:524px;
  background-color:#FFF;
  min-height:423px;
  height:auto !important;
  height:423px;
}

.teamSubContent {
  text-align:left;
  padding-top:81px;
  padding-left:18px;
}
.teamSubContent p {
  font-family:arial;
  font-size:12px;
  font-weight:normal;
  color:#000;
  width:333px;
}
.teamSubContent p a {
  color:#777;
  text-decoration:underline;
}
.teamSubContent p a:hover {
  color:#000;
  text-decoration:underline;
}
.teamDark a, .teamDark a:visited {
    color:#F66;
}


.positionsSubContent {
  text-align:left;
  padding-top:154px;
  padding-left:18px;
}
.positionsSubContent p {
  font-family:arial;
  font-size:12px;
  font-weight:normal;
  color:#000;
  width:490px;
}
.positionsSubContentR {
  float:right;
  display:inline;
  width:270px;
  margin-right:50px;
}
.positionsSubContentR p {
  font-family:arial;
  font-size:12px;
  font-weight:normal;
  color:#FFF;
}
.job {
  padding-top:0px;
}

#footer
{
    margin-top: 45px;
}

#email-updates
{
    float: left;
}

    #email-updates h2
    {
        display: inline;
        color: #666;
        font-size: 13px;
        text-transform: uppercase;
        margin-right: 12px;
    }

    #email-updates input
    {
        background-color: #000;
        color: #666;
        padding: 5px 0;
        border-bottom: 1px solid #666;
        width: 133px;
    }

        #email-updates input:focus
        {
            outline: none;
        }

        #email-updates input.name
        {
            margin-right: 12px;
        }

    #email-updates button
    {
        background-color: #000;
        border: 1px solid #000;
        color: #FFF;
        text-transform: uppercase;
    }

    #email-updates .response
    {
        margin: 10px 5px 0 0;
        color: #FFF;
        text-align: right;
        font-size: 13px;
    }

#social-media
{
    width: 103px;
    height: 33px;
    overflow: hidden;
    background-image: url(../images/social-media.gif);

    position: relative;
    float: right;
    margin-right: 5px;
}

    #social-media a
    {
        display: block;
        position: absolute;
        text-indent: -999em;
    }

        #social-media a.facebook
        {
            width: 11px;
            height: 21px;
            top: 5px;
            left: 0px;
        }

        #social-media a.twitter
        {
            width: 21px;
            height: 18px;
            top: 7px;
            left: 39px;
        }

        #social-media a.linked-in
        {
            width: 17px;
            height: 19px;
            top: 7px;
            left: 86px;
        }

ul.arrow
{
    list-style-image: url(../images/list-item.gif);
}

    ul.arrow li
    {
        padding: 2px 0;
    }

        ul.arrow li a
        {
            color: #000;
        }

#content.what-we-have-done
{
    background-color:#414243;
}

    #content.what-we-have-done #hero
    {
        background-color:#414243;
    }

    #content.what-we-have-done .number-readable
    {
        color: #F66;
    }

#content.nice-words
{
    background-color:#414243;
}

    #content.nice-words #hero
    {
        background-color:#414243;
    }

    #content.nice-words .number-readable
    {
        color: #009fc6;
    }

#hero .zoom-image {
    width: 90px;
    height: 90px;
    background: transparent url(../images/zoom-magnify.png) no-repeat top left;
    position: absolute;
    top: 10px;
    left: 10px;
}
.mobileonly { display: none; }