/* Load Fonts for Browsers that support it -- Safari, Firefox 3.1 */
@font-face {
  font-family: Gotham-Book;
  src: url(../fonts/Gotham-Book.ttf);
}      
@font-face {
  font-family: Gotham-Bold;
  font-weight: normal;
  src: url(../fonts/Gotham-Bold.ttf);
}

/* Reset padding and margin added by browser and general styles */
* {
  padding: 0;
  margin: 0;
}
a img {
  border: 0;
}
html, body {
  height: 100%;
  font-family: Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
  font-family: Arial, Helvetica, sans-serif;
} 
.alert {
  color: red !important;
}

/* General Classes */
.left, .alignleft {
  float: left;
}
.right, .alignright {
  float: right;
}
img.left, img.alignleft {
  margin: 5px 5px 5px 0;
}
img.right, img.alignright {
  margin: 5px 0 5px 5px;
}
ul.nav {
  list-style-type: none;
  overflow: hidden;
}
ul.nav li {
  float: left;
}
.pseudolink {
  cursor: pointer;
}

/* Background on homepage */
.grey {
  background: #E2E2E2;
}
div.background {
  position: absolute;
  height: 504px;
  width: 100%;
  z-index: 1;
  top: 122px;
  left: 0;
}

div#wrapper {
  height: 100%;
  width: 100%;
  min-width: 800px;
  min-height: 600px;
  position: relative;
  z-index: 2;
}

/* Header Styles */
div#header {
  padding: 100px 0 0 10%;
  background: #fff;
  min-height: 42px;
}
div#header h1 {
  text-transform: uppercase;
  background: url(../images/tsp_brown.gif) no-repeat 0 7px;
  color: #5e3a31;
  font-family: Gotham-Bold;
  font-weight: normal;
  font-size: 35px;
  letter-spacing: 3.6px;
  word-spacing: 1px;
  font-weight: normal;
  text-indent: -9999px;
}
div#header h1 a {
  display: block;
}
div#header h1 a:link, div#header h1 a:visited, div#header h1 a:hover, div#header h1 a:active {
  text-decoration: none;
  color: #5e3a31;
}

div#header h2 {
  color: #E4624B;
  text-transform: uppercase;
}

/* Main Content Styles */
div#center {
  height: 70%;
  background: #e2e2e2;
  position: relative;
  padding: 22px 0;
} 
/* Navigation Styles */
div#nav {
  height: 22px;
  font-family: Gotham-Book, Arial, Verdana, Helvetica, sans-serif;
  position: absolute;
  font-size: 11px;
  top: 0;
  background: #e2e2e2;
  padding: 0 0 0 10%;
}
  div#nav ul li a {
    display: block;
    text-transform: uppercase;
    border-right: 1px solid #816760;
    position: relative;
    z-index: 2;
    padding: 0 5px;
    margin: 5px 0;
  }
  div#nav ul li.last a, div#nav ul li:last-child a {
    border-right: 0;
  }
  div#nav ul li a:link, div#nav ul li a:visited {
    text-decoration: none;
    color: #816760;
  }
  div#nav ul li a:hover, div#nav ul li a:active {
    text-decoration: none;
    color: #E5624B;
  }
  /* Current Page Nav Styles */
  div#nav ul li.current a, div.home li.home a, div.whatwedo li.whatwedo a, div.blog li.blog a, div.socialresponsibility li.socialresponsibility a, div.contact li.contact a, div.backstage li.backstage a, div.tspinteractivereel li.tspinteractivereel a, div.tsptrainingreel li.tsptrainingreel a, div.capabilities li.capabilities a, div.tspcapabilitiesreel li.tspcapabilitiesreel a, div.tspgamedemo li.tspgamedemo a {
    font-weight: normal;
    font-family: Gotham-Bold, Arial, Verdana, Helvetica, sans-serif;
    color: #E5624B !important;
  }
