/* CSS Document */

HTML {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  height: 100%;
  border: none;
  }

BODY {
  background-color:#20282f;
  height:100%;
  font-family:Arial, Helvetica, sans-serif;
  padding:0px;
  margin:0px;
  color:#FFFFFF;
  }
  
TD, DIV {
  font-family:Arial, Helvetica, sans-serif;
  }
  
FORM {
  padding:0px;
  margin:0px;
  }
  
INPUT.fields{ 
  /*background: transparent ;*/
  background:#FFFFFF;
  font-size:9px;
  /*border:1px solid #FFFFFF;*/
  border:0px;
  color: #666666;
  padding-left:3px;
  margin:0px;
  width:100px;
  }

INPUT[type="image"] {
  background-color: transparent;
  border: 0px;
}

input:focus, select:focus, textarea:focus {
  background: #ccd1d6;
  }

UL {
  list-style-image:url(img/global/wh_bullet.gif);
  margin-top:12px;
  }
  
A, A:active, A:visited {
  color:#C36E17;
  text-decoration:none;
  }
A:hover {
  color:#FFFFFF;
  }

#pageContainer {
  position:relative;
  margin:22px;
  }

.navBttns {
  margin-bottom:2px;
  }
  
#footer {
  color:#545B62;
  font-size:12px;
  padding-top:10px;
  }
  
A.footer, A.footer:active, A.footer:visited {
  color:#6C7378;
  font-size:12px;
  text-decoration:none;
  }

A.footer:hover {
  color:#6C7378;
  font-size:12px;
  text-decoration:underline;
  }
  

/* FEATURES */

/* FONTS */

.blue {
  color:#5FC3F5;
  font-size:12px;
  }

.blueSm {
  color:#b8d0e3;
  font-size:9px;
  }
  
.blueReg {
  color:#5FC3F5;
  }
  
.grey, A.grey:link, A.grey:active, A.grey:visited {
  color:#a8a8a8;
  font-size:14px;
  text-decoration:none;
  text-transform:uppercase;
  }
A.grey:hover {
  color:#FFFFFF;
  }
  
.greySm, A.greySm:link, A.greySm:active, A.greySm:visited {
  color:#a8a8a8;
  font-size:12px;
  text-decoration:none;
  }
A.greySm:hover {
  color:#FFFFFF;
  }
  
.white {
  color:#FFFFFF;
  font-size:12px;
  text-decoration:none;
  }
  
A.white, A.white:active, A.white:visited {
  color:#FFFFFF;
  text-decoration:none;
  }

A.white:hover {
  color:#FFFFFF;
  }

.whiteSm {
  color:#FFFFFF;
  font-size:10px;
  text-decoration:none;
  }

A.whiteSm, A.whiteSm:active, A.whiteSm:visited {
  color:#FFFFFF;
  text-decoration:underline;
  }

A.whiteSm:hover {
  color:#FFFFFF;
  }

.orange {
  color:#C36E17;
  text-decoration:none;
  font-size:11px;
  line-height:15px;
  }


#bottomContainer {
  width: 742px;
  height:14px;
  margin-top:6px;
  background: #282e35;
  text-align:left;
  }
.bottomContainer {
  background:#000000;
  width: 127px;
  height:14px;
  border-right:5px solid #20282f;
  text-align:left;
  }
  
/* PAGE STYLES */


/*#homeTransparentBox {
  filter: alpha(opacity=50);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  opacity:0.5;
  }*/
 
TABLE.solid {
  /*filter:alpha(opacity=100);*/
  /*opacity: 1;*/
  /*filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);*/
  /*-moz-opacity:1.0;*/
  position: relative;
  font-weight: normal;
  color: #FFFFFF;
  font-size:11px;
  line-height:15px;
  }

/*.people {
  border-bottom:1px solid #0b0c15;
  }*/




/* home */

#homeContainer {
  margin-top:-480px;
  width:740px;
  height:480px;
  border-top:1px solid #7f8c92;
  border-left:1px solid #7f8c92;
  border-bottom:1px solid #0b0c15;
  border-right:1px solid #0b0c15;
  z-index:99;
}

#homeBackgroundContainer {
  background-image:url(img/home/bg.jpg);
  width:740px;
  height:480px;
}

#homeBoxMiddle {
  /* must be absolutely positioned to overlap flash */
  position:absolute;
  width:348px;
  margin:0px 0px 0px -20px;
  /*background-color:#20282f;*/
  /*opacity:0.75;*/
  float:left;
  z-index:99;
}

#homeBoxRight {
  /* must be absolutely positioned to overlap flash */
  position:absolute;
  width:231px;
  margin:72px 0px 0px 328px;
  /*background-color:#20282f;*/
  /*opacity:.75;*/
  float:left;
  z-index:99;
}

#homeBoxMiddleSolid {
  background-image:url(img/home/bkgrnd_opac_75.png);
  background-repeat:repeat;
  padding:12px 16px 16px 16px;
}

#homeBoxRightSolid {
  background-image:url(img/home/bkgrnd_opac_75.png);
  background-repeat:repeat;
  padding:16px 0px 16px 0px;
}

#LeftBubble {
  position:absolute;
  padding:0px 0px 0px 95px;
}

#RightBubble {
  position:absolute;
  padding:0px 0px 0px 79px;
}

#solid {
}




/* Home Page - "What's New" list */

