#headerLeft {
  position: relative;
  margin: 0 auto;
  left: 0;
  float: left;
  width: 275px;
  height: 50px;
  background-image: url(images/production/header-section-production.jpg);
  overflow: hidden;
}

#productionNav {
  position: relative;
  margin: 0 auto;
  right: 0;
  float: right;
  width: 485px;
  height: 50px;
  overflow: hidden;
  background-image: url(images/production/subnav-bg.jpg);
}

#productionBody {
  position: relative;
  float:left;
  margin: 0 auto;
  width: 760px;
  background-image: url('images/sales/bg-body.gif');
  background-repeat:repeat-y;
}

#topDivider {
  height:6px;
  float: left;
  width: 760px;
}

#columnLeft {
  position:relative;
  float: left;
  top:0;
  left: 0;
  width: 275px;
  padding: 0px 0px 0px 0px;
   background-color: #eaeaea;
  }

#productPicture {
  position: relative;
  margin: 0 auto;
  left: 0;
  top: -3px;
  padding: 0px 0px 0px 0px;
  overflow: hidden;
  }
  
#productionHomeText {
  position: relative;
  margin: 0 auto;
  left: 0;
  width: 235px;
  height: 284px;
  padding: 0px 20px 2px 20px;
  overflow: hidden;
  }
  
#productionDetailsText {
  position: relative;
  margin: 0 auto;
  left: 0;
  float: left;
  width: 275px;
  padding: 20px 0px 2px 0px;
  overflow: hidden;
  }
  
#productionDetailsTitle {
   padding: 10px 0px 3px 0px;
  overflow: hidden;
  }
  
#productionNavArea {
  position: absolute;
  margin: 0 auto;
  left: 0;
  top: 266px;
  width: 275px; 
  padding: 0px 0px 0px 0px;
}
 
#productionRight {
  position: relative;
  float: right;
  width: 485px;
  height: 286px;
  padding: 0 0;
  overflow: hidden;
}

#productionListing {
  position: relative;
  float: right;
  right: 0;
  width: 435px;
  height: 
  padding: 15px 25px 20px 25px;
  overflow: hidden;
}

.productListingBlock {
  position: relative;
  float: right;
  width: 435px;
  background-color: #F4F4F4;
  overflow: hidden;
  margin-bottom: 15px;
}

.productListingTitle {
  float: right;
  left: 195px;
  width: 230px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 14px;
  text-decoration: none;
  color: #d97600;
}


.productListingPhoto {
  position: relative;
  float: left;
  top: -3px;
  left: 0;
  width: 190px;
  height: 65px;
  overflow: hidden;
}

.productListingPrice {
  position: relative;
  float: right;
  right: 0;
  width: 215px;
  height: 25px;
  padding: 5px 15px;
}

.productListingMore {
  position: relative;
  float: right;
  right: 0;
  width: 435px;
  height: 15px;
  background-color: #ffffff;
}

#logoDisplay {
  position: relative;
  float: right;
  width: 435px;
  margin: 0 auto;
  padding: 10px 0px 10px 0px;
}

#productionDetails {
  position: relative;
  float: right;
  min-height:200px;
  height:auto !important;
  height:200px;
  width: 435px;
  padding: 15px 25px 20px 25px;
}

#productionDetailsDesc {
  padding: 0px 0px 10px 0px;
}

.productionFeatureText {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  line-height: 11px;
  color: #222222;
  text-decoration:none;
  }
  

.productionFeatureText:hover{
  color: #000088;
  }

#productionFeaturesSquareTL {
  position: absolute;
  width: 190px;
  height: 110px;
  left: 25px;
  top: 10px;
}

#productionFeaturesSquareTR {
  position: absolute;
  width: 190px;
  height: 110px;
  left: 267px;
  top: 10px;
}

#productionFeaturesSquareBR {
  position: absolute;
  width: 190px;
  height: 110px;
  left: 267px;
  top: 160px;
}

#productionFeaturesSquareBL {
  position: absolute;
  width: 190px;
  height: 110px;
  left: 25px;
  top: 160px;
}

.productionFeatureTitle {
  position: absolute;
  width: 190px;
  height: 30px;
  top: 0px;
  left: 0px;
  overflow: hidden;
}

.productionFeaturePhoto {
  position: absolute;
  text-align: center;
  width: 190px;
  height: 65px;
  top: 30px;
  overflow: hidden;
}

