/* Start of CMSMS style sheet 'tmax' */
* {
  vertical-align: baseline;
  font-family: inherit;
  font-style: inherit;
  font-size: 100%;
  border: 0 none;
  outline: 0;
  padding: 0;
  margin: 0;
}

em {
  font-style: italic;
}

body {
  background-color: #000;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  margin-top: 15px;
  margin-bottom: 15px;
  color: #FFF;
}

#padContainer {
  width: 940px;
  padding-top: 25px;
  background-color: #FFF;
  margin: 0 auto;
  padding-bottom: 25px;
}

#container {
  width: 886px;
  text-align: left;
  margin: 0 auto;
  padding: 1px;
  border: 1px solid #000;
  background-color: #FFF;
}

#header {
  background-color: #000;
  background-image: url(/images/monster_banner.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  width: 100%;
  height: 60px;
}

#hLogo {
  float: left;
  width: 520px;
  height: 60px;
  text-indent: -9999px;
}

#hLogo a {
  display: block;
  height: 60px;
  width: 120px;
}

#hLogo h1 {
  margin: 0;
  padding: 0;
  background-color: transparent;
}

#hContact {
  float: right;
  color: #FFF;
  font-size: 12.8px;
  margin-top: 30px;
  margin-right: 20px;
}

#hContact a:link, #hContact a:visited {
  color: #FFF;
  text-decoration: none;  
}

#hContact a:hover, #hContact a:active {
  color: #FFF;
  text-decoration: underline; 
}

#nav {
  border-top: 1px solid #2D2D2F;
  background-color: #151517;
  line-height: 31px;
  height: 31px;
  border-bottom: 1px solid #FFF;
  padding-left: 12px;
}

#nav ul {
  list-style-type: none; 
  display: inline;
}

#nav li {
  display: block;
  float: left;
  margin-right: 16px;
  font-size: 12px;
}

#nav a:link {
  text-decoration: none;
  color: #FFF;
}

#nav a:visited {
  text-decoration: none;
  color: #CCC;
}

#nav a:hover, #nav a:active {
  text-decoration: underline;
}

#nav a.current {
  color: #FF0;
}

#nav a.blue, .blueHeader, .blue {
  color: #668FBF;
}

#webTVArea {
  padding: 30px;
  border-bottom: 1px solid #333333;
  position: relative;
  background-color: #FFF;
  color: #444;
}

#banner {
  height: 250px;
  border-bottom: 1px solid #FFF;
  background-color: #FFF;
}

#banner.default {
  background-image: url(/images/banner.jpg);
  background-repeat: no-repeat;
}

h1 {
  height: 33px;
  line-height: 33px;
  background-color: #000;
  color: #FFF;
  text-transform: uppercase;
  font-size: 0.9em;
  padding-left: 12px;
}

h2 { 
  margin: 0 0 1.12em;
  color: #FFF;
}

h3 { 
  margin: 0 0 1.12em; 
  color: #FFF;
  text-transform: uppercase;
}

h4 { 
  margin: 0 0 1.12em; 
  font-size: 0.9em;
  font-weight: bold;
  color: #FFF;
}

p {
  margin: 1.12em 0;
  font-size: 0.75em;
  line-height: 1.6em;
}

#content a:link, #content a:visited {
  color: #668FBF;
  text-decoration: underline;
}

#content a:hover, #content a:active {
  color: #FFF;
  text-decoration: underline;
}

.contentArea {
  background-color: #151517;
  color: #FFF;
  padding: 20px;
  border-bottom: 1px solid #333333;
  position: relative;
}

#content .contentArea a:link, #content .contentArea a:visited {
  color: #668FBF;
  text-decoration: none;
}

#content .contentArea a:hover, #content .contentArea a:active {
  color: #FFF;
  text-decoration: underline;
}

.yellow, #content .white h1, #content .white h2, #content .white h3 {
  color: #000;
}

#content .white {
  background-color: #FFF;
  color: #444;
}

#content .white a:link, #content .white a:visited {
  color: #000;
  text-decoration: underline;
}

#content .white a:hover, #content .white a:active {
  color: #000;
  text-decoration: none;
}

#videoProduction, #multimedia {
  background-color: #021626;
  color: #FFF;
  padding: 20px;
  border-bottom: 1px solid #333333;
  position: relative;
}

#animation {
  background-color: #FFF;
  color: #666;
  padding: 20px;
  border-bottom: 1px solid #333333;
  position: relative;
}

.defaultPad {
  background-color: #FFF;
  color: #000;
  padding: 20px;
  position: relative;
}

