/* 
  --------------------------------------------------------------
  File:    home.css
  Purpose: SaxII home page style sheet
  Author:  Ax3soft

  Copyright (c) 2006 Ax3soft, All Rights Reserved.
  --------------------------------------------------------------
*/

/* -- Globals -- */

div.tl,
div.tr,
div.bl,
div.br {
    position          : absolute;
    width             : 9px;
    height            : 9px;
    }
div.read-more {
    position          : absolute;
	right             : 3px;
    bottom            : 3px;
    width             : 71px;
    height            : 12px;
    }

/* -- CLASS ID's -- */

#page-container {
    margin-left       : 7px;
    margin-right      : 7px;
    }
#firstrow-container {
    position          : relative;
    width             : 0px;
    height            : 211px;
    margin-bottom     : 7px;
    color             : #d0deea;
    }
#secondrow-container {
    position          : relative;
    width             : 809px;
    height            : 135px;
    margin-bottom     : 7px;
    }
#headlines-container {
    position          : relative;
    width             : 809px;
    height            : 22px;
	padding-left      : 10px;
    }
#middle-container {
    position          : relative;
    width             : 809px;
    height            : 205px;
    }    
#bottom-container {
    position          : relative;
    width             : 809px;
    height            : 450px;
    }
#bottom-container div.left {
    position          : absolute;
    left              : 0px;
    top               : 0px;
    width             : 537px;
    height            : 100%;
    }
#bottom-container div.right {
    position          : absolute;
    left              : 544px;
    top               : 0px;
    width             : 267px;
    height            : 100%;
    }

/* -- Row 1 : Product Splash, Top Features -- */

#product-splash {
    position          : absolute;
    top               : 0px;
    left              : 0px;
    width             : 537px;
    height            : 211px;
    }
	/*
#top-features {
    position          : absolute;
    top               : 0px;
    left              : 544px;
    width             : 265px;
    height            : 211px;
    }
	*/
#top-features a,
#top-features a:visited {
    color             : #a6bede;
    text-decoration   : none;
    }
#top-features a:hover,
#top-features a:active {
    color             : #ffcc33;
    text-decoration   : none;
    }
#top-features div.border {
    width             : 265px;
    height            : 209px;
    border            : #263b59 1px solid;
    background-color  : #263b59;
    }
#top-features div.tl {
    left              : 0px;
    top               : 0px;
    background        : url('../images/tl0.gif') no-repeat;
    }
#top-features div.bl {
    left              : 0px;
    top               : 202px;
    background        : url('../images/bl0.gif') no-repeat;
    }
#top-features div.tr {
    left              : 258px;
    top               : 0px;
    background        : url('../images/tr0.gif') no-repeat;
    }
#top-features div.br {
    left              : 258px;
    top               : 202px;
    background        : url('../images/br0.gif') no-repeat;
    }
#top-features div.cap {
    position          : absolute;
    left              : 10px;
    top               : 7px;
    width             : 145px;
    height            : 22px;
    background        : #263b59 url('../images/tf.gif') no-repeat;
    }
#top-features div.txt {
    position          : absolute;
    top               : 30px;
    left              : 10px;
    width             : 240px;
    height            : 50px;
    font              : normal 11px/12px Tahoma, Arial, Helvetica, Sans-Serif;
    }
#top-features div.col-01 {
    position          : absolute;
    top               : 170px;
    left              : 10px;
    width             : 70px;
    height            : 45px;
    font              : normal 11px/12px Tahoma, Arial, Helvetica, Sans-Serif;
    }
#top-features div.col-02 {
    position          : absolute;
    top               : 170px;
    left              : 83px;
    width             : 90px;
    height            : 45px;
    font              : normal 11px/12px Tahoma, Arial, Helvetica, Sans-Serif;
    }
#top-features div.col-03 {
    position          : absolute;
    top               : 170px;
    left              : 178px;
    width             : 75px;
    height            : 45px;
    font              : normal 11px/12px Tahoma, Arial, Helvetica, Sans-Serif;
    }
#preview {
    width             : 252px;
    height            : 106px;
    background        : url('../images/preview_01.png') no-repeat;
    }

/* -- Row 2 : Enterprise Customers, Success Stories, Award Winning Software -- */

#ec {
    position         : absolute;
    left             : 0px;
    top              : 0px;
    width            : 264px;
    height           : 132px;
    }
#ec div.border {
    width            : 100%;
    height           : 100%;
    border           : #dddddd 1px solid;
    background-color : #f2f2f2;
    }
#ec div.tl {
    left             : 0px;
    top              : 0px;
    background       : url('../images/imagestl3.gif') no-repeat;
    }
#ec div.bl {
    left             : 0px;
    top              : 125px;
    background       : url('../images/imagesbl3.gif') no-repeat;
    }
