html, body {
 font-family: ‘Courier New’, ‘Courier New’, monospace;
 color: #333333;
 background-color: #ffffff;
 font-size: 12px;
}
#container {
 background-color: #ffffff;
 position: relative;
 margin-left: auto;
 margin-right: auto;
 width: 900px;
}

#topbar
{ 
 background-color: #ffffff;
 position: relative;
 margin-left: auto;
 margin-right: auto;
 margin-top: 10px;
 margin-bottom: 10px;
 width: 432px;
 height: 120px;
}
.topbarimage img {
  border: 0 none;
  border-style: none;
}

#navigationbar {
 height: 29px;
 width: 484px;
 position: relative;
 margin-left: auto;
 margin-right: auto;
 padding-bottom: 4px;
}
.navigation-button,
.navigation-button-active {
 height: 29px;
 top: 0px;
 position: relative;
 display: block;
 float: left;
 padding: 0px;
 padding-left: 0px;
 padding-right: 0px;
 border-style: none;
 margin: 0px;
}
.navigation-button-active {
}
.navigation-button:hover,
.navigation-button-active:hover {
 background-color: #aaaaaa;
}
a.navigation-button,
a.navigation-button-active  {
 text-decoration:  none;
 color: #ffffff;
}
a.navigation-button img,
a.navigation-button-active  img{
 border: 0 none;
}

.gradient-left {
 background-image: url("images/gradient-left.png");
 width: 16px;
 height: 100%;
 position: absolute;
 float: left;   
}
.gradient-right {
 background-image: url("images/gradient-right.png");
 width: 16px;
 height: 100%;
 position: absolute;
 margin-left: 884px;
 float: right;
}
#content {
 position: relative;
 background-color: #d0d0d0;
 width: 900px;
 overflow: auto;
}
#content-inside {
 width: 836px; 
 float: left;
 margin-left: 32px;
 margin-right: 32px;
 margin-top: 16px;
 margin-bottom: 16px;
}

.horizontal-line {
 width: 900px;
 height: 1px;
  background-image: url("images/line.png");
}
.horizontal-line-short {
 margin-left: -16px;
 width: 868px;
 height: 1px;
  background-image: url("images/line_short2.png");
}
.productlink img {
 padding: 25px;
 border-style: none;

}
a.productlink {
 text-decoration: none;
 font-weight:bold;
 font-size: 22px;
 color: #000000;

}
.producttext {
 position: relative;
 top: -35px;
 left: -100px;
 text-align:right;
}

.flashbox {
 width: 640px;
 margin-left: auto;
 margin-right: auto;
}
.flashbox320 {
 width: 320px;
 margin-left: auto;
 margin-right: auto;
}
.producttitle {
 text-align: center;
 font-size: 200%;
 font-weight: bold;
}
.platforms {
 text-align: center;
}
.srimage {
width: 640px;
height: 370px;
margin-left: auto;
margin-right: auto;
}


.blogpost_start{
 background-image: url("images/blogrect_top.png");
 width: 836px;
 height: 7px;
}
.blogpost_content{
 background-image: url("images/blogrect_center.png");
 padding: 10px;
}
.blogpost_end{
 background-image: url("images/blogrect_bottom.png");
 width: 836px;
 height: 7px;
 margin-bottom: 10px;
}
.blogpost_content h1{
margin-top: -10px;
margin-bottom: 0px;
font-size: 200%;
font-weight: bold;
}
.blogpost_content h2{
margin-top: -5px;
font-size: 85%;
font-weight: bold;
}

#footer {
 position: relative;
 background-color: #d0d0d0;
 width: 900px;
 overflow: auto;
}
#footer-inside {
 width: 836px; 
 float: left;
 margin-left: 32px;
 margin-right: 32px;
 margin-top: 9px;
 margin-bottom: 5px;
}
#footer-inside a {
}
#twitbutton {
 vertical-align: bottom;
}
.twitter-follow-button {
 vertical-align: bottom;
}
.fb-link {
}
a.fb-link {
 text-decoration:  none;
}
.fb-link img {
  vertical-align: bottom;
  border: 0 none;
  border-style: none;
}

a.dbadge {
  border: 0 none;
  border-style: none;
}