body
{
  font-family:Arial,Helvetica,sans-serif;
  font-size:normal;
  color: white;
  background-color: #1C2F45;
  margin:5px;
  padding:0;
  border:0;                       /* This
removes the border around the viewport in old versions of IE */
        width:100%;
}

h1
{
padding-top: 20px;
}

.paypalnappi {
 margin-top: 10px;
}

.logo 
{
float: left;
}

.bottom {
 position:absolute; bottom:0px;
}

.logodark {
 background-color: black;
 clear: both;
 width: 430px;
 height: 364px;
}

.logowhite {
 background-color: #dce9f9;
 clear: both;
 width: 430px;
 height: 182px;
}

.rightedge {
 float: right;
}

.some {
 float: left;
 margin-left: 10px;
 margin-right: 10px;
}

.somecontainer {
 width: 800px;
 padding-left: 90px;
 margin-top: 60px;
}

.clearaus
{
 clear: both;
}

#menucontainer
{
 width: 1100px;
}

#menubar
{
 text-align: left;
 width: 875px:
 height: 65px;
 padding-left: 113px;
}

#menuhome
{
 width: 175px;
 height: 65px;
 background-image:url('menubar/homebutton.png');
 background-repeat:no-repeat;

}

.menuitem
{
 background-color: #5b7386;
 float: left;
 width: 175px;
 height: 65px;
}

.menuitem:hover
{
 background-color: #9ab7c7;

}


#menuproducts
{
 width: 175px;
 height: 65px;
 background-image:url('menubar/productsbutton.png');
 background-repeat:no-repeat;
}

#menublog
{
 width: 175px;
 height: 65px;
 background-image:url('menubar/upgradebutton.png');
 background-repeat:no-repeat;
}


#menucompany
{
 width: 175px;
 height: 65px;
 background-image:url('menubar/companybutton.png');
 background-repeat:no-repeat;
}


#menucontact
{
 width: 175px;
 height: 65px;
 background-image:url('menubar/contactbutton.png');
 background-repeat:no-repeat;
}








.product {
 width: 850px;
 background-color: #3c4e5f;
 border: 1px solid white;
 text-align: left;
 padding-left: 15px;
 font-size: 13pt;
 margin-bottom: 10px;
}

.producttext {
 width: 500px;
}

.sarjis {
  margin-bottom: 15px;
}

.productimage {
 float: right;
 clear: both;
 margin: 15px;

}


#seals {
 clear: both;
 margin-top: 25px;
}

#seals img .seal {
 height: 50%;
 width: 50%;
 
}

.showcase {
  width: 750px;
  clear: both;
}

.showcase a.a,.showcase .a {
  display: inline-block;
  text-decoration: none;
  text-align: left;
}
.a.l {
  width: 25%;
}
.a.m {
  width: 45%;
}
.a.r {
  width: 28%;
}
.showcase .a a {
  text-decoration: none;
}
.showcase .a.m {
  text-align: center;
}
.showcase .a.m p {
  display: inline-block;
  text-align: left;
}
/*.showcase img {
  float: left;
}*/

#madefor {
 padding-left: 80px;
 display: block;
 clear:both;
}

.showcasetext {
  font-family: "Verdana", Verdana;
  font-weight: 600;
  color: #9ab7c7;
  font-size: 13pt;
  width: 240px;
}
.showcase.first .showcasetext {
  position: relative;
  top: -56px;
}
.showcase.second .showcasetext {
  position: relative;
  top: -68px;
}

h1
{
text-transform:uppercase;
}
h2
{
text-transform:capitalize;
}


/* column container */
.colmask {
position:relative;      /* This fixes the IE7 overflow hidden bug */
clear:both;
float:left;
width:100%;                     /* width of whole page */
overflow:hidden;                /* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
float:left;
width:100%;                     /* width of page */
position:relative;
}
.col1,
.col2,
.col3 {
float:left;
position:relative;
padding:0 0 1em 0;      /* no left and right
padding on columns, we just make them narrower instead 
only padding top and bottom is
included here, make it whatever value you need */
overflow:hidden;
}
	/* 3 Column settings */
.threecol {
}
.threecol .colmid {
right:10%;                      /* width of the right column */
}
.threecol .colleft {
right:65%;                      /* width of the middle column */
}
.threecol .col1 {
width:63%;                      /* width of center column
content (column width minus padding on either side) */
        left:101%;                      /* 100% plus left padding of
center column */
}
.threecol .col2 {
        width:23%;                      /* Width of left column
content (column width minus padding on either side) */
        left:13%;                       /* width of (right column)
plus (center column left and right padding) plus (left column left
padding) */
}
.threecol .col3 {
        width:8%;                      /* Width of right column
content (column width minus padding on either side) */
        left:80%;                       /* Please make note of the
brackets here:
                                        (100% - left column width)
plus (center column left and right padding) plus (left column left and
right padding) plus (right column left padding) */
}

img
{  border-style: none;
}

#menu{
float:left;
text-align: left;
margin:0px auto;
padding-top:15px;
font-size:1em;
text-transform:lowercase;
}

#menu ul {
padding: 0px;
 margin: 0px;
 list-style: none;
}

#menu  ul li {
margin: 0px;
 list-style: none;
}

#menu A:visited, #menu A:link, #menu A:active 
{
text-decoration: none;
color: white;
}

#menu a:hover
{
text-decoration: none;
color: black;
}

a:link
{
color: white
}

a:visited
{
color: white
}

#features
{
border-collapse:collapse;
text-align:left;
}

#features td, #features th
{
font-size:0.7em;
border:1px solid #7199a9;
padding:3px 7px 2px 7px;
}

#features th 
{
font-size:0.7em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#557c8c;
color:#ffffff;
}

#features td
{
color:#ffffff;
background-color:#557c8c;
}

#features tr.alt td 
{
color:#ffffff;
background-color:#608090;
}

#versions td
{
padding-top:10px;
padding-bottom:10px;
}

.toright{
float:right;
clear:both;
padding:2px;
}