#ec div.tr {
    left             : 257px;
    top              : 0px;
    background       : url('../images/imagestr3.gif') no-repeat;
    }
#ec div.br {
    left             : 257px;
    top              : 125px;
    background       : url('../images/imagesbr3.gif') no-repeat;
    }
#ec div.cap {
    position         : absolute;
    left             : 10px;
    top              : 7px;
    width            : 163px;
    height           : 17px;
    background       : #f2f2f2 url('../images/imagesec.gif') no-repeat;
    }
#ec div.txt {
    position         : absolute;
    left             : 10px;
    top              : 24px;
    color            : #333333;
    width            : 240px;
    }
#ec div.flash {
    position         : absolute;
    left             : 13px;
    top              : 60px;
    width            : 212px;
    height           : 40px;
    }
/*
	#ec div.read-more {
    left             : 202px;
    top              : 117px;
  }
*/
#ss {
    position         : absolute;
    left             : 273px;
    top              : 0px;
    width            : 262px;
    height           : 132px;
    }
#ss div.border {
    width            : 100%;
    height           : 100%;
    border           : #dddddd 1px solid;
    background-color : #f2f2f2;
    }
#ss div.tl {
    left             : 0px;
    top              : 0px;
    background       : url('../images/imagestl3.gif') no-repeat;
    }
#ss div.bl {
    left             : 0px;
    top              : 125px;
    background       : url('../images/imagesbl3.gif') no-repeat;
    }
#ss div.tr {
    left             : 255px;
    top              : 0px;
    background       : url('../images/imagestr3.gif') no-repeat;
    }
#ss div.br {
    left             : 255px;
    top              : 125px;
    background       : url('../images/imagesbr3.gif') no-repeat;
    }
#ss div.cap {
    position         : absolute;
    left             : 10px;
    top              : 7px;
    width            : 95px;
    height           : 14px;
    background       : #f2f2f2 url('../images/imagesss.gif') no-repeat;
    }
#ss div.txt {
    position         : absolute;
    left             : 10px;
    top              : 24px;
    color            : #333333;
    width            : 250px;
    }
#ss div.edsoft {
    position         : absolute;
    left             : 30px;
    top              : 62px;
    width            : 98px;
    height           : 33px;
    background       : #f2f2f2 url('../images/imagesedsoft.gif') no-repeat;
    }
#ss div.kinook {
    position         : absolute;
    left             : 135px;
    top              : 85px;
    width            : 96px;
    height           : 25px;
    background       : #f2f2f2 url('../images/imageskinook.gif') no-repeat;
    }
/*
#ss div.read-more {
    left             : 200px;
    top              : 117px;
    }
*/
#aws {
    position         : absolute;
    left             : 544px;
    top              : 0px;
    width            : 265px;
    height           : 132px;
    }
#aws div.border {
    width            : 100%;
    height           : 100%;
    border           : #dddddd 1px solid;
    background-color : #f2f2f2;
    }
#aws div.tl {
    left             : 0px;
    top              : 0px;
    background       : url('../images/imagestl3.gif') no-repeat;
    }
#aws div.bl {
    left             : 0px;
    top              : 125px;
    background       : url('../images/imagesbl3.gif') no-repeat;
    }
#aws div.tr {
    left             : 258px;
    top              : 0px;
    background       : url('../images/imagestr3.gif') no-repeat;
    }
#aws div.br {
    left             : 258px;
    top              : 125px;
    background       : url('../images/imagesbr3.gif') no-repeat;
    }
#aws div.cap {
    position         : absolute;
    left             : 10px;
    top              : 7px;
    width            : 185px;
    height           : 19px;
    background       : #f2f2f2 url('../images/imagesaws.gif') no-repeat;
    }
#aws div.txt {
    position         : absolute;
    left             : 10px;
    top              : 24px;
    color            : #333333;
    width            : 250px;
    }
#aws div.award-01 {
    position         : absolute;
    left             : 10px;
    top              : 52px;
    width            : 74px;
    height           : 80px;
    background       : #f2f2f2 url('../images/imagesaward-top-25.png') no-repeat;
    }
#aws div.award-02 {
    position         : absolute;
    right            : 10px;
    top              : 54px;
    width            : 162px;
    height           : 77px;
    background       : #f2f2f2 url('../images/imagesaward-sdev.png') no-repeat;
    }
/*
#aws div.read-more {
    left             : 203px;
    top              : 117px;
    }
*/
/* -- Bottom Left: Example Applications, Frequently Asked Questions, Customer Feedback, Recent News -- */

#ea {
  position        : relative;
  float           : left;
  width           : 100%;
  height          : 208px;
  }
#ea div.border {
  width           : 100%;
  height          : 100%;
  }
