* {font-family:Verdana,Arial,Helvetica; font-size:13px;}
h1 {font-size:28px; text-align:center; margin-top:0; padding-top:8px;}
h2 {font-size:18px;}
dl {font-size:14px;}
dt {font-weight:bold; cursor:pointer; margin-bottom:0.2em;}
dd {margin:0.2em 0 0.5em 2em;}
.fb-like {display:block; float:left;}
.PlusMinus {font-family:"Courier New",Courier,monospace; font-size:12px; margin-right:4px; color:black;}
.date {color:blue; font-weight:bold;}
.normal {color:black; font-weight:normal;}
.survey input[type=text] {width:100%;}
.survey textarea {width:100%; height:5em;}
.survey radio {margin-left:32px;}
.clearfloat {clear:both;}
img {border-style:none;}
img.center {display:block; margin-left:auto; margin-right:auto;}
p.center,h1.center,h2.center,h3.center,div.center {text-align:center;}
#logo {border-style:none; position:absolute; top:2px; left:10px;}

body {
  background-color:#b8b8c8;
  border-width:20px;
  border-style:ridge;
  border-color:#D1D1D1;
  padding:16px;
  min-width:750px;
}

.ProductInfo {
  background-image:url('../images/marb097.jpg');
  width:500px; height:240px;
  border-color:green;
  border-radius:25px;
  box-shadow: 10px 10px 20px;
  display:block;
  padding:0 1em 1em 1em;
  margin:20px 40px 20px 0;
  float:left;
}

#header {
  background-color:white;
  height:50px;
  position:relative;
  border-radius:20px 20px 0 0;
  min-width:750px;
  box-shadow: 5px 5px 10px;
  z-index:-1;
}

#News,#Welcome,#BodyFrame {
  background-color:#FFFFCC;
  border-radius:25px;
  box-shadow: 10px 10px 20px;
  display:block;
  padding:0.5em 0 0.5em 20px;
  margin-bottom:2em;
}

#Welcome,#BodyFrame {padding:20px;}
#BodyFrame {background-color:white;}

#Footer {
  clear:both;
  font-size:10px;
  text-align:center;
  margin-top:24px;
}

.ProductImage {
  z-index:100;
  position:relative;
  width:200px; height:150px;
  float:left;
  margin:0 1em 0.5em 0;
  border-style:solid;
  border-width:1px;
  border-radius:25px;
}

.ProductImage:hover {cursor:url(images/zoomin.png),url(images/zoomin.cur),auto;}

.demo,.download,.moreinfo {
  text-align:center;
  text-decoration:none;
  color:white;
  font-weight:bold;
  background-image:url('../images/metal036.jpg');
  padding:0.4em 1em;
  box-shadow:2px 2px 5px black;
  border-radius:25px;
}
.demo:hover,.download:hover,.moreinfo:hover {background-color:green;}

.testimonial-quote {
  margin:0;
  background:#CCFFFF;
  box-shadow:4px 4px 10px gray;
  border-radius:20px;
  padding:5px 50px;
  position:relative;
  font-family:Georgia,serif;
  font-size:16px;
  font-style:italic;
  color:#191919;
}

.testimonial-quote:before, .testimonial-quote:after {
  position:absolute;
  font-size:80px;
  font-style:normal;
  color:#A05500;
}

.testimonial-quote:before {content:open-quote; top:0; left:10px;}

.testimonial-quote:after {content:close-quote; bottom: -0.5em; right:10px;}

.testimonial-arrow-down {
  width:0;
  height:0;
  margin: 0 0 0 50px;
  border-left:15px solid transparent;
  border-right:15px solid transparent;
  border-top: 15px solid #CCFFFF;
}

.testimonial-author {
  margin:0 0 0 30px;
  font-family:Arial, Helvetica, sans-serif;
  color:#8D8D8D;
}

.testimonial-author span {font-size:85%; font-style:italic; color:#989898;}

.SourceCode {
  font-family:"Courier New", Courier, monospace;
  background:#FFFFCC;
  border-style:solid;
  border-width:1px;
  padding:12px;
  margin:12px;
}

.BoldCode {color:red; font-weight:bold}