<p align="justify">/* generated by csscreator.com */
xhtml, xbody{
 margin:0;
 padding:0;
 text-align:center;
 background-image:url(images/bgd.gif);
 background-repeat:repeat-y;
 background-position:center;
}


html, body {
margin: 0pt;
padding: 0pt;
}


body {
text-align: center;
/*background: url('images/bgd.gif') center top repeat-y;*/
background-color:#e1e1e1;
}

body#about_page a#about,
body#index_page a#index,
body#contact_page a#contact,
body#it_support_page a#it_support,
body#managed_solutions_page a#managed_solutions,
body#network_solutions_page a#network_solutions,
body#software_solutions_page a#software_solutions,
body#it_consultancy_page a#it_consultancy

{
background:#000FA1;
}

#pagewidth{
 width:774px;
 text-align:left;
 margin-left:auto;
 margin-right:auto;
}
#mainbody{
    width:774px;
    text-align:left;
    margin-left:0px;
     margin-right:auto;
     padding-right:0px;
     /*#padding-right:0px;*/
     border-left:1px solid #000;
     border-right:1px solid #000;
     background-color:#fff;
     position:relative;
     
}
 

#xheader{
 position:relative;
 height:128px;
 margin: 19px 19px 0px 19px;
 background-color:#FFF;
 width:739px;
}


#xnav{
 position:relative;
 height:21px;
  background-color:#000;
 width:739px;
 padding: 0px;
}




#header {
margin: 19px 19px 0px;
position: relative;
height: 87px;
background-color: rgb(255, 255, 255);
width: 739px; overflow:hidden
}

#nav {
margin: 0px 0px;
padding-left: 26px;
position: relative;
height: 21px;
background-color: rgb(0, 0, 0);
width: 750px;
}



#header_subnav{
 position:relative;
 height:87px;
 margin: 19px 0px 0px 0px;
 width:759px;
}



#sub_nav{
 position:relative;
 height:21px;
 background-color:#403c3c;
 width:739px;
 padding: 0px 0px 0px 0px;
 border-top: 1px solid #FFFFFF;

}



#maincol{background-color: #FFFFFF;
 float: right;
 position: relative;
 margin: 10px 5px 0px 0px;
 width:155px;
 font-family:Helvetica, Arial, sans-serif;
font-size:75%;
font-style:normal;
line-height: 150%;
color: #000;
padding: 5px 10px 0px 5px;

 }

#rightcol {
margin: 0px 19px 0px 19px;
width: 560px;
border-right: grey dotted thin;
margin-right: 50px;

}

#rightcol_index {
margin: 0px 0px 0px 10px;
width: 400px;
border-right: grey dotted thin;
float:left;
position: relative;

}


#rightcol_home {
margin: 0px 50px 0px 19px;
width: 350px;
margin-right: 50px;
font-family:Helvetica, Arial, sans-serif;
font-size:75%;
font-style:normal;
line-height: 150%;
color: #000;
padding: 5px 5px 5px 10px;
}

#borderright {
border-right: grey dotted thin;
margin-right: 250px;
height:100%
}

#footer{
 height:65px;
 background-image:url(images/bgd_footer.gif);
 background-repeat:no-repeat;
 margin: 0px 0px 0px 0px;
 clear:both;
  clear:both;
 position:relative;
top:-5%;
 }
  * html #footer{ /*IE */
top:0;
}
| * > #footer{ /* Opera using CSS3 selectors that other browsers will support later, look out */
top:0;
}

div.footercenterdiv{
  float:left;
    margin: 0px 0px;
    padding-right:10px;
    #padding-right:8px;
position: relative;
height: 19px;
/*background-image:url(images/bgd_footer2.gif);
 background-repeat:no-repeat;*/
 background-color:#000;
width: 764px;
#width:766px;
text-align:right;
color:#fff;
font-family:Helvetica, Arial, sans-serif;
font-size:65%;
}

 /* *** 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 */



 /*printer styles*/
 @media print{

/*hide the right column when printing*/
#rightcol{display:none;}
#twocols, #maincol{width:776px; float:none;}
}


 /* Start Buttons */

.buttons {
height:11px;
font-family:Helvetica, Arial,  sans-serif;
padding: 2px 0px 2px 0px;
font-size: 80%;
color:#FFF;
}

.buttons a:link, .buttons a:visited{
height:11px;
background-color: #000;
background-repeat:no-repeat;
padding: 2px 5px 2px 5px;
font-family:Helvetica, Arial,  sans-serif;
color:#FFF;
text-decoration:none;
}

.buttons a:hover{
height:11px;
background-color: #e91113;
background-repeat:no-repeat;
padding: 2px 5px 2px 5px;
font-family:Helvetica, Arial,  sans-serif;
color:#FFF;

}

/* End Buttons */


.accent_box {
background-image:url(images/accent_box.gif);
background-repeat:no-repeat;
padding: 10px;
}


.accent_box_enquiry {
background-image:url(images/accent_box_small.gif);
background-repeat:no-repeat;
padding: 10px;
}

.accent_box_firstaid {
background-image:url(images/accent_box_first_aid.gif);
background-repeat:no-repeat;
padding: 10px;
margin-bottom: 10px
}

.accent_box_software {
background-image:url(images/accent_box_software.gif);
background-repeat:no-repeat;
padding: 10px;
margin-bottom: 10px;
height:165px

}


.feedback_box {
position:relative;
float:right;
width: 150px;
height: 80px;
margin: 10px 20px 20px 20px;
text-align:center;

}

/* Start FONT */

/** font tags */