.case-study {
  color: #000;
  border-bottom: 1px solid #000;
}

#content .case-study a {
  color: #000;
  text-decoration: underline;
}

#content .case-study a:hover, #content .case-study a:active {
  text-decoration: none;
}

.case-study h2 {
  color: #000;
}

.case-study h4 {
  background-color: #000;
  display: block;
  padding: 5px;
  padding-left: 10px;
}

.case-study h5 {
  font-size: 0.9em;
}

.case-study ul.films {
  list-style-type: none;
}

.case-study ul.films li {
  float: left;
  display: block;
  margin-right: 17px;
}

.case-study ul.films li.norightpad {
  margin-right: 0;
}

.case-study ul.films li p {
  margin: 0;
  margin-bottom: 0.5em;
}

.blueBg {
  background-color: #021626;
}

.vidArea {
  width: 400px;
  height: 225px;
  position: absolute;
  border: 1px solid #FFF;
}

.vidContent {
  width: 390px;
  margin-left: 440px;
  height: 240px;
}

#videoProduction .videoRow {
  padding-top: 5px;
  padding-bottom: 5px;
}

#videoProduction .videoRow h2, #videoProduction p {
  margin: 0;
  padding: 0;
}

#content .videoRow p, #content .multiRow p {
  color: #668FBF;
  margin: 0;
  padding: 0;
}

#videoProduction a:link, #videoProduction a:visited, #multimedia a:link, #multimedia a:visited {
  color: #FF0;
  text-decoration: underline;
}

#videoProduction a:hover, #videoProduction a:active, #multimedia a:hover, #multimedia a:active {
  color: #FFF;
  text-decoration: underline;
}

#videoProduction .videoRow img {
  float: left;
  margin-right: 20px;
  border: 1px solid #FFF;
}

#multimedia .multiRow {
  padding-top: 10px;
  height: 180px;
}

#multimedia .multiRow img {
  float: left;
  margin-left: 40px;
  margin-right: 20px;
}

#animation .animRow {
  min-height: 1%;
}

#animation .animRow-summary {
  padding-top: 10px;
  border-bottom: 1px solid #CCC;
  min-height: 50px;
}

#animation .animRow-detail, #animation .animRow-banner {
  display: none;
}

#animation .detailVid {
  float: right;
  border: 1px solid #000;
  margin-left: 15px;
  margin-bottom: 10px;
}

#animation .animRow .animImg {
  float: left;
  display: inline;
  margin-right: 20px;
  position: relative;
}

#animation a:link {
  color: #000;
  text-decoration: underline;
}

#animation a:visited {
  color: #666;
  text-decoration: underline;
}

#animation a:hover, #animation a:active {
  text-decoration: none;
}

#animation h2, #animation h3 {
  color: #000;
}

#animRightPane {
  float: right;
  background-color: #FFF;
  width: 199px;
  border-left: 1px solid #CCC;
}

#blogLeftPane {
  width: 645px;
  border-right: 1px solid #666;
  padding-right: 15px;
}

#blogLeftPane h2 {
  color: #444;
  font-size: 0.8em;
  margin: 0;
  margin-bottom: 0.25em;
}

#blogLeftPane h3 {
  margin: 0;
  margin-bottom: 0.25em;
  color: #444;
  font-size: 0.8em;
}

#blogLeftPane h4 {
  margin: 0;
  margin-bottom: 0.25em;
  color: #444;
  font-size: 0.8em;
  font-style: italic; 
  font-weight: normal;
}

#blogRightPane {
  position: absolute;
  width: 189px;
  right: 0;
  top: 20px;
  padding-left: 10px;
}

#blogRightPane h2 {
  font-size: 0.9em;
}

#blogRightPane h3 {
  font-size: 0.8em;
}

#animRightPane .projectBox {
  margin-left: 10px;
  margin-right: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #CCC;
  color: #000;
}

#animRightPane h2 {
  color: #666;
  text-align: center;
}

#animLeftPane p {
  margin: 0 0 1.12em;
}

#latestProjects {
  background-color: #FFF;
  border-bottom: 1px solid #333333;
  padding: 20px;
  min-height: 200px;
}

#latestProjects .projectBox {
  float: left;
  width: 260px;
  margin-left: 20px;
}

#latestProjects p {
  color: #333;
}

#latestProjects h1, #latestProjects h2, #latestProjects h3 {
  color: #000;
}

#latestProjects a:link, #latestProjects a:visited {
  color: #000;
  text-decoration: underline;
}

#latestProjects a:hover, #latestProjects a:active {
  color: #000;
  text-decoration: none;
}

