body,p,th,td { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px;}
body{ margin: 0px; background-image:url(img/top.png); background-position:top; background-repeat:repeat-x; background-color: white; }
img { border-style: none; border-color: inherit;  border-width: 0px; }
#page { margin-left: auto; margin-right: auto; width: 750px; }
#logo { margin-top: 20px; height: 87px; margin-bottom:0px;}
/* --- menu --- */
#menu { margin: 0px 0px 20px 0px; height: 30px; width: 100%; }
#menu ul { margin: 0px; padding: 0px; list-style: none; }
#menu li, #menu a { display: block; float: left; height: 30px; }
#menu a { text-indent: -5000px; background-image: url(img/menu.png); background-repeat:no-repeat; outline-style: none; }
#menu #datatools { width: 98px; background-position: 0px 0px; }
#menu #blog { width: 64px; background-position: -98px 0px;}
#menu #about { width: 71px; background-position: -162px 0px; }
#menu #customers { width: 107px; background-position: -232px 0px; }
#menu #contact { width: 83px; background-position: -339px 0px; }
#menu #tools { width: 66px; background-position: -525px 0px; }
#menu #datatools:hover { background-position: 0px -30px; }
#menu #blog:hover { background-position: -98px -30px;}
#menu #about:hover { background-position: -162px -30px; }
#menu #tools:hover { background-position: -525px -30px; }
#menu #customers:hover { background-position: -232px -30px; }
#menu #contact:hover { background-position: -339px -30px; }
/* -- home -- */
body#home { background-image:url(img/home/head.png); }
body#home #container { width: 100%; }
body#home #menu { margin-bottom: 0px; }
body#home #banner { width: 100%; height: 269px; }
body#home #blocks { width: 100%; min-height: 150px; margin-top: 10px; }
body#home .item { float: left; margin-right: 30px; width: 300px; }
body#home h1, h2, h3, h4, p { margin: 0px; padding: 0px; }

/* -- columns -- */
#coluns { width: 100%; }
#columns #col_right { float: right; width: 250px; }
#columns #col_main { margin-left: 0px; margin-right: 260px; min-height: 350px; }
/* -- right column -- */
div.item { width: 234px; min-height: 40px; margin: 0px 0px 15px 0px; padding: 0px 0px 10px 16px; background: #faf9f7 url(img/right-item-header.png) top repeat-x; }
div.item img { border: none; padding: 0px; margin: 0px; }
div.item h2 { padding: 0px; margin: 0px 0px 6px -16px; font-size: 15px; color: white; }
div.item h3 { padding: 0px; margin: 6px 0px 0px 0px; font-size: 12px; font-weight: bold; color: #e35b9a; }
div.item p { padding: 0px; margin: 0px; color: #978e79; }
div.item h2 a { color: white; text-decoration: none; } 
div.item h2 a:hover { text-decoration: underline; }
div.item h3 a { color: #e35b9a; text-decoration: none; } 
div.item h3 a:hover { text-decoration: underline; }
div.item p a { color: #e35b9a; text-decoration: none; } 
div.item p a:hover { color: #e35b9a; text-decoration: underline; }
/* -- main column --*/
#col_main h1 { padding: 0px; margin: 0px 0px 6px 0px; font-size: 18px; color: #e35b9a; }
#col_main h2 { padding: 0px; margin: 0px; font-weight: bold; font-size: 14px; color: #e35b9a; }
#col_main h3 { padding: 0px; margin: 0px; font-size: 12px; color: #e35b9a; }
#col_main p { padding: 0px; margin: 0px 0px 5px 0px; color: #b8b2a7; }
#col_main a { color: #e35b9a; text-decoration: none; } 
#col_main a:hover { color: #e35b9a; text-decoration: underline; }
#col_main .section { margin: 0px 0px 5px 0px; padding: 0px; min-height: 120px; padding: 4px; border: 1px solid #e7e2d6; background-color: #faf9f7;}
#col_main .section h2 { margin-top: 2px; margin-bottom: 4px; }
#col_main .section h3 { margin-top: 2px; }
#col_main .section img { border: none 0px; display: inline-block; margin-top: 2px; margin-bottom: 2px; padding: 0px;}
div.customer { margin: 0px 0px 5px 0px; padding: 0px; min-height: 120px; padding: 4px; border: 1px solid #e7e2d6; background-color: #faf9f7;}
div.customer p { margin: 0px; padding: 0px; }
div.customer img { border: none 0px; display: inline-block; margin: 0px; padding: 0px;}
div.customer h2 { margin-bottom: 4px; }
table.specs { margin-bottom: 10px; }
table.specs th { font-weight: bold; text-align: left; font-size: 90%; color: #b8b2a7;}
table.specs td { padding-left: 8px; font-size: 90%;}
/* -- footer --*/
#footer { font-size: 80%; color: #999999; margin-top: 15px; clear: both;}
/* -- feature table -- */
table.features { width: 250px;}

table.features td.topic { font-weight: bold; }
table.features td.item { padding-left: 10px; }
table.features td.yes { text-align: center; color: #00CC00; }
table.features td.experimental { text-align: center; color: Orange; }