body
{
  background-color: rgb(100,100,100);
  margin: 0px;
  padding: 0px;
}

.l-col
{
  background-color: rgb(50,50,50);
  background-image: url(../images/twg.gif);
  background-repeat: no-repeat;
  background-position: bottom;
}

.r-col
{
  background-color: rgb(92,123,142);
  background-repeat: no-repeat;
  background-position: bottom;
}

a, .tan
{
  color: rgb(255,204,51);
}

a:hover
{
  color: rgb(255,255,255);
}

.content, .content table
{
  padding: 25px 25px 25px;
  color: rgb(255,255,255);
  font-family: arial, verdana, sans-serif;
  font-size: 12px;
  line-height: 15px;
}

.content p, .content table p
{
  margin: 0px 0px 15px 0px;
  padding: 0px;
}

.content p.special
{
  margin: 0px 0px 15px 30px;
  padding: 0px;
}

.clients
{
  padding: 0px;
  margin: 0px 5px 0px 10px;
  color: rgb(255,255,255);
  font-family: arial, verdana, sans-serif;
  font-size: 12px;
  line-height: 16px;
}

h1
{
  color: rgb(255,255,255);
  font-family: arial, verdana, sans-serif;
  font-weight: bold;
  font-size: 14px;
  line-height: 15px;
  margin: 0px;
  padding: 0px;
}

#copyright
{
  padding: 0px;
  margin: 5px 5px 20px;
  color: rgb(200,200,200);
  font-family: arial, verdana, sans-serif;
  font-size: 10px;
  line-height: 12px;
  text-align: right;
}

.temp
{
  padding: 0px;
  margin: 150px 15px 0px 20px;
  color: rgb(255,255,255);
  font-family: arial, verdana, sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
}

h2
{
  color: rgb(255,200,0);
  font-family: arial, verdana, sans-serif;
  font-weight: bold;
  font-size: 13px;
  line-height: 15px;
  margin: 0px;
  padding: 0px;
}

table table h2
{
  color: rgb(255,200,0);
  font-family: arial, verdana, sans-serif;
  font-weight: bold;
  font-size: 13px;
  line-height: 15px;
  margin: 8px 0px 2px;
  padding: 0px;
}

.recent-news
{
  width: 170px;
  min-width: 170px;
  max-width: 170px;
  background-image: url(../images/recent-news.png);
  background-repeat: no-repeat;
  border-bottom: 1px solid rgb(80,80,80);
  margin: -5px 15px 100px 15px;
  font-family: arial, sans-serif;
  font-size: 11px;
  color: white;
  padding: 0px;
}

.recent-news-padding
{
  padding: 10px;
}

.recent-news a
{
/*
  margin: 0px 0px 5px;
  padding: 5px;
  display: block;
  text-decoration: none;
  color: rgb(220,220,220);
  border: 1px solid transparent;
*/
  color:rgb(255,204,51);
  text-decoration: none;
}

.recent-news a:hover
{
/*
  text-decoration: none;
  color:rgb(255,204,51);
  background-color: rgb(70,70,70);
  border: 1px dotted rgb(100,100,100);
*/
  color:rgb(255,204,51);
  text-decoration: underline;
}

dl
{
  padding: 0px;
  margin: 0px;
}

#c-expand dt
{
  color: white;
  font-family: arial, verdana, sans-serif;
  font-weight: bold;
  font-size: 13px;
  line-height: 15px;
  margin: 10px 0px 5px 0px;
  padding: 0px;
  text-decoration: underline;
}

#c-expand dt:hover
{
  text-decoration: underline;
}

#c-expand dd
{
  margin: 0px 0px 0px 12px;
  padding: 0px;
  text-align: left;
}

#nav
{
  padding: 115px 0px 100px 30px;
  margin: 0px;
}

#nav img
{
  border: none;
  display: block;
  margin: 0px;
  padding: 0px;
}

.sub-nav
{
  padding: 0px 0px 10px 10px;
  font: 12px/15px arial, verdana, sans-serif;
}      

.sub-nav a:link, .sub-nav a:visited
{
  color: #ffffff;
  text-decoration: none;
  display: block;
  margin-bottom: 5px;
}

.sub-nav a:hover, .sub-nav a:active
{
  color: #ffcc33;
  text-decoration: none;
}   