#recentProjects {
  margin-top: 1px;
  position: relative;
  height: 490px;
}

#recentProjects #eno-img {
  position: absolute;
  left: 0;
  width: 443px;
  height: 489px;
  display: block;
}

#recentProjects #redbull-img {
  position: absolute;
  right: 0;
  width: 443px;
  height: 489px;
  display: block;
}

#recentProjects #eno-overlay, #recentProjects #redbull-overlay {
  position: absolute; 
  width: 162px;
  opacity: 0.87;
  filter: alpha(opacity=87);
  background-color: #050505;
  display: none;
  font-size: 1.1em;
  padding: 0 10px;
}

#recentProjects #eno-overlay, #recentProjects #redbull-overlay {
  right: 0px;
}

#recentProjects #eno-overlay p, #recentProjects #redbull-overlay p {
  line-height: 1.3em;
}

#recentProjects .overlay-yellow {
  color: #FFDA00;
}

#recentProjects .overlay-title {
  text-align: center;
}

#recentProjects .overlay-view {
  text-align: right;
}

#recentProjects a:link, #recentProjects a:hover, #recentProjects a:active, #recentProjects a:visited {
  text-decoration: none;
}

#footer {
  border-top: 1px solid #FFF;
  position: relative;
  background-color: #000;
  padding: 20px;
  color: #FFF;
  height: 153px;
}

#footer p {
  font-size: 12px;
}

#footer h4 {
  font-size: 14.4px;
}

#leftFooter {
  position: absolute;
  width: 240px;
}

#leftFooter ul {
  list-style-type: none;
  font-size: 12px;
  width: 225px;
  margin-left: 20px;
  padding-top: 5px;
}

#leftFooter li {
  float: left;
  width: 105px;
  padding-bottom: 5px;
}

#centerFooter {
  position: absolute;
  left: 280px;
  width: 365px;
}

#rightFooter {
  position: absolute;
  width: 210px;
  left: 670px;
}

#rightFooter label {
  width: 6em;
  float: left;
  text-align: right;
  margin-right: 0.5em;
  display: block;
  font-weight: bold;
}

#rightFooter .submit input {
  float: right;
  margin-right: 3em;
  width: 4em;
}

#rightFooter input {
  width: 8em;
  font-size: 1em;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #000;
  color: #FFF;
  border: 1px solid #FFF;
}

#rightFooter p {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.centerImage {
  display: block;
  margin-left: auto;
  margin-right: auto 
}

#m4moduleform_1 input.fbsubmit, #m5moduleform_2 input.fbsubmit {
  margin-right: 3em;
  width: 8em;
  margin-left: 45em;
} 

#m4moduleform_1 input, #m5moduleform_2 input {
  width: 200px;
  border: 1px solid #666;
  background-color: #FFF;
  color: #021626;
  padding: 1px;
}

#m4moduleform_1 select, #m5moduleform_2 select {
  border: 1px solid #666;
}

#m4moduleform_1 textarea, #m5moduleform_2 textarea {
  width: 450px;
  font-family: Arial, Helvetica, sans-serif;
  height: 200px;
  background-color: #FFF;
  border: 1px solid #666;
  color: #021626;
  padding: 1px;
}

#m4moduleform_1 label, #m4moduleform_1 .interested, #m5moduleform_2 label, #m5moduleform_2 .interested, #content .fakeLabel {
  width: 13em;
  float: left;
  text-align: right;
  margin-right: 2em;
  display: block;
  font-weight: bold;
}

#m4moduleform_1 legend, #m5moduleform_2 legend {
  display: none;
}

#m4moduleform_1, #m5moduleform_2 {
  font-size: 0.75em;
  margin-bottom: 2em;
}

#m4moduleform_1 .contactform div, #m5moduleform_2 .contactform div {
  position: relative;
  padding: 6px;
}

#m4moduleform_1 .radioButtons input {
  width: 1em;
  background-color: transparent;
  border: 0;
  position: absolute;
  left: 15em;
  top: 0;
  font-weight: normal;
}

#m4moduleform_1 .radioButtons label {
  position: absolute;
  left: 17em;
  text-align: left;
  top: 0;
}

.clear {
  clear: both;
  height: 1px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  line-height: 1px;
  font-size: 1px;
}

.contentArea .error_message {
  font-size: 0.8em;
  margin-left: 4em;
}

.blogSep {
  border: none 0; 
  border-top: 1px dotted #999;
  width: 500px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
  height: 1px;
  text-align: center;
}

.hide {
  display: none;
}

.show, #animation .show {
  display: block;
}
/* End of 'tmax' */