.productionFeatureMore {
  position: absolute;
  width: 190px;
  height: 15px;
  top: 95px;
  left: 0px;
  background: url(images/sales/featureMore.gif);
  background-position: 0px;
  text-indent: -999999px;
  overflow: hidden;
}

.productionFeatureMore:hover{
  position: absolute;
  width: 190px;
  height: 15px;
  top: 95px;
  left: 0px;
  background: url(images/sales/featureMore.gif);
  background-position: -190px 0px;
  text-indent: -999999px;
  overflow: hidden;
  
}

.productionListingMore {
  position: absolute;
  width: 190px;
  height: 15px;
  top: 0px;
  right: 0px;
  background: url(images/sales/featureMore.gif);
  background-position: 0;
  text-indent: -999999px;
  overflow: hidden;
}

.productionListingMore:hover{
   position: absolute;
  width: 190px;
  height: 15px;
  top: 0px;
  right: 0px;
  background: url(images/sales/featureMore.gif);
  background-position: -190px 0;
  text-indent: -999999px;
  overflow: hidden;
}

#price {
  position: relative;
  float: left;
  width: 202px;
  height: 40px;
  top: 6px;
  left: 10px;
}

#enlarge {
  position: relative;
  width: 73px;
  height: 34px;
  top: 0px;
  float: right;
  background: url(images/sales/button_enlarge.gif);
  background-position: 0;
  text-indent: -999999px;
  overflow: hidden;
}

#enlarge:hover {
  background: url(images/sales/button_enlarge.gif);
  background-position: -73px;
}

.backtoresults {
  position: relative;
  width: 114px;
  height: 15px;
  top: 0px;
  right: 0px;
  background: url(images/sales/button_backtoresults.gif);
  background-position: 0;
  text-indent: -999999px;
  overflow: hidden;
}

#backtoresults:hover {
  background: url(images/sales/button_backtoresults.gif);
  background-position: -114px;
}


  
  
  /* Navigation */
  
/* Navigation Rollovers */

#productionNav ul {
display: table-cell;
list-style-type: none;
width: 485px;
float: left;
margin: 0px;
padding: 0px;
}

#productionNav li {
display: table-cell;
float: left;
list-style-type: none;
position: relative;
margin: 0px;
padding: 0px;
}

li.navRecording a{
background: url(images/production/production-nav.jpg); 
float: left;
background-position: 0 0;
display: block;
width: 132px;
height: 50px;
text-indent: -999999px;
overflow: hidden;
}

li.navRecordingOn a{
background: url(images/production/production-nav.jpg);
float: left;
background-position: 0px -50px;
display: block;
width: 132px;
height: 50px;
text-indent: -999999px;
overflow: hidden;
}

li.navLive a{
background: url(images/production/production-nav.jpg);
float: left;
background-position: -133px 0px;
display: block;
width: 111px;
height: 50px;
text-indent: -999999px;
overflow: hidden;
}

li.navLiveOn a{
background: url(images/production/production-nav.jpg);
float: left;
background-position: -133px -50px;
display: block;
width: 111px;
height: 50px;
text-indent: -999999px;
overflow: hidden;
}

li.navVideo a{
background: url(images/production/production-nav.jpg);
float: left;
background-position: -245px 0;
display: block;
width: 111px;
height: 50px;
text-indent: -999999px;
overflow: hidden;
}

li.navVideoOn a{
background: url(images/production/production-nav.jpg);
float: left;
background-position: -245px -50px;
display: block;
width: 111px;
height: 50px;
text-indent: -999999px;
overflow: hidden;
}


li.navClients a{
background: url(images/production/production-nav.jpg);
float: left;
background-position: -357px 0;
display: block;
width: 130px;
height: 50px;
text-indent: -999999px;
overflow: hidden;
}

li.navClientsOn a{
background: url(images/production/production-nav.jpg);
float: left;
background-position: -357px -50px;
display: block;
width: 130px;
height: 50px;
text-indent: -999999px;
overflow: hidden;
}

li.navRecording a:hover{
background: url(images/production/production-nav.jpg);
background-position: -0 -50px;
}

li.navLive a:hover{
background: url(images/production/production-nav.jpg); 
background-position: -133px -50px;
}

li.navVideo a:hover{
background: url(images/production/production-nav.jpg);
background-position: -245px -50px;
}

li.navClients a:hover{
background: url(images/production/production-nav.jpg); 
background-position: -357px -50px;
}