#nav-about, #nav-services, #nav-clients, #nav-cases
{
  display: none;
}

#home img, #thirty img, #about img, #services img, #clients img, #cases img, #contact img 
{
  display: block;
  width: 140px;
  height: 25px;
}

#home
{
  display: block;
  width: 140px;
  height: 25px;
  background: url(../images/nav-home.gif);
}

.home-01 #home
{
  background: url(../images/nav-home-on.gif);
}

#thirty
{
  display: block;
  width: 140px;
  height: 25px;
  background: url(../images/nav-30sec.gif);
}

.thirty-01 #thirty
{
  background: url(../images/nav-30sec-on.gif);
}

#about
{
  display: block;
  width: 140px;
  height: 25px;
  background: url(../images/nav-about.gif);
}

.about-01 #about, .about-02 #about, .about-03 #about, .about-04 #about
{
  background: url(../images/nav-aboutus-on.gif);
}

#services
{
  display: block;
  width: 140px;
  height: 25px;
  background: url(../images/nav-services.gif);
}

.services-01 #services, .services-02 #services, .services-03 #services, .services-04 #services, .services-05 #services, .services-06 #services, .services-07 #services, .services-08 #services, .services-09 #services
{
  background: url(../images/nav-services-on.gif);
}

#clients
{
  display: block;
  width: 140px;
  height: 25px;
  background: url(../images/nav-clients.gif);
}

.clients-01 #clients
{
  background: url(../images/nav-clients-on.gif);
}

#cases
{
  display: block;
  width: 140px;
  height: 25px;
  background: url(../images/nav-cases.gif);
}

.cases-01 #cases, .cases-02 #cases, .cases-03 #cases, .cases-04 #cases, .cases-05 #cases, .cases-06 #cases, .cases-07 #cases, .cases-08 #cases, .cases-09 #cases, .cases-10 #cases, .cases-11 #cases
{
  background: url(../images/nav-cases-2.gif);
}

#contact
{
  display: block;
  width: 140px;
  height: 25px;
  background: url(../images/nav-contact.gif);
}

.contact-01 #contact
{
  background: url(../images/nav-contact-on.gif);
}

.about-01 #nav-about, .about-02 #nav-about, .about-03 #nav-about, .about-04 #nav-about
{
  display: block;
}

.about-01 #about-01, .about-02 #about-02, .about-03 #about-03, .about-04 #about-04 
{
  color: #ffcc33;
  cursor: default;
}

.services-01 #nav-services, .services-02 #nav-services, .services-03 #nav-services, .services-04 #nav-services, .services-05 #nav-services, .services-06 #nav-services, .services-07 #nav-services, .services-08 #nav-services, .services-09 #nav-services
{
  display: block;
}

.services-01 #services-01, .services-02 #services-02, .services-03 #services-03, .services-04 #services-04, .services-05 #services-05, .services-06 #services-06, .services-07 #services-07, .services-08 #services-08, .services-09 #services-09 
{
  color: #ffcc33;
  cursor: default;
}

.clients-01 #nav-clients, .clients-02 #nav-clients
{
  display: block;
}

.clients-01 #clients-01, .clients-02 #clients-02
{
  color: #ffcc33;
  cursor: default;
}

.cases-01 #nav-cases, .cases-02 #nav-cases, .cases-03 #nav-cases, .cases-04 #nav-cases, .cases-05 #nav-cases, .cases-06 #nav-cases, .cases-07 #nav-cases, .cases-08 #nav-cases, .cases-09 #nav-cases, .cases-10 #nav-cases, .cases-11 #nav-cases
{
  display: block;
}

.cases-01 #cases-01, .cases-02 #cases-02, .cases-03 #cases-03, .cases-04 #cases-04, .cases-05 #cases-05, .cases-06 #cases-06, .cases-07 #cases-07, .cases-08 #cases-08, .cases-09 #cases-09, .cases-10 #cases-10, .cases-11 #cases-11
{
  color: #ffcc33;
  cursor: default;
}

#slideshow
{
  float: right;
  margin: 0px 0px 10px 15px;
  position: relative;
  width: 200px;
  height: 150px;
}

#slideshow img
{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8;
  opacity: 0.0;
  display: block;
}

#slideshow img.active
{
  z-index: 10;
  opacity: 1.0;
}

#slideshow img.last-active
{
  z-index: 9;
}