/* generated by csscreator.com */
html, body{ 
 margin:0;
 padding:0; 
 text-align:center;
 font-family: arial;
} 

h1 {
font-family: verdana;
font-size: 16px;
font-weight: bold;
color: #007da2;
}

#informix {
width: 906px;
text-align: center;
margin-left: auto;
margin-right: auto;
 background-image: url("images/shadow.jpg");
background-position: top center;
background-repeat: repeat-y;
}

#btmshadow {
width: 906px;
height: 9px;
margin-left: auto;
margin-right: auto;
text-align: center;
background-image: url("images/bottomshadow.jpg");
background-position: top center;
background-repeat: no-repeat;
}
 
#pagewidth{ 
 width:893px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto; 
} 

#header {
 height:130px;
 width: 895px;
background-image: url("images/headerbg.gif");
background-position: top center;
background-repeat: repeat-x;
}



#logo {
width: 217px;
height: 45px;
margin-left: 20px;
margin-top: 10px;
float: left;
position: relative;
  background-image: url("images/logo.gif");
  background-position: top left;
  background-repeat: no-repeat;
  cursor: pointer;
}


#telnum {
width: 194px;
height: 42px;
  background-image: url("images/telnum.gif");
  background-position: top left;
  background-repeat: no-repeat;
  float: right;
  left: -20px;
  margin-top: 20px;
  position: relative;
}


 
#maincol{background-color: #FFFFFF;  
 float: left; 
 display:inline; 
 position: relative; 
 width: 893px;
 text-align: left;
 font-size: 12px;
 }
 
#footer{
 height:16px; 
 background-image: url("images/footer.gif");
background-position: top center;
background-repeat: no-repeat;
 clear:both;
 text-align: center;
 color: #FFF;
 font-size: 11px;
 line-height: 16px;
 } 
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  




#topnav {
line-height: 27px;
height: 27px;
color: white;
top: 16px;
position: relative;
text-indent: 0px;
clear: both;
}


#ags {
height: 27px;
float: left;
position: relative;
padding-left: 16px;
padding-right: 16px;
color: #fff;
cursor: pointer;
text-decoration: none;
background-image: url("images/spacer.gif");
background-position: top right;
background-repeat: no-repeat;
}

#agsrhs {
height: 27px;
float: left;
position: relative;
padding-left: 16px;
padding-right: 16px;
color: #fff;
hover: cursor;
text-decoration: none;
cursor: pointer;
}

#ags:link {color: #FFF; text-decoration: none; }
#ags:active {color: #FFF; text-decoration: none; }
#ags:visited {color: #FFF; text-decoration: none; }
#ags:hover {color: #fff; text-decoration: none; background-color: #F6911D; }

#agsrhs:link {color: #FFF; text-decoration: none; }
#agsrhs:active {color: #FFF; text-decoration: none; }
#agsrhs:visited {color: #FFF; text-decoration: none; }
#agsrhs:hover {color: #fff; text-decoration: none; background-color: #F6911D; }

.ags {
font-size: 12px;
color: #000;
font-family: verdana, arial;
}

.sentinel {
font-size: 12px;
color: #333;
font-family: verdana, arial;
}

li {
color: #333;
text-index: 8px;
font-family: verdana;
font-weight: bold;
margin-top: 0px;
margin-bottom: 8px;
list-style-type:none;
padding-left:15px;
background:transparent url(images/arrow.gif) no-repeat;
background-position:0 3px;

}


#topbtn {
height: 27px;
background-image: none;
background-position: top left;
background-repeat: no-repeat;
float: left;
position: relative;
cursor: pointer;
color: #fff;
text-decoration: none;
padding-left: 16px;
padding-right: 16px;
}




#topbtn:link {color: #FFF; text-decoration: none; }
#topbtn:active {color: #FFF; text-decoration: none;}
#topbtn:visited {color: #FFF; text-decoration: none;}
#topbtn:hover { color: #fff; text-decoration: none; background-image: url("images/homebggreen.gif"); }


#topbtn2 {
float: left;
position: relative;
padding-left: 16px;
padding-right: 16px;
cursor: pointer;
color: #fff;
text-decoration: none;
}



#topbtn2:link {color: #FFF; text-decoration: none; }
#topbtn2:active {color: #FFF; text-decoration: none;}
#topbtn2:visited {color: #FFF; text-decoration: none;}
#topbtn2:hover { color: #fff; text-decoration: none; background-color: #f6911c; }



#spacer {
float: left;
position: relative;
}



#subnav {
height: 21px;
width: 100%;
clear: both;
top: 14px;
position: relative;
font-size: 11px;
line-height: 21px;
}

.subnav {
font-size: 11px;
padding-left: 12px;
padding-right: 12px;
color: #fff;
text-decoration: none;
}