#ea div.cap {
  position        : absolute;
  left            : 10px;
  top             : 7px;
  width           : 157px;
  height          : 17px;
  background      : url('../images/imagesea.gif') no-repeat;
  }
#ea div.txt {
  position        : absolute;
  left            : 10px;
  top             : 17px;
  width           : 100%;
  color           : #333333;
  }
#ea div.sample {
  position        : absolute;
  left            : 0px;
  top             : 9px;
  width           : 100%;
  }
 #ea div.sample-05 {
  position        : absolute;
  left            : 0px;
  top             : 38px;
  width           : 120px;
  height          : 145px;
  text-align      : center;
  }
#ea div.sample-06 {
  position        : absolute;
  left            : 132px;
  top             : 38px;
  width           : 120px;
  height          : 145px;
  text-align      : center;
  }      
#ea div.sample-01 {
  position        : absolute;
  left            : 264px;
  top             : 38px;
  width           : 120px;
  height          : 145px;
  text-align      : center;
  }
#ea div.sample-02 {
  position        : absolute;
  left            : 396px;
  top             : 38px;
  width           : 120px;
  height          : 145px;
  text-align      : center;
  }
#ea div.sample-03 {
  position        : absolute;
  left            : 528px;
  top             : 38px;
  width           : 120px;
  height          : 145px;
  text-align      : center;
  }
#ea div.sample-04 {
  position        : absolute;
  left            : 660px;
  top             : 38px;
  width           : 120px;
  height          : 145px;
  text-align      : center;
  }
/*
#ea div.read-more {
  top             : 190px;
  left            : 747px;
  }
*/
#faq {
  position        : relative;
  float           : left;
  width           : 262px;
  height          : 333px;
  margin-top      : 7px;
  }
#faq div.border {
  width           : 100%;
  height          : 100%;
  }
#faq div.cap {
  position        : absolute;
  left            : 10px;
  top             : 7px;
  width           : 214px;
  height          : 17px;
  background      : url('../images/imagesfaq.gif') no-repeat;
  }
#faq div.txt {
  position        : absolute;
  left            : 10px;
  top             : 35px;
  width           : 100%;
  color           : #333333;
  }
/*
#faq div.read-more {
  top             : 360px;
  left            : 200px;
  }
*/
#cf {
  position        : relative;
  float           : left;
  width           : 265px;
  height          : 180px;
  margin-top      : 7px;
  margin-left     : 7px;
  }
#cf div.border {
  width           : 100%;
  height          : 100%;
  }
#cf div.cap {
  position        : absolute;
  left            : 10px;
  top             : 7px;
  width           : 175px;
  height          : 14px;
  background      : url('../images/imagescf.gif') no-repeat;
  }
#cf div.txt {
  position        : absolute;
  left            : 10px;
  top             : 35px;
  width           : 250px;
  color           : #333333;
  background      : url('../images/imagescf2.png') no-repeat center center;
  }
/*
#cf div.read-more {
  left            : 203px;
  top             : 165px;
  }
*/
#rn {
  position        : relative;
  float           : left;
  width           : 265px;
  height          : 145px;
  margin-top      : 7px;
  margin-left     : 7px;
  }
#rn div.border {
  width           : 100%;
  height          : 100%;
  }
#rn div.cap {
  position        : absolute;
  left            : 10px;
  top             : 7px;
  width           : 121px;
  height          : 14px;
  background      : url('../images/imagesrn.gif') no-repeat;
  }
#rn div.txt2 {
  position        : absolute;
  left            : 10px;
  top             : 30px;
  width           : 250px;
  color           : #333333;
  }
#rn div.txt {
  position        : absolute;
  left            : 10px;
  top             : 137px;
  width           : 250px;
  color           : #333333;
  }
/*
#rn div.read-more {
  left             : 203px;
  top              : 240px;
  }
*/
#marchsale {
  position        : relative;
  float           : left;
  margin-top      : 7px;
  margin-bottom   : 7px;
  width           : 249px;
  height          : 64px;
  }

#cp {
  position        : relative;
  float           : left;
  margin-top      : 7px;
  width           : 265px;
  height          : 110px;
  }
#cp div.border {
  width           : 100%;
  height          : 100%;
  border          : #dddddd 1px solid;
  }
#cp div.tl {
  left            : 0px;
  top             : 0px;
  background      : url('../images/imagestl3.gif') no-repeat;
  }
#cp div.bl {
  left            : 0px;
  top             : 103px;
  background      : url('../images/imagesbl3.gif') no-repeat;
  }
#cp div.tr {
  left            : 258px;
  top             : 0px;
  background      : url('../images/imagestr3.gif') no-repeat;
  }
#cp div.br {
  left            : 258px;
  top             : 103px;
  background      : url('../images/imagesbr3.gif') no-repeat;
  }
