/* CSS for the various subsections of the main navigation */

.copy  {
  padding-right: 50px;
  padding-left: 40px;
}

.clickable {
  cursor: pointer;
}

/* home */

#mmm-banner {
  position: absolute;
  top: 47%;
  width: 84%;
  padding-right: 1ex;
  text-align: right;
  overflow:hidden;
}
#mmm-banner h1 {
  font-size: 72px;
  color: white;
}
#mmm-banner .transparency {
  z-index: -1;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 1400px;   /* larger than contents; hidden by container's overflow: hidden */
  height: 300px;
  background: black;

  /* opacity commands for various old/non-conforming browsers */
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=75);
  -moz-opacity:0.75;
  -khtml-opacity: 0.75;
  opacity: .75;
}

#catbanner {
  float: right;
}
.navcatimg {
  display: block;
  height: 125px;
  width: 250px;
  margin: 5px;
}
.navcatimg img {
  border: none;
}

/* capabilities */

#capabilities-banner {
  margin-top: 15px;
  height: 125px;
  width: 400px;
}
#capabilities-banner img {
  height: 125px;
  width: 123px;
  margin: 0px;
  padding: 0px 2px;
}

#capabilities-banner-2 {
  width: 800px;
  position: relative;
  margin-bottom: -100px;
}
#capabilities-banner-2 img {
  height: 280px;
  width: 250px;
  padding: 0px 5px;
}
#capabilities-banner-2 img#capabilities-banner-2-car {
  display: block;
  height: 152px;
  width: 400px;
  position: relative;
  top: -100px;
  left: -30px;
}

#cap-points-img {
  height:"400px";
  width:"415px";
  float: right;
}

#capabilities-tall-text {
  padding-top: 2ex;
}
#capabilities-tall-imgs {
  float: left;
  padding-right: 2ex;
}
#capabilities-tall-imgs img {
  height:"300px";
  width:"150px";
}

#what-really-matters {
  padding-top: 15px;
}
#capabilities-last-banner {
  height: 250x;
  width: 800px;
}
#capabilities-last-banner img {
  height: 250px;
  width: 250px;
  margin: 0px;
  padding: 0px;
}
#capabilities-last-banner img.middle {
  padding-left: 10px;
  padding-right: 10px;
}

/* clients */

#clients-header {
  margin: 0px;
}

#client-banner-vehicles {
  margin-top: 10px;
  height: 191px;
  width: 600px;
}
#client-stripe {
  width: 100%;
  height: 75px;
  background: maroon;
  position: relative;
  top: 100px;
  z-index: -1;
}
#client-banner-photo {
  height: 331px;
  width: 525px;
  position: relative;
  top: -100px;
  z-index: -1;
}
#client-text{
  position: relative;
  top: -90px;
  width: 525px;
}

#section_clients ul {
  float: left;
}


/* case studies */

.casestudy .tabhead {
  border-bottom: 10px silver solid;
}
.casestudy .tabhead .tab {
  background: silver;
  padding: 2px;
  padding-left: 3ex;
  padding-right: 30ex;
  font-family: "Arial Black", Gadget, sans-serif;
/*  font-family: Impact, Charcoal, sans-serif;*/
/*  font-weight: bold;*/
  text-transform: uppercase;
  position: relative;
  top: 10px;   /* make up for border */
}
.casestudy .tabhead .notab {
  padding-left: 100px;
  position: relative;
  top: 8px;   /* make up for border */
  background: url("../images/tab_end.gif");
  background-repeat:no-repeat;

}
.casestudy .tabbody {
  border: 2px silver solid;
  padding: 2ex;
  background: white;
}

.casestudy .teaser {
  padding-bottom: 1ex;
}
.casestudy .teaser h2 {
  font-family: BodySerif, Georgia, serif;
  text-transform: none;
  font-size: 100%;
  font-weight: normal;
  color: black;
  margin: 0px 0px;
}
.casestudy .teaser h2 strong {
  font-family: "Arial Black", Gadget, sans-serif;
/*  font-family: Impact, Charcoal, sans-serif;*/
  font-size: 120%;
  font-weight: normal;
}
.casestudy .teaser h2 img.logo {
  padding-left: 5ex;
  height: 67px;
}
.casestudy .teaser h2 img.middle {
  vertical-align:middle;
}

.casestudy .teaser img.caseheader {
  position: relative;
  float: right;
  top: -45px;
  height: 100px;
}

.casestudy .body {
/*   display: none; */
  border-top: 1px silver solid;   /* important to not having jumpy elts on fadeIn/Out for some reason */
}
.casestudy .body h3 {
  font-family: "Arial Black", Gadget, sans-serif;
/*  font-family: Impact, Charcoal, sans-serif;*/
}

/* mostly image size decl, for faster rendering. heights mostly generally set above */
#nbalogo {
  width: 28px;
}

#nbacasephoto {
  width: 173px;
}

#case-nba-banner {
  height: 250px;
  width: 250px;
  float: right;
  padding-left: 10px;
}

#case-nba-wide {
  height: 200px;
  width: 100%;
  padding-top: 10px;
}

#shelllogo {
  width: 73px;
}

#shellcasecollage {
  width: 194px;
}

#case-shell-vehicles {
  height: 215px;
  width: 600px;
}

#case-shell-garage {
  height: 332px;
  width: 632px;
}
#samslogo {
  width: 125px;
  height: 125px;
  padding-right: 30px;
}

#sertalogo {
  width: 85px;
}

#case-serta-l, #case-serta-r {
  height: 300px;
  width: 400px;
}


/* gallery */

#gallerycats{
  width: 100%;
  border-bottom: thin gray solid;
  padding-bottom: 5px;
  margin-bottom: 15px;
}
.gallerycategory {
  position: relative;
  float: left;
  width: 225px;
  padding: 5px;
  padding-right: 10px;
  padding-left: 10px;
  margin: 5px;
}
.gallerycategory h2 {
  margin-bottom: 2px;
}
.gallerycategory img {
  padding-top: 8px;
  width: 200px;
  height: 100px;
/*   float: left; */
}
.gallerycategory .background {
  display: none;

  z-index: -1;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;

  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
/*   background: #ebf2fc; */
  background: #cee9ff;
  
  /* opacity commands for various old/non-conforming browsers */
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
  opacity: .5;

}
.gallerycategory:hover .background, .gallerycategory.current .background {
  display: block;
  border: 2px solid blue;
}

#gallerydijit {
  margin-left: 20px;
/*  margin-right: auto;
  width:860px;*/
}

/* video */

#player {
  display: block;
  margin-top: 30px;
  width: 640px;
  height: 360px;
  margin-top: 25px;
  margin-bottom: 50px;
}