/* CSS Document */

body{
background-image:url(bg_page.gif);
background-color:#7C7C7C;
margin:0px;
padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#5D5D5D;
font-size:11px;
text-align:left;
}
#main{
width:953px;
margin:auto;
}
#main-container{
background-color:#FFFFFF;
padding:7px 8px;
float:left;
}
#top{
width:937px;
height:92px;
background-color:#F9F9F8;
float:left;
background-image:url(top-bg.gif);
background-repeat:repeat-x;
border-bottom:1px solid #ffffff;
}
.logo{
background-image:url();
background-repeat:no-repeat;
float:left;
width:222px;
padding-top:5px;
margin-top:5px;
}
.clients-logo{
float:left;
width:70px;
height:70px;
padding-top:0px;
margin-right:20px;
margin-bottom:20px;
}

.logo-text{
background-repeat:no-repeat;
float:left;
width:500px;
padding-top:35px;
padding-left:58px;
margin-top:15px;
}
.logo2{
background-image:url(logo.gif);
background-repeat:no-repeat;
float:left;
width:162px;
padding-top:67px; margin-top:15px;
}
.mai-img-holder{
float:left;
}
.main-img{
background-image:url(images/main-img.jpg);
width:475px;
height:282px;
float:left;
background-repeat:no-repeat;
background-position:left;
position:absolute;
z-index:1;
}
.main-img2{
background-image:url(images/main-img2.jpg);
width:475px;
height:282px;
float:left;
background-repeat:no-repeat;
background-position:left;
position:absolute;
z-index:1;
}
.icons{
width:150px;
background-image:url(images/dots2.gif);
background-position:left;
background-repeat:no-repeat;
float:right;
height:28px;
margin-top:30px;
padding-top:20px;
}
#blue{
background-image:url(banner.gif);
width:937px;
height:236px;
background-color:#5385DE;
float:left;
clear:none;
border-bottom:1px solid #ffffff;
}
#blue2{
width:937px;
height:5px;
background-color:#135296;
float:left;
clear:none;
border-bottom:1px solid #ffffff;
overflow:hidden;
}
.box{
width:900px;
float:left;
height:25px;
background-color:#EAEAEA;
background-image:url(images/dots3.gif);
background-position:bottom;
background-repeat:repeat-x;
}
.main-img-area{
width:475px;
height:236px;
float:left;
background-color:#155BA6;
background-image:url(images/page-flip2.gif);
background-repeat:no-repeat;
background-position:right;
}
.testimonials{
width:396px;
height:219px;
float:left;
background-image:url(images/shadow2.gif);
background-position:left;
background-repeat:no-repeat;
padding-left:36px;  padding-top:17px;
padding-right:30px;
}
#grey{
width:937px;
height:220px;
float:left;
clear:none;
background-color:#4A4A4A;
border-bottom:1px solid #ffffff;
}
#main-txt-section{
width:937px;
height:350px;
float:left;
clear:none;
background-color:#FCFCFC;
background-image:url(images/main-txt-bg.gif);
background-repeat:repeat-x;
}
#main-txt-section2{
width:937px;
float:left;
clear:none;
background-color:#F8F8F8;
}
#main-txt-section3{
width:937px;
height:750px;
float:left;
clear:none;
background-color:#FCFCFC;
background-image:url(images/main-txt-bg.gif);
background-repeat:repeat-x;
}
.welcome-txt{
width:597px;
float:left;
height:300px;
padding-left:18px;
padding-top:20px; padding-right:40px;
background-image:url(images/dots.gif);
background-position:right;
background-repeat:repeat-y;
}

.welcome-txt2{
width:900px;
float:left;
padding-left:18px;
padding-top:20px; padding-right:40px;
background-image:url(images/dots.gif);
background-position:right;
background-repeat:repeat-y;
padding-bottom:20px;
}
.welcome-txt3{
width:597px;
float:left;
height:800px;
padding-left:18px;
padding-top:20px; padding-right:40px;
background-image:url(images/dots.gif);
background-position:right;
background-repeat:repeat-y;
}
#footer{
width:919px;
height:57px;
float:left;
clear:none;
background-color:#F1F1F1;
padding-left:18px;
padding-top:32px;
}
#footer2{
width:919px;
height:57px;
float:left;
clear:none;
background-color:#E8E8E8;
padding-left:18px;
padding-top:32px;
}
.news{
width:427px;
height:200px;
float:left;
background-color:#545454;
background-image:url(images/page-flip1.gif);
background-position:right;
background-repeat:no-repeat;
padding-left:18px;
padding-right:30px; padding-top:20px;
}
.news2{
width:233px;
float:left;
padding-left:30px;
padding-top:33px;
clear:none;
}
.font1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
color:#878787;
}
.font2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
color:#C7C7C7;
}
.font3{
color:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
}
.font3 a:link{
color:#ffffff;
text-decoration:none;
}
.font3 a:visited{
color:#ffffff;
text-decoration:none;
}
.font3 a:hover{
color:#ffffff;
text-decoration:none;
}

