html
{height: 100%;
 width: 100%;
 border-top: 1px solid white;
 border-left: 0px;
 border-right: 0px;
 border-bottom: 0px;}

body
{background: white;
 text-align: center;
 font-family: arial, helvetica, helv, sans-serif;
 font-size: 0.75em;
 line-height: 1.5em;
 padding: 0px;
 margin: 0px;}

#wrapper
{width: 980px;
 height: 650px;
 background: transparent;
 text-align: left;
 margin: 0px auto;}

#content {height: 600px;}

#content.left {width: 320px; float: left;}

#content p.tiny {font-size: 0.75em;}

#content p
{border: 0px;
 margin-top: 0px;
 margin-left: 500px;
 margin-bottom: 1em;
 padding: 0px;}

#content p.product
{width: 250px;
 margin-left: 595px;}

#content p.product-left
{width: 250px;
 padding-left: 0px;
 margin-left: 20px;}
 
#content p.product-middle
{width: 250px;
 padding-left: 0px;
 margin-left: 300px;}

#content p.centre
{text-align: center;
 margin-left: 0px;}

#content em
{font-style: normal;
 font-size: 120%;}

#content a {color: #69BAE1; font-weight: bold;}
#content a:visited {color: #69BAE1;}
#content a:hover {color: #E2007A;}
 
#content a img {border: 0px;}

#content h1
{margin: 0px;
 border: 0px;
 padding: 0px;
 font-size: 200%;
 padding-top: 100px;
 padding-bottom: 20px;
 margin-left: 595px;}

#content h2
{margin: 0px;
 border: 0px;
 padding: 0px;
 font-size: 150%;
 text-align: center;
 padding-top: 170px;
 padding-bottom: 20px;}

#content div.scrollbox
{overflow: auto; 
 float: right;
 width: 360px;
 border-top: 2px solid #444444;
 border-left: 2px solid #666666;
 border-right: 2px solid #bbbbbb;
 border-bottom: 2px solid #999999;
 padding: 10px;
 background: white;}
 
#content div.scrollbox h3
{border: 0px;
 margin: 0px;
 margin-bottom: 1em;
 padding: 0px;
 text-align: center;}

#content div.scrollbox p
{border: 0px;
 margin: 0px;
 margin-bottom: 1em;
 padding-left: 20px;
 padding-right: 10px;
 text-align: center;
 float: left;}
 
#content div.scrollbox p.onecaption {padding-left: 0px; text-align: left; margin-bottom: 0;}

#content div.scrollbox p.sub-onecaption {text-align: left; display: inline-block; padding-left: 20px; margin-bottom: 1em;}

#content div.scrollbox p.onecaption img
{padding-left: 20px;
 padding-right: 10px;}

#menu
{height: 50px;
 text-align: center;
 margin-left: 180px;
 background: transparent url(images/menu-high.gif) top left no-repeat;}

#menu a
{border: 0px;
 margin-right: 5px;
 margin-bottom: 0px;
 padding: 0px;
 width: 120px;
 height: 35px;
 float: left;
 color: black;
 display: inline-block;}

#menu a:hover {background: transparent;}

#menu a span {display: none;}

#menu a img {border: 0px; margin: 0px; padding: 0px;}

#menu a.home {background: transparent url(images/menu-welcome.gif) center center;}
#menu a.home:hover {background: transparent;}

#menu a.snippets {background: transparent url(images/menu-snippets.gif) center center;}
#menu a.snippets:hover {background: transparent;}

#menu a.blog {background: transparent url(images/menu-blog.gif) center center;}
#menu a.blog:hover {background: transparent;}

#menu a.products {background: transparent url(images/menu-products.gif) center center;}
#menu a.products:hover {background: transparent;}

#menu a.contact {background: transparent url(images/menu-contact.gif) center center;}
#menu a.contact:hover {background: transparent;}