/* element styles */
/*
body {
  background: url('../images/background-gradient.jpg') repeat-x;
  margin: 0;
  text-align: center;
}
img { border: none; }
ul {
  margin: 0 0 0 10px;
  padding: 0 0 0 10px;
}
li {
  margin: 0;
  padding: 0;
}
a:link    { color: #666666; }
a:active  { color: #333; }
a:visited { color: #333; }
*/

/* text classes */
/*
.small-content        { font: normal  7pt Verdana; color: #000; }
.small-content strong { font: bold   10pt Verdana; color: #000; }
.normal-text          { font: normal 10pt Verdana; color: #000; }

a.small-content { font: bold 7pt Verdana; text-decoration: none; }
.small-content a { font: normal 7pt Verdana; text-decoration: none; }
a.small-content:link,a.small-content:visited,a.small-content:active,
.small-content a:link,.small-content a:visited,.small-content a:active {
  color: #000;
}
a.small-content:hover { color: #eee; }
.small-content a:hover { color: #666; }
*/
/* text classes */
/*
.xfooter        { font: normal  7pt Verdana; color: #666666; }
.xfooter a:link,.small-content a:visited,.small-content a:active { color: #000; }
.xfooter a:hover { color: #666; }
.xfooter {
	position: absolute;
	top: 560px;
	left: 77px;
}
*/
/* style classes */
/*
.outer-border {
  border: 1px solid;
  border-color: #bbb #909090 #909090 #bbb;
}
.inner-border {
  border: 1px solid;
  border-color: #808080 #eee #eee #808080;
}
.pad-box {
  margin: 0;
  padding: 14px 5px;
}
.seperator-bottom { border-bottom: solid 1px #808080; }
*/
/* positioning classes */
/*
.header {
  position: absolute;
  top: 5px;
}
.main {
  position: absolute;
  top: 34px;
}
.footer {
	position: absolute;
	top: 514px;
	left: 82px;
}
.width-thin {
  left: 5px;
  position: absolute;
  width: 350px;
}
.width-wide {
  left: 362px;
  position: absolute;
  width: 502px;
}
.width-full {
  left: 5px;
  position: absolute;
  width: 859px;
}
.border-widen {
  width: 504px;
}
*/

/* container styles */
#page-container {
  background: url('../images/background-metal.jpg');
  margin: auto;
  padding: 5px;
  position: relative;
  text-align: left;
  width: 860px;
  height: 530px;
}
#browser-notice {
  display: none;
}
#main-image-container {
  height: 500px;
  overflow: hidden;
}
#tagline-container.footer {
  font: bold 10pt/20px Verdana;
  height: 20px;
  overflow: hidden;
  text-align: center;
}
#navigation-list {
  display: block;
  height: 22px;
  margin: 0;
  overflow: hidden;
  padding: 0;
}
#navigation-list li {
  float: left;
	list-style: none inside none;
  margin: 0;
  padding: 0;
}

#scroller-container {
  height: 146px;
  overflow: hidden;
  position: relative;
}
#slide-container {
  background: #a0a0a0;
  height: 146px;
  left: 0px;
  position: absolute;
  top: 0px;
}
#slide-container-a,#slide-container-b {
  display: inline;
  margin:  0;
  padding: 0;
}

#content-container {
  height: 319px;
  margin-top: 5px;
  max-height: 319px;
}
#continue-container {
  background: #3c3c3c;
  font: bold 10pt/20px Verdana;
  height: 20px;
  text-align: right;
}
#continue-container a { font: bold 10pt/20px Verdana; margin-right: 10px; text-decoration: none; }
#continue-container a:link,#continue-container a:visited,#continue-container a:active { color: #fff; }
#continue-container a:hover { color: #ccc; }

/* join */
ul.small-content {
  line-height: 10pt;
}

/* studio */
#tagline-container.header {
  font: normal  7pt/22px Verdana; color: #000;
  height: 22px;
  overflow: hidden;
}
#tagline-container.header strong {
  font: bold   10pt/22px Verdana; color: #000;
}
#update-image-container {
  height: 333px;
  overflow: hidden;
  width: 388px;
}
#update-image-container,.preview-image-container {
  border: 1px solid #333;
  float: left;
  margin: 8px 13px;
}
.preview-image-container {
  height: 99px;
  width: 180px;
}