body 
{
    margin: 0px;
    padding: 0px;
    font-family: Arial, Geneva, Sans-Serif, Tahoma;
    font-size: 12px;
    background: #FFFFFF url(../images/bgtile.gif) repeat-x scroll 0px 0px;
}

h1
{
    margin:0; 
    margin-bottom:.5em;
    margin-top:.5em;
    font-size: 20px;    
    text-align: center;
    
}

h2
{
    margin:0; 
    margin-bottom:.5em;
    font-size: 14px; 
    font-weight: bold;   
    text-align: left;
}

h3
{
    font-size: 18px; 
    font-weight: bold;   
    text-align: center;
}

h4
{
    font-size: 14px;
    font-weight: bold;
    text-align:left;
    color: 164a7a;    
}

a
{
    text-decoration: none;
    cursor: pointer;
    
}

p
{
    margin:0; 
    margin-bottom:.9em;    
}

#container
{
    height: 826px;
    width: 836px;
    position: relative;
    margin: 0 auto;
}

.viewdemodiv
{
   background-image: url(../images/viewdemo_light.jpg);
   height:24px;
   width:86px;
   position:relative;
   float:left;
   margin-right:5px;
    
}

.viewdemodiv:hover
{
   background:transparent url(../images/viewdemo_dark.jpg) no-repeat scroll left top; 
   height:24px;
   width:86px;
    
}

.learnmorediv
{
   background-image: url(../images/learnmore_light.jpg);
   height:24px;
   width:86px;
   position:relative;
   float:left;
   margin-right:5px;
    
}

.learnmorediv:hover
{
   background:transparent url(../images/learnmore_dark.jpg) no-repeat scroll left top; 
   height:24px;
   width:86px;
    
}

.downloaddiv
{
   background-image: url(../images/download_light.jpg);
   height:24px;
   width:100px;
   position:relative;
   float:left;
   margin-right:5px;
    
}

.downloaddiv:hover
{
   background:transparent url(../images/download_dark.jpg) no-repeat scroll left top; 
   height:24px;
   width:100px;
    
}


/*-----------HEADER DIV------------*/

#header
{
    height: 100px;
    margin-top: 20px;
}

#h_logo
{
    height: 67px;
    width: 250px;
    top: 20px;
    padding-top: 10px;
    float: left;
    position: relative;    
}

#h_centre
{
    float:left;
    width: 550px;
}

#h_contact
{
    float: right;
    position: relative;
    top: 5px;
    font-weight: bold;
    margin-right: 15px;
    height: 50px;
}

/*-----------------------*/

/*----------TOP MENU-------------*/

#top_menu
{
    height:29px;
    background: url(../images/top_menu.gif) repeat-x scroll 0px 0px;
    padding: 3px 0px 3px;
    list-style-position: outside;
    
}

#top_menu ul
{
  	float: right;
	list-style: none;
	background-color: transparent;
	font-weight: bold;
	padding: 0;
	margin-top: 5px;
    }

#top_menu ul li
{
    float: right;
    list-style: none;
    }

    
#top_menu a
{
    display: block;
    background: url(../images/menu_line.gif) no-repeat top right;
    width: 90px;
    text-align: center;
    text-decoration: none;
    color: White;
}

#top_menu a.last
{
    background: none;    
}

#top_menu a:hover
{
    color: #d5d5d5;
}


/*-----------HOME PAGE CONTENT------------*/

div.transbox
  {
  width:380px;
  height:280px;
  margin-left:110px;
 
  /*border:1px solid black;
   for IE 
  filter:alpha(opacity=60);
  /* CSS3 standard 
  opacity:0.6;
background-color:#ffffff;
  background-color:black;*/
  position: relative;
  float:left; 
  text-decoration: none;
  }
  
.transbox a div:hover
{
 color:gray;    
}

.home_left_menu p
{
    font-size: 15px;
    padding: 8px;  
}

#content
{
    height: 565px;
    border: 2px solid #003A74;
    background-color: White;
}

#content_home
{
    height: 565px;
    border: 2px solid #003A74;
    background:url(../images/home_page_background2.png);
    
}


#content_left
{
    position: relative;
    float: left;
    height: 502px;
    margin-left: 10px;
    width: 345px;
    padding: 40px 10px 10px 10px;
    font-size: 14px;
    font-weight:bold;
    /* for IE 
    filter:alpha(opacity=60);*/
    /* CSS3 standard 
    opacity:0.6;
background-color:black;
*/
    color: White;
  
  
}

#content_left img.center
{
    display: block;
    margin: 0 auto;
}

#content_left img.right
{
    
    float: right;
    
}

.right_content
{
    position: relative;
    float: left;
    height: 542px;
    margin-left: 10px;
    width: 466px;
}

