body {
  background-color: #ffffff;
  font-family: Helvetica, Geneva, Lucida Grande, Arial;
}

.container {
  width: 876px;
  height: 597px;
  margin: 0px auto;
  text-align: center;
  background: url('/images/background.gif');
}

a.coolLink {
  color: #0066cc;
  text-decoration: none;
}

a.coolLink:visited {
  color: #0066cc;
  text-decoration: none;
}

a.coolLink:hover {
  color: #333333;
  text-decoration: underline;
}

a.hotLink {
  color: #d6083b;
  text-decoration: none;
}

a.hotLink:visited {
  color: #d6083b;
  text-decoration: none;
}

a.hotLink:hover {
  color: #333333;
  text-decoration: underline;
}

a.projectLink {
  color: #aaaaaa;
  text-decoration: none;
}

a.projectLink:visited {
  color: #aaaaaa;
  text-decoration: none;
}

a.projectLink:hover {
  color: #777777;
  font-weight: bold;
  text-decoration: none;
}

a.projectMediaLink {
  color: #d6083b;
  font-size: 9pt;
  text-decoration: none;
}

a.projectMediaLink:visited {
  color: #d6083b;
  font-size: 9pt;
  text-decoration: none;
}

a.projectMediaLink:hover {
  color: #333333;
  font-size: 9pt;
  text-decoration: none;
}


.hot {
  color: #d6083b;
}

.cool {
  color: #0066cc;
}

.mainBody {
  clear: both;
  float: left;
  margin-top: 50px;
  margin-left: 50px;
  height: 350px;
  width: 776px;
}

.mainNav {
  margin-top: -80px;
  text-align: center;
}

.whirlTabBlue {
  float: left;
  margin-top: 1px;
  margin-left: 751px;
}

.whirlTabRed {
  float: left;
  margin-top: 1px;
  margin-left: 40px;
}

.hwtHeader {
  clear: both;
  float: left;
  margin-top: -75px;
}

.wwdHeader {
  clear: both;
  float: right;
  margin-top: -75px;
}

.hwtLeftImage {
  clear: both;
  float: left;
  margin-top: -5px;
}

.wwdRightImage {
  clear: both;
  float: right;
  margin-top: -5px;
}

.wwdProjectsImage {
  float: left;
  margin-top: 20px;
  margin-left: -3px;
}

.wwdProjectsClientLink {
  float: left;
  margin-top: 10px;
}

.hwtBody {
  clear: both;
  float: left;
  margin-top: -345px;
  margin-left: 310px;
  width: 335px;
  font-family: Helvetica, Geneva, Lucida Grande, Arial;
  font-size: 10pt;
  text-align: left;
}

.wwdBody {
  float: left;
  margin-left: 130px;
  width: 335px;
  font-family: Helvetica, Geneva, Lucida Grande, Arial;
  font-size: 10pt;
  text-align: left;
}

.hwtSideNav {
  clear: both;
  float: right;
  margin-top: -240px;
  margin-right: 10px;
}

.wwdSideNav, .wwdProjectSideNav {
  float: left;
  margin-top: -240px;
  margin-left: 10px;
}

.wwdServicesDesignPrint {
  float: left;
  margin-left: 120px;
}

.wwdServicesDigital {
  float: left;
  margin-left: 342px;
  margin-top: -186px;
}

.wwdServicesEnvironments {
  float: left;
  margin-left: 565px;
  margin-top: -186px;
}

.wwdServicesLiveEvents {
  float: left;
  margin-left: 120px;
  margin-top: 5px;
}

.wwdServicesVideo {
  float: left;
  margin-left: 342px;
  margin-top: -210px;
}

.wwdServicesConference {
  float: left;
  margin-left: 565px;
  margin-top: -210px;
}

.wwdJoinConfirm {
  float: left;
  margin-left: 130px;
  width: 635px;
  font-family: Helvetica, Geneva, Lucida Grande, Arial;
  font-size: 10pt;
  text-align: left;
}

.people {
  text-align: left;
  margin-top: 0px;
  margin-left: 40px;
}

.personalProfile {
  background-color: #ffffff;
}

.lightboxScrollText {
  width: 300px;
  height: 250px;
  margin-top: 30px;
  margin-left: 20px;
  font-family: Helvetica, Geneva, Lucida Grande, Arial;
  font-size: 9pt;
}

.lightboxScrollArrows {
  float: right;
  margin-top: -35px;
  margin-right: 110px;
}

.mainpageScrollText {
  width: 330px;
  margin-top: 10px;
  margin-left: 0px;
  font-family: Helvetica, Geneva, Lucida Grande, Arial;
  font-size: 10pt;
}

.mainpageScrollArrows {
  float: right;
  margin-top: -20px;
  margin-right: -20px;
}

.mainClientLogin {
  clear: both;
  float: left;
  margin-top: 40px;
  margin-left: 40px;
}

.mainContact {
  float: right;
  margin-top: 40px;
  margin-right: 40px;
}

.hwtContact {
  float: left;
  margin-top: 40px;
  margin-left: 40px;
}

.wwdContact {
  float: right;
  margin-top: 40px;
  margin-right: 40px;
}

.joinContact {
  float: right;
  margin-top: 40px;
  margin-right: 40px;
}

.copyright {
  clear: both;
  float: right;
  margin-top: 23px;
  margin-right: 0px;
  color: #0066cc;
  font-family: Helvetica, Geneva, Lucida Grande, Arial;
  font-size: 8pt;
  text-align: right;
}

.nameTag {
  display: none;
  clear: both;
  float: left;
  text-align: center;
  font-family: Helvetica, Geneva, Lucida Grande, Arial;
  font-size: 10pt;
  color: #777777;
}

#nametagTony {
  margin-left: 60px;
}

#nametagJim {
  margin-left: 145px;
}

#nametagSean {
  margin-left: 225px;
}

#nametagKelly {
  margin-left: 310px;
}

#peopleTagline {
  clear: both;
  float: left;
  margin-top: 18px;
  margin-left: 140px;
  font-family: Helvetica, Geneva, Lucida Grande, Arial;
  font-size: 14pt;
  color: #aaaaaa;
}

#projectList {
  display: none;
  position: absolute;
  margin-top: 50px;
  margin-left: 390px;
}

.projectsKeyline {
  clear: left;
  float: left;
  text-align: left;
}

.projects {
  clear: right;
  float: right;
  margin-top: 0px;
  margin-left: -11px;
}

.projects p {
  padding: 0px;
  margin: 9px;
  margin-left: 10px;
}

.wwdProjectNav {
  position: absolute;
  margin-top: 560px;
  margin-left: 790px;
}

.miniBriefcase {
  position: absolute;
  margin-top: 150px;
  margin-left: 40px;
  text-align: left;
}

.clientsMiniBriefcase {
  position: absolute;
  margin-top: -10px;
  margin-left: -140px;
}

.projectBody {
  float: left;
  margin-top: -20px;
  margin-left: 126px;
  width: 650px;
  font-family: Helvetica, Geneva, Lucida Grande, Arial;
  font-size: 9pt;
  text-align: left;
}