#cp div.cap {
  position        : absolute;
  left            : 10px;
  top             : 7px;
  width           : 152px;
  height          : 17px;
  background      : url('../images/imagescp.gif') no-repeat;
  }
#cp div.txt {
  position        : absolute;
  left            : 80px;
  top             : 30px;
  color           : #595959;
  width           : 180px;
  }
#cp div.box {
  position        : absolute;
  left            : 20px;
  top             : 35px;
  width           : 48px;
  height          : 67px;
  background      : url('../images/imagesproduct-box.gif') no-repeat;
  }
#cp div.read-more {
  width           : 84px;
  }
#ftas {
  position        : relative;
  float           : left;
  margin-top      : 7px;
  width           : 265px;
  height          : 110px;
  }
#ftas div.border {
  width           : 100%;
  height          : 100%;
  border          : #dddddd 1px solid;
  }
#ftas div.tl {
  left            : 0px;
  top             : 0px;
  background      : url('../images/imagestl3.gif') no-repeat;
  }
#ftas div.bl {
  left            : 0px;
  top             : 103px;
  background      : url('../images/imagesbl3.gif') no-repeat;
  }
#ftas div.tr {
  left            : 258px;
  top             : 0px;
  background      : url('../images/imagestr3.gif') no-repeat;
  }
#ftas div.br {
  left            : 258px;
  top             : 103px;
  background      : url('../images/imagesbr3.gif') no-repeat;
  }
#ftas div.cap {
  position        : absolute;
  left            : 10px;
  top             : 7px;
  width           : 207px;
  height          : 17px;
  background      : url('../images/imagesftas.gif') no-repeat;
  }
#ftas div.txt {
  position        : absolute;
  left            : 80px;
  top             : 30px;
  width           : 180px;
  color           : #595959;
  }
#ftas div.image {
  position        : absolute;
  top             : 35px;
  left            : 15px;
  width           : 53px;
  height          : 48px;
  background      : url('../images/imageswinlogo.png') no-repeat;
  }

#gls {
  position        : relative;
  float           : left;
  margin-top      : 7px;
  width           : 265px;
  height          : 92px;
  }
#gls div.border {
  width           : 100%;
  height          : 100%;
  border          : #dddddd 1px solid;
  }
#gls div.tl {
  left            : 0px;
  top             : 0px;
  background      : url('../images/imagestl3.gif') no-repeat;
  }
#gls div.bl {
  left            : 0px;
  top             : 85px;
  background      : url('../images/imagesbl3.gif') no-repeat;
  }
#gls div.tr {
  left            : 258px;
  top             : 0px;
  background      : url('../images/imagestr3.gif') no-repeat;
  }
#gls div.br {
  left            : 258px;
  top             : 85px;
  background      : url('../images/imagesbr3.gif') no-repeat;
  }
#gls div.cap {
  position        : absolute;
  left            : 10px;
  top             : 7px;
  width           : 246px;
  height          : 17px;
  background      : url('../images/imagesgls.gif') no-repeat;
  }
#gls div.txt {
  position        : absolute;
  left            : 80px;
  top             : 30px;
  width           : 180px;
  color           : #595959;
  }
#gls div.image {
  position        : absolute;
  top             : 35px;
  left            : 20px;
  width           : 43px;
  height          : 48px;
  background      : url('../images/imagesglobe.png') no-repeat;
  }

#sam {
  position        : relative;
  float           : left;
  margin-top      : 7px;
  width           : 265px;
  height          : 107px;
  }
#sam div.border {
  width           : 100%;
  height          : 100%;
  border          : #dddddd 1px solid;
  }
#sam div.tl {
  left            : 0px;
  top             : 0px;
  background      : url('../images/imagestl3.gif') no-repeat;
  }
#sam div.bl {
  left            : 0px;
  top             : 100px;
  background      : url('../images/imagesbl3.gif') no-repeat;
  }
#sam div.tr {
  left            : 258px;
  top             : 0px;
  background      : url('../images/imagestr3.gif') no-repeat;
  }
#sam div.br {
  left            : 258px;
  top             : 100px;
  background      : url('../images/imagesbr3.gif') no-repeat;
  }
#sam div.cap {
  position        : absolute;
  left            : 10px;
  top             : 7px;
  width           : 198px;
  height          : 17px;
  background      : url('../images/imagessam.gif') no-repeat;
  }
#sam div.txt {
  position        : absolute;
  left            : 80px;
  top             : 30px;
  width           : 180px;
  color           : #595959;
  }
#sam div.image {
  position        : absolute;
  top             : 35px;
  left            : 20px;
  width           : 48px;
  height          : 48px;
  background      : url('../images/imagessupport.png') no-repeat;
  }