.content_img
{
    position: relative;
    float: left;
    height: 344px;
    width: 466px;
}

#img1_pic{background-image: url(/images/money3.gif);}
#img2{background-image: url(/images/documents3a.gif); }
#img3{background-image: url(/images/money5.gif);}
#img4{background-image: url(/images/onlinesafe.gif);}
#img5{background-image: url(/images/money5.gif);}
#img6{background-image: url(/images/documents3a.gif);}
#img7{background-image: url(/images/docmanager.gif);}
#img8{background-image: url(/images/documents3a.gif); }

#content_right
{
    
    height: 525px;
    width: 592px;
    position: relative;
    float: left;
    padding: 20px;
    background-color: White;
    overflow: auto;
    background: url(/images/back_tile1.jpg);
    background-position: right;
    background-repeat: repeat-y;
}

#content_right_menu
{
    border: 1px solid black;
}
    
    
#content_right_text
{
    border: 1px solid black;
}
    
/*-----------SOLUTIONS PAGE-----------------*/  
    
.solutions
{
    height: 150px;
    padding: 0 0 0 110px;
    margin-top: 15px;
    border-bottom: 1px solid #003a74;
}



.ap{background:transparent url(/images/big_ap.png) no-repeat scroll left top;}
.er{background:transparent url(/images/big_er.png) no-repeat scroll left top;}
.pod{background:transparent url(/images/big_pod.png) no-repeat scroll left top;}
.os{background:transparent url(/images/big_os.png) no-repeat scroll left top;}
.hr{background:transparent url(/images/big_hr.png) no-repeat scroll left top;}
.em{background:transparent url(/images/big_em.png) no-repeat scroll left top;}
.dm{background:transparent url(/images/big_dm.png) no-repeat scroll left top;}
.byo{background:transparent url(/images/big_byo.png) no-repeat scroll left top;}


.solutions2
{
    height: 60px;
    width: 80px;
    text-align:left;
    font-weight: bold;
    font-size: 13px;
    padding: 10px 5px 0 60px;
    display:block;
    cursor: pointer;
    text-decoration: none;
}

.ap2{background:transparent url(/images/ap.png) no-repeat scroll left top;}
.er2{background:transparent url(/images/ereq.png) no-repeat scroll left top;}
.pod2{background:transparent url(/images/proof.png) no-repeat scroll left top;}
.os2{background:transparent url(/images/safe.png) no-repeat scroll left top;}
.hr2{background:transparent url(/images/hr.png) no-repeat scroll left top;}
.em2{background:transparent url(/images/expence.png) no-repeat scroll left top;}
.dm2{background:transparent url(/images/doc.png) no-repeat scroll left top;}
.byo2{background:transparent url(/images/build.png) no-repeat scroll left top;}


#sol_text_left
{
    width:370px;
    position:relative;
    float:left; 
    margin-top:10px;
    
}

#sol_img_right
{
     width:300px;
     position:relative;
     float:right;
     margin-top:20px;
}

#sol_text_bottom
{
     width:665px;
     position:relative;
     float:left;
}
  
  
/*-----------NEWS PAGE CONTENT------------*/  

.news
{

    position:relative;
    float:left;
    padding: 5px 10px 0px 0px;

}

.newsdate
{

    width: 100px;
    text-align:right;

}

.newstitle
{

    width: 450px;

}

#content_right a
{
    text-decoration: none;
    color: black;
    font-weight:bold;
}

#content_right a:hover
{
    color: gray;
}

  
    
/*-----------OTHER PAGES CONTENT------------*/

#left_menu
{
    position: relative;
    float: left;
    height: 564px;

    width: 200px;
    background-color: #dfdfdf;
    font-size: 14px;
    color: black;
}

#left_menu li
{
    margin-top: 6px;
    list-style: none;
    padding: 0px;
    margin-left:0px;
}

#left_menu ul
{
    position: absolute;
    left: 15px;
    padding: 0px;
	color: #999;
	background-color: transparent;
	font-weight: bold;
	margin-top: 5px;
    margin-left:0px;
    }

#left_menu1 ul li
{
    float: right;
    
}
    
#left_menu1 li:hover
{
    background-color: #008f7d;
}

#left_menu a
{
    display: block;
    text-decoration: none;
    color: black;
}

#left_menu a:hover
{
    color: gray;
}


/*----*/
#footer
{
    height: 50px;
    border-bottom: 2px solid #003a74;
    
}

.left
{
    text-align: left;
    position:relative;
    float:left;
    margin-top:15px;
    
}

.left a 
{
    color:Black;    
    
}

.left a:hover
{
    color:#d5d5d5;; 
       
    
}

.right
{
    text-align: right;
    position:relative;
    float:right;
    margin-top:15px;
    
}

IMG
{
    border: none;    
}