#HomeHeaderWhatsNew {
  padding:0px 0px 3px 0px;
  border:0;
}

#HomeHeaderVFXReel {
  padding:0px 0px 3px 0px;
  border:0;
}

ul.homeNews {
  margin:0px 0px 0px 0px;
  display:block;
  overflow:auto;
  list-style-type:none;
  padding:0px 0px 0px 0px;
}

li.homeNews {
  width:316px;
  display:block;
  float:left;
  clear:both;
  border-bottom: 1px solid #2A333B;
  background-color:#20282f;
  cursor:pointer;
}

li.homeNews:hover {
  background-color:#14191F;
  cursor:pointer;
}


div.rowbreak {
  clear:both;
}

img.homeNews {
  float:left;
  clear:both;
  width:83px;
  height:62px;
  border:0px;
}

div.homeNewsText {
  float:left;
  width:219px;
  padding:6px 6px 0px 8px;
}

span.homeNews1 {
  display:inline;
  float:left;
  font-size:13px;
  font-weight: normal;
  color: #ffffff;
  font-family:Arial,Verdana,Helvetica,sans-serif;
}

span.homeNews2 {
  float:left;
  font-size:10px;
  font-weight: normal;
  color: #b3b3b3;
  font-family:Arial,Verdana,Helvetica,sans-serif;
  line-height:11px;
}

span.homeNewsDate {
  display:block;
  position:absolute;
  width:219px;
  text-align:right;
  margin:42px 0px 0px 0px;
  font-size:10px;
  font-weight: normal;
  color: #545B62;
  font-family:Arial,Verdana,Helvetica,sans-serif;
}


/* Home Page - "VFX Reel" */

#HomeVFXPlayButton {
  position:absolute;
  background-color:#20282f;
  margin:-16px 0px 0px 170px;
  padding:6px 9px 6px 9px;;
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius:6px;
}




/* services */

#servicesContainer {
  background-image:url(img/services/bg.jpg);
  width:740px;
  height:480px;
  border-top:1px solid #7f8c92;
  border-left:1px solid #7f8c92;
  border-bottom:1px solid #0b0c15;
  border-right:1px solid #0b0c15;
  }
  
#servicesTransparentBox1 {
  width:526px;
  height: 253px;
  background-repeat:no-repeat;
  /*background-color:#20282f;*/
  background-image: url(img/services/transbox1.jpg);
  /*padding:8px;*/
  }
  
#servicesTransparentBox2 {
  width:526px;
  height: 226px;
  background-repeat:no-repeat;
  /*background-color:#20282f;*/
  background-image: url(img/services/transbox2.jpg);
  margin-top: 1px;
  /*padding:8px;*/
  }
  
/* contacts */

#contactsContainer {
  background-image:url(img/contacts/bg.jpg);
  width:740px;
  height:480px;
  border-top:1px solid #7f8c92;
  border-left:1px solid #7f8c92;
  border-bottom:1px solid #0b0c15;
  border-right:1px solid #0b0c15;
  }
  
/* clients */

#clientsContainer {
  background-image:url(img/clients/bg.jpg);
  width:740px;
  height:480px;
  border-top:1px solid #7f8c92;
  border-left:1px solid #7f8c92;
  border-bottom:1px solid #0b0c15;
  border-right:1px solid #0b0c15;
  }
  
#clientsTransparentBox1 {
  width:526px;
  height: 60px;
  background-repeat:no-repeat;
  /*background-color:#20282f;*/
  background-image: url(img/clients/transbox1.jpg);
  /*padding:8px;*/
  }
  
#clientsTransparentBox2 {
  width:526px;
  height: 419px;
  background-repeat:no-repeat;
  /*background-color:#20282f;*/
  background-image: url(img/clients/transbox2.jpg);
  margin-top: 1px;
  /*padding:8px;*/
  }
  
/* company */

#companyContainer {
  background-image:url(img/company/bg.jpg);
  width:740px;
  height:480px;
  border-top:1px solid #7f8c92;
  border-left:1px solid #7f8c92;
  border-bottom:1px solid #0b0c15;
  border-right:1px solid #0b0c15;
  }
  
#companyTransparentBox {
  width:526px;
  height: 480px;
  background-repeat:no-repeat;
  /*background-color:#20282f;*/
  background-image: url(img/company/transbox.jpg);
  /*padding:8px;*/
  }
  
/* company */

#newsContainer {
  background-image:url(img/news/bg.jpg);
  width:740px;
  height:480px;
  border-top:1px solid #7f8c92;
  border-left:1px solid #7f8c92;
  border-bottom:1px solid #0b0c15;
  border-right:1px solid #0b0c15;
  }
  
#newsTransparentBox {
  width:526px;
  height: 480px;
  background-repeat:no-repeat;
  /*background-color:#20282f;*/
  background-image: url(img/news/transbox.jpg);
  /*padding:8px;*/
  }
  
/* vfx */

#vfxContainer {
  background-image:url(img/vfx/bg.jpg);
  width:740px;
  height:480px;
  border-top:1px solid #7f8c92;
  border-left:1px solid #7f8c92;
  border-bottom:1px solid #0b0c15;
  border-right:1px solid #0b0c15;
  }
  
#vfxTransparentBox {
  width:505px; 
  background-color:#20282f;
  background-image: url(img/vfx/transbox.jpg);
  background-repeat:no-repeat;
  padding:8px;
  }