/* Nav Styles for users who don't have Gotham and can't have it embedded */
  div#nav ul li a.imagereplacement {
    background: url(../images/navigation_rollovers.png) no-repeat #E2E2E2;
    text-indent: -9999px;
  }
  /* Backstage Nav Rollovers */
  div#nav ul.backstage li a.imagereplacement { 
    background: url(../images/backstage_nav_rollovers.png) no-repeat #E2E2E2;
    text-indent: -9999px;
  }

  /* Regular State Links */
  div#nav ul li.home a.imagereplacement {
    background-position: 0 0;
    width: 33px;
  }
  div#nav ul li.whatwedo a.imagereplacement {
    background-position: -42px 0;
    width: 37px;
  }
  div#nav ul li.blog a.imagereplacement {
    background-position: -91px 0;
    width: 35px;
  }
  div#nav ul li.socialresponsibility a.imagereplacement {
    background-position: -139px 0;
    width: 150px;
  }
  div#nav ul li.contact a.imagereplacement {
    background-position: -299px 0;
    width: 60px;
  }
  div#nav ul li.backstage a.imagereplacement {
    background-position: -370px 0;
    width: 90px;
  }

  /* Backstage Nav Links */
  div#nav ul.backstage li.home a.imagereplacement {
    background-position: 0 0;
    width: 33px;
  }
  div#nav ul.backstage li.tspcapabilitiesreel a.imagereplacement {
    background-position: -42px 0;
    width: 150px;
  }    
  div#nav ul.backstage li.tspinteractivereel a.imagereplacement {
    background-position: -205px 0;
    width: 150px;
  }
  div#nav ul.backstage li.tsptrainingreel a.imagereplacement {
    background-position: -365px 0;
    width: 130px;
  }
  div#nav ul.backstage li.tspgamedemo a.imagereplacement {
    background-position: -505px 0;
    width: 105px;
  }  
  div#nav ul.backstage li.tspcapabilities a.imagereplacement {
    background-position: -620px 0;
    width: 120px;
  }

  /* Hover Links */
  div#nav ul li.home a:hover.imagereplacement {
    background-position: 0 -14px;
  }
  div#nav ul li.whatwedo a:hover.imagereplacement {
    background-position: -42px -14px;
  }
  div#nav ul li.blog a:hover.imagereplacement {
    background-position: -91px -14px;
  }
  div#nav ul li.socialresponsibility a:hover.imagereplacement {
    background-position: -139px -14px;
  }
  div#nav ul li.contact a:hover.imagereplacement {
    background-position: -299px -14px;
  }
  div#nav ul li.backstage a:hover.imagereplacement {
    background-position: -370px -14px;
  }

  /* Backstage Nav Hover Rollovers */
  div#nav ul.backstage li.home a:hover.imagereplacement {
    background-position: 0 -14px;
  }
  div#nav ul.backstage li.tspcapabilitiesreel a:hover.imagereplacement {
    background-position: -42px -14px;
  }
  div#nav ul.backstage li.tspinteractivereel a:hover.imagereplacement {
    background-position: -205px -14px;
  }
  div#nav ul.backstage li.tsptrainingreel a:hover.imagereplacement {
    background-position: -365px -14px;
  }
  div#nav ul.backstage li.tspgamedemo a:hover.imagereplacement {
    background-position: -505px -14px;
  }  
  div#nav ul.backstage li.tspcapabilities a:hover.imagereplacement {
    background-position: -620px -14px;
  }

  /* Current Page Links */
  div.home div#nav ul li.home a.imagereplacement {
    background-position: 0 -28px;
  }
  div.whatwedo div#nav ul li.whatwedo a.imagereplacement {
    background-position: -42px -28px;
  }
  div.blog div#nav ul li.blog a.imagereplacement {
    background-position: -91px -28px;
  }
  div.socialresponsibility div#nav ul li.socialresponsibility a.imagereplacement {
    background-position: -139px -28px;
  }
  div.contact div#nav ul li.contact a.imagereplacement {
    background-position: -299px -28px;
  }
  div.backstage div#nav ul li.backstage a.imagereplacement {
    background-position: -370px -28px;
  }

  /* Backstage Nav Current Links */
  div.tspcapabilitiesreel div#nav ul.backstage li.tspcapabilitiesreel  a.imagereplacement {
    background-position: -42px -28px;
  }  
  div.tspinteractivereel div#nav ul.backstage li.tspinteractivereel  a.imagereplacement {
    background-position: -205px -28px;
  }
  div.tsptrainingreel div#nav ul.backstage li.tsptrainingreel  a.imagereplacement {
    background-position: -365px -28px;
  }
  div.tspgamedemo div#nav ul.backstage li.tspgamedemo  a.imagereplacement {
    background-position: -505px -28px;
  }  
  div.tspcapabilities div#nav ul.backstage li.tspcapabilities a.imagereplacement {
    background-position: -620px -28px;
  }
  
div#content {
  background: url(../images/centerBG.gif) #fff;
  height: 100%;
  position: relative;
  /*border: 2px solid #5E3A31;*/
}
div#logo {
  background: url(../images/tsp_home.gif) no-repeat;
  width: 100%;
  height: 209px;
  top: 30%;
  left: 0;
  position: absolute;
}

/* Footer Styles */
div#footer {
  height: 115px;
}