.subnav:link {color: #FFF; text-decoration: none; }
.subnav:active {color: #FFF; text-decoration: none;}
.subnav:visited {color: #FFF; text-decoration: none;}
.subnav:hover { color: #fff; text-decoration: underline; }



#descriptor
{
  clear:both;
  float:left:
  padding:10px;
  left:18px;
  font-family:courier, verdana, arial;
  font-size:12px;
  height: 16px;
  width: 250px;
  top: 6px;
  position: relative;
  color: #999;
}

.homepagelink
{
  position:relative;
  text-decoriation:none;
  float:left;
}

.webupdaterslink {
font-size:11px;
}

.webupdaterslink:link {color: #FFF; text-decoration:none;}
.webupdaterslink:active {color: #FFF; text-decoration:none;}
.webupdaterslink:visited {color: #FFF; text-decoration:none;}
.webupdaterslink:hover {color: #FFF; text-decoration:none;}


.informix {
display: none;
}


#purplebtn {
width: 213px;
height: 60px;
background-image: url("images/purplebtn.jpg");
background-position: top center;
background-repeat: no-repeat;
color: white;
font-weight: bold;
font-size: 13px;
font-family: arial;
cursor: pointer;
float: left;
left: 20px;
position: relative;
}

#purplebtn:hover
{
background-image: url("images/purplebtnhover.jpg");
}


#greenbtn {
width: 213px;
height: 60px;
background-image: url("images/greenbtn.jpg");
background-position: top center;
background-repeat: no-repeat;
color: white;
font-weight: bold;
font-size: 13px;
font-family: arial;
cursor: pointer;
float: left;
left: 36px;
position: relative;
}

#greenbtn:hover
{
background-image: url("images/greenbtnhover.jpg");
}


#barrier {
width: 885px;
height: 49px;
background-image: url("images/barrier.jpg");
background-position: left;
background-repeat: no-repeat;
top: -10px;
left: 5px;
position: relative;

}

#barriertext {
width: 267px;
height: 44px;
float: left;
position: relative;
font-family: arial;
font-size: 14px;
font-weight: bold;
color: #007ea1;
text-align: left;
top: 7px;
position: relative;
left: 8px;
}

#yes {
font-family: verdana;
font-size: 10px;
font-weight: none;
color: #333333;
text-align: left;
}

#main {
width: 806px;
height: 166px;
position: relative; 
clear: both;
top:-30px;
left: -10px;
}


#block1{
width: 33%;
height: 166px;
background-image: url("images/screenshots.jpg");
background-position: left;
background-repeat: no-repeat;
position: relative; 
float: left;
top: 0px;
position: relative;
left: 43px;
}

#block2{
width: 33%;
height: 166px;
background-image: url("images/presentations.jpg");
background-position: left;
background-repeat: no-repeat;
position: relative; 
float: left;
top: 0px;
position: relative;
left: 60px;
}

#block3{
width: 33%;
height: 166px;
background-image: url("images/technical.jpg");
background-position: left;
background-repeat: no-repeat;
position: relative; 
float: left;
top: 0px;
position: relative;
left: 78px;
}

#blocktext {
width: 90px;
height: 44px;
float: left;
position: relative;
font-family: arial;
font-size: 11px;
font-weight: none;
color: #777575;
text-align: left;
top: 28px;
position: relative;
left: 14px;
}


.subtext {
font-size: 11px;
color: #999;
font-weight: normal;
top: -3x;
position: relative;
}

#greybox {
margin-top: 16px;
margin-bottom: 16px;
width: 865px;
height: 235px;
background-image: url("images/box.jpg");
background-position: left;
background-repeat: no-repeat;
position: relative;
left: 0px;
clear: both; 
margin-left: auto;
margin-right: auto;
}

#greytext {
width: 600px;
height: 44px;
float: left;
position: relative;
font-family: arial;
font-size: 24px;
font-weight: bold;
color: #007ea1;
text-align: left;
margin-bottom: 100px;
margin-top: 0px;
top: 5px;
position: relative;
left: 8px;
}

.greysubtext {
font-size: 18px;
color: #484746;
font-weight: normal;
top: 7px;
margin-bottom: 0px;
margin-top: 100px;
position: relative;
}

.greysubbertext {
font-size: 14px;
color: #484746;
font-weight: normal;
top: -2px;
position: relative;
}

.greysubnesstext {
font-size: 12px;
color: #484746;
font-weight: normal;
top: -8px;
position: relative;
}

#trainbox{
width: 237px;
height: 448px;
background-image: url("images/trainingbox.gif");
background-position: left;
background-repeat: no-repeat;
position: relative; 
float: left;
position: relative;
top: -40px;
}