h1 {
font-family:Helvetica, Arial, sans-serif;
font-size:110%;
font-weight:normal;
padding: 10px 0px 5px 10px;
color: #080092;
border: 0px;
margin: 0px;
margin-right: 50px;
}

h2 {
font-family:Helvetica, Arial, sans-serif;
font-size:100%;
padding: 10px 0px 5px 10px;
color: #080092;
clear:left;
border: 0px;
margin: 0px;
line-height:inherit;
}


h3 {
font-family:Helvetica, Arial, sans-serif;
font-size:100%;
font-weight:bold;
padding: 10px 0px 5px 0px;
color: #080092;
border: 0px;
margin: 0px;
}

h4 {
font-family:Helvetica, Arial, sans-serif;
font-size:90%;
font-weight:bold;
padding: 10px 0px 5px 10px;
color: #080092;
border: 0px;
margin: 0px;
}

h5 {
font-family:Helvetica, Arial, sans-serif;
font-size:75%;
font-style:normal;
font-weight:normal;
line-height: 120%;
color: #000;
border: 0px;
margin: 0px;
padding: 0px 50px 10px 10px;
}

p {
font-family:Helvetica, Arial, sans-serif;
font-size:75%;
font-style:normal;
line-height: 120%;
color: #000;
border: 0px;
margin: 0px;
 padding: 5px 0px 10px 10px;
 width:390px;
}

.p_home {
font-family:Helvetica, Arial, sans-serif;
font-size:75%;
font-style:normal;
line-height: 120%;
color: #000;
border: 0px;
margin: 0px;
 padding: 5px 0px 10px 10px;
 width:380px;
}

li {
font-family:Helvetica, Arial, sans-serif;
font-size:80%;
font-style:normal;
line-height: 120%;
padding: 0px 0px 5px 0px;
color: #000;
}

i {
font-family:Helvetica, Arial, sans-serif;
font-size:90%;
font-style:italic;
padding: 0px 3px 5px 10px;
color: #000;
}

em {
font-family:Helvetica, Arial, sans-serif;
font-size:120%;
font-style:italic;
font-weight:bold;
padding: 0px 10px 5px 0px;
line-height: 1.3em;
color: #080092;
}

.box {
font-family:Helvetica, Arial, sans-serif;
font-size:80%;
font-style:normal;
line-height: 120%;
padding: 10px;
color: #080092;
width: 420px;
border:#999999 solid 1px;
background-color:#FFF;
margin-left:10px;
}


.footer_text2 {
font-family:Helvetica, Arial, sans-serif;
font-style:normal;
line-height: 120%;
padding: 2px 5px 2px 5px;
color: #bfbdbd;
border: 0px;
margin-left:auto;
margin-right:auto;
 text-align:center;
}



.footer_text {
font-family:Helvetica, Arial, sans-serif;
font-size:70%;
font-style:normal;
line-height: 120%;
padding: 2px 5px 2px 5px;
color: #FFF;
border: 0px;
margin-left:auto;
margin-right:auto;
 text-align:center;
}

.footer_text a:link, .footer_text a:visited{
color:#FFF;
text-decoration:none;
}

.footer_text a:hover{
text-decoration:underline;
color:#FFF;

}

a:link, a:visited{
color: #0000FF;
text-decoration:underline;
}

a:hover{
color: #0000FF;
text-decoration:none;

}


.imghome {
top: 0px;
left: 0px;
margin: 0px 10px 30px 5px;
padding: 5px;
float:left;
display:block;
}

.imghome_bot {
top: 0px;
left: 0px;
margin: 0px 20px 0px 5px;
padding: 5px;
float:left;
display:block;
}

.imgleft {
top: 0px;
left: 0px;
padding: 5px;
float:left;
display:block;
}

.imgright {
float:right;
position: relative;
right: 10px;
padding: 0px 10px 0px 10px;
}



/* Finish FONT */
/*MON -footertable*/

#footertable{width:774px;}
.testimonialquote{float:right; text-align:center; margin-right:20px; font-style:italic;}
.tab-bg-mainpage{background:url(images/tab-bg-mainpage.gif) left top no-repeat; font-size:12px; font-weight:bold; width:180px; height:50px; color:#fff; padding:6px 0px 0px 6px;}
.right-panel-box{width:140px; height:130px; background:url(images/right-panel-box.gif) left top no-repeat;}
.right-panel-box-1{width:140px; height:143px; background:url(images/right-panel-box-1.gif) left top no-repeat;}
.right-panel-text{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:18px; padding:3px 0px 0px 10px; display:block; width:140px;}
.bottomnavitd{background:#000; color:#fff; font-family:Helvetica, Arial,  sans-serif; font-size:11px; padding-top:1px;}
.bottomnavitd a.bottomlinks:link, a.bottomlinks:visited{color:#fff; text-decoration:none;}
.bottomnavitd a.bottomlinks:hover{text-decoration:underline;}
.bottommatter{font-size:10px; color:#BFBDBD; line-height:12px; padding:2px 0px 2px 0px;}

/*end table*/

/*css for index-1.htm*/
.tablinks{float:right; clear:right; text-align:center; margin-right:20px;}
.board-in-hands{float:left; background:url(images/board-in-hands.gif) left top no-repeat; width:184px; height:86px; margin-bottom:0px; padding:25px 25px 0px 35px; line-height:14px;font-family:Helvetica, Arial,  sans-serif; font-size:11px;}
.board-in-hands-home{ background:url(images/board-in-hands.gif) left top no-repeat; width:184px; height:86px; margin-bottom:0px;margin-left:0px; padding:25px 25px 0px 35px; line-height:14px;font-family:Helvetica, Arial,  sans-serif; font-size:11px;}</p>