/* Secondary Page Styles */
div#wrapper.secondary {
  min-width: 1200px;
}
div.secondary div#header {
  background: #55C4C6;
  border-left:  1px solid #895252;
  border-right:  1px solid #895252;
}
div.secondary div#header h1 {
  background: url(../images/tsp_white.gif) no-repeat 0 7px;
}
div.secondary div#header h1 a:link, div.secondary div#header h1 a:visited, div.secondary div#header h1 a:hover, div.secondary div#header h1 a:active {
  color: #fff;
}
div.secondary div#center {
  padding: 22px 0 0 0;
  border-left:  1px solid #895252;
  border-right:  1px solid #895252;
  border-bottom: 1px solid #895252;
  background: #fff;
  height: auto;
} 
div.secondary div#nav {
  width: 962px;
}
div.secondary div#content {
  height: auto;
  background: #fff;
  font-size: 12px;
  min-height: 500px;
  border: 0;
  padding: 40px 0 0 10%;
}
div.secondary div#content h1 {
  color: #55C4C6;
  font-family: Gotham-Bold;
  font-weight: normal;
  font-size: 34px;
  letter-spacing: 2px;
  text-transform: uppercase;
}
div.secondary div#content h2 {
  color: #C3C3C3;
  font-family: Gotham-Bold;
  font-weight: normal;
  font-size: 30px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
div.secondary div#content h3 {
  color: #55C4C6;
  font-family: Gotham-Bold;
  font-weight: normal;
  font-size: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
div.secondary div#content h4 {
  color: #705049;
  font-size: 18px;
  text-transform: uppercase;
}
div.secondary div#content h5 {
  color: #705049;
  font-size: 12px;
}
div.copy p, p.copy {
  line-height: 1.6;
}
div.secondary div#content p {
  margin: 10px 0;
}
div.secondary div#content div.copy p + p {
  margin: 20px 0;
}
div.secondary div#content p a:link, div.secondary div#content p a:visited {
  color: #E64E34;
  font-weight: bold;
  text-decoration: underline;
}
div.secondary div#content p a:hover, div.secondary div#content p a:active {
  text-decoration: none;
  font-weight: bold;
  color: #55C4C6;
}

/* List Styles */
dl.standard {
  margin: 10px 0;
}
dl.standard dt {
  text-align: center;
  font-size: 22px;
  background: #E5624B;
  padding: 4px;
  color: #fff;
  border: 1px solid #895252;
  margin: 25px 0 0 0;
}
dl.standard {
  min-width: 287px;
  width: auto;
}
dl.standard dt {
  cursor: pointer;
}
dl.standard dt:hover {
  background: #55C4C6;
}

/* Form Styles */
div#content form.standard {
  text-align: right;
  margin: 10px 0;
}
div#content form.standard p {
  margin: 0 0 10px 0;
}
div#content form.standard h2, div#content form.standard h3, div#content form.standard h4, div#content form.standard h5, div#content form.standard h6 {
  text-align: left;
  margin: 5px 0;
}
div#content form.standard label {
  float: left;
  font-weight: bold;
  color: #895252;
  margin: 0 10px;
}
div#content form.standard .empty {
  font-style: italic !important;
}
div#content form.standard input, div#middleContent form textarea {
  width: 200px;
}
div#content form.standard input[type=radio] {
  width: auto;
}
div#content form.standard select {
  width: 204px;
}
div#content form.standard textarea {
  height: 80px;
}
div#content form.standard input[type=submit], div#content form.standard input[type=button] {
  background: #E5624B;
  border: 2px solid #895252;
  color: #FFFFFF;
  cursor: pointer;
  font-weight: bold;
  width: 130px;
}
div#content form.standard label.error {
  color:red;
}


/* What We Do Page */
div.whatwedo div#content div.left {
  width: 356px;
  min-width: 0;
  text-align: left;
  min-height: 650px;
}
div.whatwedo div#content div.right {
  width: auto;
  min-width: 0;
  margin-right: 10px;
  min-height: 300px;
}
div.whatwedo div#content div#whattext {
  min-height: 300px;
} 
div.whatwedo div#content div#whattext h4 {
  margin: 15px 0;
  font-size: 13px;
}
div.whatwedo div#content div.right div#whatvideo {
  margin: 25px 0;
  height: 296px;
  width: 534px;
}

/* Side Navigation Lists */
div.whatwedo div#content ul.nav {
  font-size: 11px;
}
  div.whatwedo div#content ul.nav li {
    text-transform: uppercase;
  }
  div.whatwedo div#content ul.nav li.current {
    font-weight: bold;
  }
  div.whatwedo div#content ul.nav li a {
    padding: 0 5px;
    border-right: 1px solid #5E3A31;
  }
  div.whatwedo div#content ul.nav li.last a, div.whatwedo div#content ul.nav li:last-child a {
    border: 0;
  }
  div.whatwedo div#content ul.nav li a:link, div.whatwedo div#content ul.nav li a:visited {
    color: #5e3a31;
    text-decoration: none;
  }
  div.whatwedo div#content ul.nav li a:hover, div.whatwedo div#content ul.nav li a:active {
    color: #5e3a31;
    text-decoration: underline;
  }
  div.whatwedo div#content ul.nav li a.current:link, div.whatwedo div#content ul.nav li a.current:visited, div.whatwedo div#content ul.nav li a.current:hover, div.whatwedo div#content ul.nav li a.current:active {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    background: #55C4C6;
  }