#trainboxtext {
width: 230px;
height: 44px;
float: left;
position: relative;
font-family: arial;
font-size: 12px;
font-weight: none;
color: #333333;
text-align: left;
top: 10px;
position: relative;
left: 20px;
}
#trainboxtext a:link {color:    #006699; text-decoration: none; } 
#trainboxtext a:active {color:  #006699; text-decoration: none; } 
#trainboxtext a:visited {color: #006699; text-decoration: none; } 
#trainboxtext a:hover {color:   #333; text-decoration: underline;}


#trainpic{
width: 660px;
height: 216px;
background-image: url("images/trainingpic.jpg");
background-position: left;
background-repeat: no-repeat;
position: relative; 
top: 16px;
left: -6px;
}

#table{
	width: 798px;
	height: 331px;
	background-image: url("images/table.gif");
	background-position: left;
	background-repeat: no-repeat;
	position: relative;
	float: left;
	top: -48px;
	

}


#serverheader{
width: 438px;
height: 21px;
background-image: url("images/serverheader.gif");
background-position: left;
background-repeat: no-repeat;
position: relative; 
left: -5px;
}


#buttonsholder{
width: 436px;
height: 59px;
left: 10px;
position: relative;
}

.cssnav
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(images/purplebtnhover.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 213px;
height: 59px;
margin: 0;
padding: 0;
float: left;
position: relative;
}

.cssnav a
{
display: block;
color: #000000;
font-size: 11px;
width: 213px;
height: 59px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.cssnav img
{
width: 213px;
height: 59px;
border: 0
}

* html a:hover
{
visibility:visible
}

.cssnav a:hover img
{
visibility:hidden
}

.cssnav span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.serverstudio
{
display: none;


}

.cssnav2
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(images/greenbtnhover.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 213px;
height: 59px;
margin: 0;
padding: 0;
float: right;
position: relative;
}

.cssnav2 a
{
display: block;
color: #000000;
font-size: 11px;
width: 213px;
height: 59px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.cssnav2 img
{
width: 213px;
height: 59px;
border: 0
}

* html a:hover
{
visibility:visible
}

.cssnav2 a:hover img
{
visibility:hidden
}

.cssnav2 span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.serverstudio
{
display: none;


}

.cssnav3
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(images/moreinfohover.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 96px;
height: 29px;
margin: 0;
padding: 0;
float: left;
position: relative;
}

.cssnav3 a
{
display: block;
color: #000000;
font-size: 11px;
width: 96px;
height: 29px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.cssnav3 img
{
width: 96px;
height: 29px;
border: 0
}

* html a:hover
{
visibility:visible
}

.cssnav3 a:hover img
{
visibility:hidden
}

.cssnav3 span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.leasing
{
display: none;
}


.cssnav4
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(images/buynowhover.gif) no-repeat;
white-space: nowrap;
display: block;
width: 145px;
height: 29px;
margin: 0;
padding: 0;
float: left;
position: relative;
}

.cssnav4 a
{
display: block;
color: #000000;
font-size: 11px;
width: 145px;
height: 29px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.cssnav4 img
{
width: 145px;
height: 29px;
border: 0
}

* html a:hover
{
visibility:visible
}

.cssnav4 a:hover img
{
visibility:hidden
}

.cssnav4 span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.leasing
{
display: none;


}


.cssnav5
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(images/server.gif) no-repeat;
white-space: nowrap;
display: block;
width: 213px;
height: 59px;
margin: 0;
padding: 0;
float: left;
position: relative;
}

.cssnav5 a
{
display: block;
color: #000000;
font-size: 11px;
width: 213px;
height: 59px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.cssnav5 img
{
width: 213px;
height: 59px;
border: 0
}

* html a:hover
{
visibility:visible
}

.cssnav5 a:hover img
{
visibility:hidden
}

.cssnav5 span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.leasing
{
display: none;
}


#hplhs {
width: 353px;
float: left;
position: relative;
}

#hprhs {
width: 512px;
float: right;
position: relative;
}

.cssnav12
{
position: right;
font-family: arial, helvetica, sans-serif;
background: url(images/buyhover.gif) no-repeat;
white-space: nowrap;
display: block;
width: 96px;
height: 29px;
margin: 2;
padding: 2;
left: -40px;
float: right;
position: relative;
}

.cssnav12 a
{
display: block;
color: #000000;
font-size: 11px;
width: 96px;
height: 29px;
display: block;
float: right;
color: black;
text-decoration: none;
}

.cssnav12 img
{
width: 96px;
height: 29px;
border: 0
}

* html a:hover
{
visibility:visible
}

.cssnav12 a:hover img
{
visibility:hidden
}

.cssnav12 span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.leasing
{
display: none;
}