.font4{
color:#B8B8B8;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
.font4 a:link{
color:#B8B8B8;
text-decoration:none;
}
.font4 a:visited{
color:#B8B8B8;
text-decoration:none;
}
.font4 a:hover{
color:#B8B8B8;
text-decoration:none;
}



.font5{
color:#95B1D0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
.font6{
color:#E9E9E9;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
line-height:12px;
}
.services{
width:396px;
height:200px;
float:left;
background-image:url(images/shadow1.gif);
background-position:left;
background-repeat:no-repeat;
padding-left:36px;  padding-top:20px;
padding-right:30px;
}
.img{
padding-bottom:10px;
}
.customer-portal{
background-image:url(images/customer.gif);
background-repeat:no-repeat;
width:272px;
height:62px;
float:left;
clear:none;
padding-top:42px;
}

/* navigation elements */
.glossymenu{
width:223px;
padding-left:30px;
padding-top:33px;
float:left;
/*width of menu*/
}

.glossymenu a.menuitem{
width:204px;
height:17px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#606060;
display:block;
border-bottom:1px solid #CBCCCC;
background-color:#E8E8E8;
background-image:url(images/bullet.gif);
background-position:left;
background-repeat:no-repeat;
text-align:left;
padding-top:3px; padding-left:19px;
text-decoration:none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
text-decoration:none;
}

.glossymenu a.menuitem:hover{
text-decoration:none;
}



.glossymenu a.menuitem2{
width:204px;
height:17px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#606060;
display:block;
border-bottom:1px solid #CBCCCC;
background-image:url(images/bullet.gif);
background-position:left;
background-repeat:no-repeat;
text-align:left;
padding-top:3px; padding-left:19px;
text-decoration:none;
}


.glossymenu a.menuitem2:visited, .glossymenu .menuitem2:active{
text-decoration:none;
}

.glossymenu a.menuitem2:hover{
background-color:#E8E8E8;
text-decoration:none;
}




.glossymenu a.menuitem3{
width:204px;
height:17px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#606060;
display:block;
background-image:url(images/bullet.gif);
background-position:left;
background-repeat:no-repeat;
text-align:left;
padding-top:3px; padding-left:19px;
text-decoration:none;
}


.glossymenu a.menuitem3:visited, .glossymenu .menuitem3:active{
text-decoration:none;
}

.glossymenu a.menuitem3:hover{
background-color:#E8E8E8;
text-decoration:none;
}



.glossymenu a.menuitem4{
width:204px;
height:17px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#606060;
display:block;
background-color:#E8E8E8;
background-image:url(images/bullet.gif);
background-position:left;
background-repeat:no-repeat;
text-align:left;
padding-top:3px; padding-left:19px;
text-decoration:none;
}


.glossymenu a.menuitem4:visited, .glossymenu .menuitem4:active{
text-decoration:none;
}

.glossymenu a.menuitem4:hover{
text-decoration:none;
}





.h1{
font-family:"Lucida Sans Unicode";
font-size:18px;
color:#333333;
}
.red{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#2596DA;
text-decoration:none;
}
.red a:link{
color:#2596DA;
text-decoration:none;
}
.red a:visited{
color:#2596DA;
text-decoration:none;
}
.red a:hover{
color:#2596DA;
text-decoration:none;
}


/* form properties */
form{
margin:0px;
padding:0px;
float:left;
}
.text-field{
width:200px;
height:18px;
background-color:#F1F1F1;
border-left:1px solid #444444;
border-top:1px solid #444444;
border-right:1px solid #D8D8D8;
border-bottom:1px solid #D8D8D8;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#757575;
margin-top:3px;
margin-bottom:3px;
}
.text-field2{
width:200px;
height:17px;
background-color:#EBEBEB;
border-left:1px solid #444444;
border-top:1px solid #444444;
border-right:1px solid #D8D8D8;
border-bottom:1px solid #D8D8D8;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#757575;
margin-top:3px;
margin-bottom:3px;
}
.text-area{
width:200px;
height:50px;
background-color:#F1F1F1;
border-left:1px solid #444444;
border-top:1px solid #444444;
border-right:1px solid #D8D8D8;
border-bottom:1px solid #D8D8D8;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#757575;
margin-top:3px;
margin-bottom:3px;
}
.button{
width:60px;
height:20px;
background-color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#CCCCCC;
font-weight:bold;
border:0px;
}
/* ------------------------------------------------ */

.font7{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:11px; text-decoration:none;
}
.table{
border:1px solid #D1D1D1;
border-bottom:0px;
}
.td{
border-bottom:1px solid #D1D1D1;
border-right:1px solid #D1D1D1;
}
.td2{
border-bottom:1px solid #D1D1D1;
}

/*thumbnail*/
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index:1;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
border:1px dashed #C5C5C5;
padding:5px;
left:-1000px;
top:0px;
visibility: hidden;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 0px; /*position where enlarged image should offset horizontally */

}

/*thumbnail 2*/
.thumbnail2{
position: relative;
z-index: 0;
}

.thumbnail2:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
border:1px dashed #C5C5C5;
padding: 5px;
right:-0px;
top:0px;
visibility: hidden;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
}

.thumbnail2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
right: 0px; /*position where enlarged image should offset horizontally */

}

/*thumbnail 2*/
.thumbnail2{
position: relative;
z-index: 0;
}

.thumbnail2:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
border:1px dashed #C5C5C5;
padding: 5px;
right:-0px;
top:0px;
visibility: hidden;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
}

.thumbnail2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
right: 0px; /*position where enlarged image should offset horizontally */

}

.padding{
float:right;
background-image:url(images/img-bg.gif);
background-position:left;
background-repeat:no-repeat;
padding:5px 4px;
margin-right:9px;
}
.padding2{
padding-right:15px;
}
.row{
width:830px;
float:left;
clear:none;
height:70px;
}
.row3{
width:830px;
height:160px;
float:left;
clear:none;
}
.row2{
width:830px;
float:left;
clear:none;
}
.row4{
width:830px;
float:left;
clear:none;
padding-right:20px;
padding-top:40px;
}
.imgarea{
padding:6px 6px;
}