/* Contact Page */
div#contactBanner {
  background: url(../images/contactBanner.jpg) no-repeat;
  height: 154px;
  margin: 0 0 30px 0;
}
div.contact div.aside {
  width: 175px;
  margin: 0 0 40px;
}
div.contact div.aside p {
  margin: 0 0 20px 0;
}
div.contact div.main {
  width: 420px;
}
div.contact div.main ul.nav {
  
}
div.contact div.main ul.nav li {
  margin: 5px 10px 0 0;
  white-space: nowrap;
}
div.contact div.main ul.nav li a:link, div.contact div.main ul.nav li a:visited {
  text-decoration: none;
  color: #B7B1A9;
}
div.contact div.main ul.nav li a:hover, div.contact div.main ul.nav li a:active, div.contact div.main ul.nav li a.current {
  text-decoration: none;
  color: #542D24;
}
div.contact div.photos {
  color: #705049;
  width: 319px;
  height: 165px;
}
div.contact div#content div.photos p {
  margin: 20px 0;
}
div.contact div.photos div.employee {
  background-color: #E9E6CC;
  background-repeat: no-repeat;
  background-position: 180px 15px;
  padding: 14px 20px 28px;
  margin-bottom: 15px;
}
div.contact div.photos div.information {
  width: 150px;
}
div.contact div.photos h5 {
  margin: 0 0 10px 0;
}
div.employee {
  background-repeat: no-repeat;
}

/* Blog Styles */
div.blogs div#content div.left {
  width: 60%;
  min-width: 600px;
  min-height: 600px;
}
div.blogs div#content div.box-left {
  margin: 0 0 30px;
}
div.blogs div#content div.box-left h2 {
  text-transform: none;
  margin: 10px 0;
  font-size: 18px;
  color: #542D24;
}
div.blogs div#content div.box-left a:link, div.blogs div#content div.box-left a:visited {
  text-decoration: none;
}
div.blogs div#content div.box-left a:hover, div.blogs div#content div.box-left a:active {
  text-decoration: underline;
}
div.blogs div#content a.brown:link, div.blogs div#content a.brown:visited, div.blogs div#content a.brown:hover, div.blogs div#content a.brown:active {
  color: #AB7F66 !important;
}
div.blogs div#content div.box-left h2 a:link, div.blogs div#content div.box-left h2 a:visited {
  text-decoration: none;
  color: #542D24;
}
div.blogs div#content div.box-left h2 a:hover, div.blogs div#content div.box-left h2 a:active {
  text-decoration: underline;
  color: #542D24;
}

div.blogs div#content div.box-left h4 {
  font-size: 14px;
  margin: 5px 0 0 0;
  text-transform: none;
  color: #542D24;
}
div.blogs div#content div.box-left a:link, div.blogs div#content div.box-left a:visited {
  color: #870150;
}
div.blogs div#content div.box-left a:hover, div.blogs div#content div.box-left a:active {
  color: #870150;
}
div.blogs div#content div.box-left h4.tags {
  font-size: 10px;
}

div.blogs div#content div.right {
  width: 30%;
  min-width: 300px;
}
div.blogs .box-right-content + h5 {
  margin: 20px 0 0;
}
div.blogs div#content ul.prevposts {
  list-style-type: none;
}
div.blogs div#content ul.prevposts li {
  margin: 10px 0;
}
div.blogs #engaging_conscience {
  padding-right: 20px;
}
div.blogs #engaging_conscience p {
  font-style: italic;
  font-weight: bold;
}
div.blogs div#content div.right a:link, div.blogs div#content div.right a:visited, div.blogs div#content div.right a:hover, div.blogs div#content div.right a:active {
  color: #861A53;
}
div.blogs form.standard {
  width: 445px;
}

/* Backstage Styles */
div.backstage div#content div.left {
  width: 35%;
  min-width: 300px;
  text-align: left;
}
div.backstage div#content div.right {
  width: 60%;
  min-width: 600px;
}

div.secondary div#footer {
  background: url(../images/tsp-engaging.gif) no-repeat #fff 60px 0;
  height: 90px;
  padding-top: 30px;
  clear: both;
}

.flash-replaced .alt {
  display: block;
  height: 0;
  position: absolute;
  overflow: hidden;
  width: 0;
}

/* Joe Bliss */
/* Styles for internship section of contact page*/

#internship-text
{
color:#B7B1A9;
}

#internship-text a:link, #internship-text a:visited
{
color:#E64E34;
font-weight:normal;
text-decoration:underline;
}

#internship-text a:hover, #internship-text a:active
{
color:#55C4C6;
font-weight:normal;
text-decoration:none;
}