@charset "UTF-8";
/* CSS Document */

/** for debugging 
div
{
  border:1px solid red;
}
**/



body
{
  margin:0;
  padding:1px;
  background-color:#000000;
  width:100%;
  color:#CCCCCC;
  font-family:Arial, Helvetica, sans-serif;
}

a
{
  color:#FFFFFF;
  text-decoration:none;
  border:none;
}

a:visited,
a:active
{
  color:#999999;
}  
a:active
{
  outline: none;
}

a:focus
{
  -moz-outline-style: none;
}

#main-container
{
  padding:1px;
  width:859px;
  height:auto;
  background:url(../images/poster_background.png) top left no-repeat;
  margin:0 auto;
}

#header
{
  height:108px;
  margin:0;
  padding:1px;
}

h1.site-name
{
  margin:0;
  padding:0;
  margin-left:45px;
  margin-top:50px;
}

h1.site-name a
{
  width: 225px;
  height: 20px;
  line-height:20px;/*two word menu items wrap, so make sure only one line shows*/
  background:url(../images/logo.png) top left no-repeat;
  text-indent:10001px;  
  overflow:hidden;/*two word menu items wrap, so hide the overlap*/
  display: block;
}
      
#site-tagline
{
  margin:0;
  padding:0;
  margin-left:45px;
  width: 225px;
  height: 28px;
  line-height:28px;/*two word menu items wrap, so make sure only one line shows*/
  text-indent:10001px;  
  overflow:hidden;/*two word menu items wrap, so hide the overlap*/
  display: block;
}

#main-content
{
  padding-top:1px;
  margin:0;
  margin-left:122px;
  width:592px;
  background-color:#4D4D4D;
  background:url(../images/sc_content_background.jpg) top left no-repeat;
  
}

h2.page-title
{
  width:592px;
  height:auto;
  text-align:center;
  padding:0;
  margin-top:40px;
  font-size:1.2em;
  display:none;
}

#page-tagline
{
  display:none;

}

#content-body
{
}

#product-menu
{
  width:436px;
  margin-left:78px;
  margin-top:105px;
  margin-bottom:40px;
}

ul.products
{
  list-style:none;
  margin:0;
  padding:0;
}

li.product
{
  margin:0;
  padding:0;
  margin-bottom:20px;
}

a.product-stagecraft
{
  display: block;
  margin-left:78px;
  width: 280px;
  height: 360px;
  overflow:hidden;/*two word menu items wrap, so hide the overlap*/
  background:url(../images/stagecraft.jpg) bottom left no-repeat;
  text-indent:10001px;  
  line-height:360px;
}

#product-overview
{
  width:460px;
  height:auto;
  margin-left:78px;
  margin-top:40px;
  padding-bottom:20px;
}

#product-overview p
{
  margin-top:0;
}

#footer
{
  font-size:0.8em;
  margin-top:40px;
  padding: 20px;
}