* 
{
    margin:0;
    padding:0;
}
body 
{
    background-color:red;
    background:purple /*url('paper-background-optimized.jpg') repeat top left*/;
    font:normal 16px Georgia, "Times New Roman", Times, serif;             
    padding:10px 0 10px 0;
    color:#fff;
}
a, a:link, a:visited
{ 
    text-decoration:none;   
    color:#fff;
}
a:active, a:hover
{ 
    text-decoration:underline;   
}
p,ol {
    padding:10px 0 10px 0;
    line-height:24px; 
}
br {
    clear:both;
}
h1, h2, h3, span.quote-h1, span.quote-h2, span.quote-h3 {
    float:left;
    padding-bottom:10px;  
    font-weight:normal;   
    color:#444;
}
h1, span.quote-h1 {
    font-size:28px;
}
h2, span.quote-h2 {
    font-size:22px;
}
h3, span.quote-h3 {
    font-size:18px;
}
span.quote-h1 {
    margin-left:10px;
}
span.quote-h2, span.quote-h3 {
    margin-left:5px;
}




div.wrap 
{
    width:860px; 
    margin:0 auto 0 auto;
    padding:0 0 10px 0;
}
div.box 
{
    padding:30px;
    background-color:#fff;
    -moz-border-radius:5px; 
    color:#222;
    margin:0;
}
div.box a, div.box a:link, div.box a:visited
{ 
    text-decoration:none;   
    color:purple;
    padding:3px 0 3px 0;
    -moz-border-radius:5px;     
}
div.box a:hover
{ 
    text-decoration:none; 
    background-color:purple;  
    color:#fff;
}
div.box-grid 
{
    height:80px; 
    overflow:hidden;
}
div.box-grid a
{
    font-weight:bold; 
    font-size:90%;
}
img.image 
{            
    width:200px;
    height:auto; 
    margin:10px 0 20px 20px;
    float:right;
    -moz-border-radius:5px; 
}        

/*
    begin menu ol
*/
ol.menu 
{
    list-style:none;
    padding:0;
    margin:0; 
    width:860px;
    height:40px;
}
ol.menu li 
{
    padding:0;
    margin:0 10px 0 0 ;
    float:left;
}
ol.menu li a 
{
    position:relative;    
    top:8px;
    margin:0;        
    padding:11px 20px 11px 20px;
    color:#fff;
    text-decoration:none;
    -moz-border-radius:5px; 
}
ol.menu li a span {}
ol.menu li a.active,
ol.menu li a:active 
{
    background-color:#fff;
    color:#222;
}
ol.menu li a:hover 
{
    background-color:#fff;
    color:#222;
}


/*
    end menu ol
*/


/*
    begin products ol
*/
ol.products {
    padding:0;
    list-style:none;     
    width:760px;
    margin:0 auto 0 auto;
}
ol.products li {            
    width:340px; 
    float:left;
    margin:0 20px 20px 20px;
}
ol.products img {            
    width:140px;
    height:auto;
    float:left;
    -moz-border-radius:5px; 
}
ol.products p {            
    float:left; 
    clear:none; 
    width:200px;
    margin-top:10px;
    text-align:center;
    font-size:150%;
    color:#444;
}
ol.products input {
    margin-top:20px;
    color:#fff;
    font:bold 14px Georgia, "Times New Roman", Times, serif;                 
    width:120px;
    height:40px;
    border:1px none #fff;
    text-align:center;
    background:url('button-sprite-green-120x120(40).png') no-repeat top left;
}
ol.products input:hover {
    background:url('button-sprite-green-120x120(40).png') no-repeat center left;
}
ol.products input:active {
    background:url('button-sprite-green-120x120(40).png') no-repeat bottom left;
}
/* 
    end products ol
*/

/*
    begin contents ul
*/
ul.contents 
{
    width:600px;
    list-style:none;    
    clear:both;
    margin:0 auto 0 auto;
}
ul.contents li
{
    width:33%;
    float:left; 
    padding:3px 0 3px 0;
}



/*
div.row {
    width:100%;
    overflow:hidden;
}      
div.row-left {
    width:400px;
    border-right:400px solid red;
    margin-right:-400px;    
    float:left;
}      
div.row-right {
    width:400px;
    float:left;
}      
*/

div.grid 
{
    float:left;
    width:10px;
    border-left:425px solid transparent; 
    border-right:425px solid transparent;  
}
div.grid-split 
{
    float:left;
    width:10px;
    margin-right:-10px;
}
div.grid-left
{
    float:left;
    width:425px;
    margin-left:-425px;
    position:relative;
}
div.grid-right 
{
    float:right;
    width:425px;
    margin-right:-425px;
    position:relative;
}