/* CSS Document */
/* Flash Menu*/
#cellrightbtm span a{
color: #000000;
}
#noflash{
position: relative;
left: 10px;
height: 500px;
width: 980px;
text-indent: 1000px;
overflow: hidden;
background: url(../img/noflash.jpg) top left no-repeat;
display: block;
}
#noflash: hover{
background-position: inherit;
}
#dir{
position: relative;
width: 900px;
height: 12px;
top: -20px;
left: 60px;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #CCCCCC;
display: inline;
}
#dir a{
color: #CCCCCC;
}
#menu{
position: relative;
overflow: hidden;
width: 980px;
height: 500px;
clear: both;
top: 0;
}
/* Bullets: Only works in FF2.0*/
p: after{
list-style-image: url(../img/star.gif);
}
#hline{
background-image: url(../img/hline.gif);
text-align: center;
width: 900px;
height: 4px;
background-repeat: repeat-x;
overflow: hidden;
margin: 30px;
}
#cell_top{
position: relative;
width: 980px;
z-index: 100;
}
#cell_shdw_left{
position: relative;
float: left;
clear: none;
top: 0;
background: url(../img/cell_shdw_left.jpg) top left no-repeat;
height: 289px;
width: 20px;
border-right-width: 1px;
border-right-style: dotted;
border-right-color: #CCCCCC;
}
/* iTech Blurb */
#lftcnt{
position: relative;
float: left;
clear: none;
top: 0;
height: 145px;
width: 699px;
overflow: hidden;
background-color: #FFFFFF;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 0px;
border-left-width: 1px;
border-top-style: dotted;
border-right-style: dotted;
border-bottom-style: none;
border-left-style: none;
border-top-color: #CCCCCC;
border-left-color: #FFFFFF;
border-right-color: #CCCCCC;
border-bottom-color: #FFFFFF;
}
.top_hdr{
position: relative;
float: left;
clear: none;
top: 0;
}
#lftcnt p{
position: relative;
float: left;
clear: none;
width: 690px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: left;
color: #333333;
padding-left: 5px;
padding-right: 5px;
padding-top: 10px;
white-space: normal;
}
#lftcnt h1{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: bold;
color: #000000;
}
#lftcnt p: after{
content: attr(x);
}
.btn_about{
position: relative;
float: left;
clear: none;
top: 5px;
left: 10px;
}
#about{
height: 25px;
width: 81px;
text-indent: 1000px;
overflow: hidden;
background: url(../img/btn_aboutus.gif) top left no-repeat;
display: block;
}
#about: hover{
background-position: inherit;
}
/* iNews */
#cellrightbtm{
position: relative;
text-align: left;
left: 0;
top: 5px;
height: 120px;
width: 239px;
overflow: auto;
padding: 5px 2px 5px 2px;
margin-bottom: 23px;
background-color: #FFFFFF;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: dotted;
border-right-style: dotted;
border-bottom-style: dotted;
border-left-style: dotted;
border-top-color: #CCCCCC;
border-left-color: #CCCCCC;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
}
#cellrightbtm p{
position: relative;
white-space: normal;
word-spacing: -1px;
text-align: left;
left: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #333333;
}
#cellrightbtm b{
color: #4DB1FD;
}
.bpos{
position: relative;
overflow: hidden;
float: right;
right: 10px;
top: 5px;
}
#cellrightbtm h1{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: bold;
color: #000000;
}
#cellrightbtm a{
color: #FFFFFF;
text-decoration: none;
}
/* iManage */
#imanage{
position: relative;
float: left;
clear: none;
height: 250px;
width: 310px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: dotted;
border-right-style: none;
border-bottom-style: dotted;
border-left-style: dotted;
border-top-color: #CCCCCC;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
}
#imanage a{
color: #336699;
}
#imbpromo{
height: 250px;
width: 310px;
text-indent: 0px;
overflow: hidden;
background: url(../imb/img/imb_promo1.jpg) top left no-repeat;
display: block;
}
#imbpromo: hover{
background-position: inherit;
}
.imanage_txt{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-size: 10px;
top: 11em;
position: relative;
}
#ques_btn{
position: relative;
float: right;
clear: none;
height: 20px;
width: 14px;
top: 207px;
right: 23px;
}
#ques{
height: 20px;
width: 14px;
overflow: hidden;
background: url(../img/ques.jpg) bottom right no-repeat;
display: block;
}
/* Featured Product */
#cell_feaprod_mid{
position: relative;
float: left;
clear: none;
background: url(../img/fea_prod_st2.gif) center bottom no-repeat;
height: 414px;
width: 386px;
background-color: #FFFFFF;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 0px;
border-left-width: 1px;
border-top-style: dotted;
border-right-style: dotted;
border-bottom-style: none;
border-left-style: dotted;
border-top-color: #CCCCCC;
border-right-color: #CCCCCC;
border-left-color: #CCCCCC;
}
.fea_prod_txt{
position: relative;
float: left;
clear: both;
}
.fea_prod_top{
position: relative;
left: 0;
height: 69px;
width: 273px;
}
.fea_prod_st{
position: relative;
top: -10px;
left: 9px;
}
.cell_btn_more{
position: relative; 
width: 386px; 
height: 25px; 
top: 250px;
}
.btn_more{
position: relative;
width: 81px;
height: 25px;
float: right;
cell: none;
}
#cell_feaprod_mid p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
word-spacing: -1px;
white-space: normal;
text-align: left;
color: #333333;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 15px;
}
#fp{
height: 25px;
width: 81px;
text-indent: 0px;
overflow: hidden;
background: url(../img/btn_more.gif) top left no-repeat;
display: block;
}
#fp: hover{
background-position: inherit;
}
#cell_shdw_rgt_btm{
position: relative;
float: right;
clear: none;
background: url(../img/cell_rtg_bg_shdw.jpg) bottom left no-repeat;
height: 414px;
width: 13px;
}
/* Right Cells: Featured Clients */
#cellright{
position: relative;
float: right;
clear: none;
height: 548px;
width: 243px;
top: 0;
}
#feaclients{
position: relative;
width: 243px;
height: 146px;
display: block;
border-top-width: 0px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: dotted;
border-bottom-style: dotted;
border-left-style: dotted;
border-top-color: #FFFFFF;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
}
#feaclients_hdr{
background: url(../img/fea_clients_hdr.gif) top center no-repeat;
height: 25px;
width: 243px;
top: 0;
overflow: hidden;
}
#feaclients_shdw{
position: relative;
float: right;
clear: none;
top: 30px;
right: 0px;
background: url(../img/cell_rtg_bg_shdw_sm.jpg) top left no-repeat;
height: 146px;
width: 10px;
}
/* Left Cell: Demos */
#cellleftbtm{
position: relative;
float: left;
clear: none;
background: url(../img/cella_bg.jpg) bottom left repeat-x;
height: auto;
width: 310px;
}
#cella{
position: relative;
text-align: left;
float: left;
clear: none;
height: 162px;
width: 310px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: dotted;
border-right-style: dotted;
border-bottom-style: dotted;
border-left-style: dotted;
border-top-color: #CCCCCC;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
}
#demo{
position: relative;
top: 0;
height: 28px;
width: 310px;
background-color: #F2F2F2;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CCCCCC;
}
#demo_txt{
position: relative;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
text-align: left;
margin-left: 10px;
top: -10px;
}
#demo_txt a{
color: #006699;
}
.link{
position: relative;
text-align: center;
top: 5px;
left: 30%;
font-family: Verdana;
font-size: 10px;
width: 110px;
}
.link a{
color: #006699;
font-weight: bold;
}
/* Right Cells: Tech Notes */
#cellb{
position: relative;
top: -5px;
background: url(../img/demos.gif) top left no-repeat;
height: 100px;
width: 233px;
border-top-width: medium;
border-right-width: medium;
border-bottom-width: medium;
border-left-width: medium;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #A6D6F2;
border-right-color: #A6D6F2;
border-bottom-color: #84BDDF;
border-left-color: #84BDDF;
background-color: #F2F2F2;
}
#cellb a{
color: #348CBC;
}
#cellb ul{
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-top: 22px;
margin-right: 40px;
line-height: 1.5em;
letter-spacing: -1px;
}
#cellb li{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FF9900;
list-style-image: url(../img/star.gif);
}
/* Flash Object: Live Support*/
#livesup{
position: relative;
height: 180px;
width: 246px;
top: -47px;
}
/* Bottom: Featured Partners */
#txtnav{
position: relative;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #999999;
display: inline;
height: 20px;
width: 100%
text-align: left;
}
#txtnav p: after{
content: attr(x);
}
#txtnav a{
color: #999999;
}
#itptnrs_pos{
position: relative;
margin: 0 auto;
left: 60px;
width: 650px;
}
#gta{
float: left;
clear: right;
}
div.img{
height: 25px;
width: auto;
float: left;
}	
div.img img{
display: inline;
margin: 3px;
}
#twox{
height: 25px;
width: 91px;
text-indent: 0px;
overflow: hidden;
background: url(../img/ptnrs/ptnrs_2x.gif) top left no-repeat;
display: block;
}
#twox:hover{
background-position: bottom left;
}
#hj{
height: 25px;
width: 65px;
text-indent: 0px;
overflow: hidden;
background: url(../img/ptnrs/ptnrs_hj.gif) top left no-repeat;
display: block;
}
#hj:hover{
background-position: bottom left;
}
#hp{
height: 25px;
width: 60px;
text-indent: 0px;
overflow: hidden;
background: url(../img/ptnrs/ptnrs_hp.gif) top left no-repeat;
display: block;
}
#hp:hover{
background-position: bottom left;
}
#mbec{
height: 25px;
width: 80px;
text-indent: 0px;
overflow: hidden;
background: url(../img/ptnrs/ptnrs_mbec.gif) top left no-repeat;
display: block;
}
#mbec:hover{
background-position: bottom left;
}
#ms{
height: 25px;
width: 55px;
text-indent: 0px;
overflow: hidden;
background: url(../img/ptnrs/ptnrs_ms.gif) top left no-repeat;
display: block;
}
#ms:hover{
background-position: bottom left;
}
#st{
height: 25px;
width: 104px;
text-indent: 0px;
overflow: hidden;
background: url(../img/ptnrs/ptnrs_st.gif) top left no-repeat;
display: block;
}
#st:hover{
background-position: bottom left;
}
#sw{
height: 25px;
width: 91px;
text-indent: 0px;
overflow: hidden;
background: url(../img/ptnrs/ptnrs_sw.gif) top left no-repeat;
display: block;
}
#sw:hover{
background-position: bottom left;
}
/* Footer */
* {
margin: 0;
}
html, body {
height: 100%;
text-align: center;
}
.wrapper {
min-height: 100%;
width: 980px;
height: auto !important;
height: 100%;
margin: 0 auto -195px; /* the bottom margin is the negative value of the footer's height */
}
/* FOOTER CONTENT*/
.footer, .push {
height: 195px; /* .push must be the same height as .footer */
width: 980px;
margin: 0 auto;
}
.footernav{
position: relative;
text-align: center;
margin: 0 auto;
width: 980px;
float: none;
clear: both;
}
#footerlinks{
position: relative;
margin: 0 auto;
text-align: center;
height: 20px;
width: 980px;
font-family: Verdana;
font-size: 10px;
clear: both;
}
#footerlinks a{
color: #666666;
}
#footerlinks p{
text-align: left;
}
.footernav h1{
position: relative;
font-family: Verdana;
font-size: 10px;
color: #CCCCCC;
font-weight: 100;
text-align: center;
margin-bottom: 10px;
}
.spacer{
height: 50px;
width: 980px;
margin: 0 auto;
}