copyright {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(copyright.php);
}
.preload {display: none;}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(BG/rotator.php);
	background-repeat: repeat-x;
}
.balogo {
	position: fixed;
	width:61px;
	height:76px;
	top: 10px;
	margin-left: -52px;
	background-image:url(Images/swirl.png);
	z-index:10;
}
.getintouch {
	position: absolute;
	text-align: left;
	width:124px;
	height:35px;
	right: 60px;
	top: 0px;
	z-index:40;	
}
.divmid {
	width:947px;
    text-align: left;
    position: absolute;
    left: 50%;
    margin-left: -475px;
	background-image:url(Images/bgcontent.png);
	height: 1100px;
	z-index:20;
}
.divmidhome {
	width:947px;
    text-align: left;
    position: absolute;
    left: 50%;
    margin-left: -475px;
	background-image:url(Images/bgcontent.png);
	height: 925px;
	z-index:20;
}
.divmidlearn {
	width:947px;
    text-align: left;
    position: absolute;
    left: 50%;
    margin-left: -475px;
	background-image:url(Images/bgcontent.png);
	height: 1375px;
	z-index:20;
}
.divmidweb {
	width:947px;
    text-align: left;
    position: absolute;
    left: 50%;
    margin-left: -475px;
	background-image:url(Images/bgcontent.png);
	height: 1450px;
	z-index:20;
}
.divmiddesign {
	width:947px;
    text-align: left;
    position: absolute;
    left: 50%;
    margin-left: -475px;
	background-image:url(Images/bgcontent.png);
	height: 1050px;
	z-index:20;
}
.divmidcontact {
	width:947px;
    text-align: left;
    position: absolute;
    left: 50%;
    margin-left: -475px;
	background-image:url(Images/bgcontent.png);
	height: 975px;
	z-index:20;
}
.divmidcontent {
	width:947px;
    text-align: left;
    position: absolute;
    left: 50%;
    margin-left: -475px;
	background-image:url(Images/bgcontent.png);
	height: 1775px;
	z-index:20;
}
.divmidservices {
	width:947px;
    text-align: left;
    position: absolute;
    left: 50%;
    margin-left: -475px;
	background-image:url(Images/bgcontent.png);
	height: 2025px;
	z-index:20;
}
.divheader {
	width:900px;
	height:118px;
	position: absolute;
	left: 50%;
    margin-left: -450px;
	margin-top: 20px;
	background-image:url(Images/header.png);
	z-index: 30;
}
.divba {
	width:142px;
	height:106px;
	position: absolute;
    margin-left: 25px;
	margin-top: -8px;
	background-image:url(Images/logo.png);
	z-index:40;
}
.divbuttons {
	width:400px;
	height:57px;
	position: absolute;
    margin-left: 180px;
	margin-top: 63px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	color: #555;
	z-index:40;
}
.divcontact {
	width:320px;
	height:65px;
	position: absolute;
	margin-left: 550px;
	margin-top: 58px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #555;
	text-align: right;
	z-index:40;
}
.divphone {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	color: #198daf;
	font-weight: bold;
}
.divfooter {
	width:884px;
	height:205px;
	left: 50%;
    margin-left: -442px;
	text-align:center;
	position: absolute;
	bottom: 40px;
	background-image:url(Images/footer.jpg);
	z-index:25;
}
.divclients {
	width:870px;
	height:113px;
	left: 50%;
    margin-left: -435px;
	text-align:center;
	position: absolute;
	bottom: 250px;
	background-image:url(Images/clients.jpg);
	z-index:30;
}
.divclients2 {
	width:870px;
	height:113px;
	text-align:center;
	position: relative;
	background-image:url(Images/clients.jpg);
}
.divpolicies {
	width:800px;
	height:40px;
	left: 50%;
    margin-left: -400px;
	text-align:center;
	position: absolute;
	bottom: 0px;
	z-index: 30;
}
.w3c {
	width:190px;
	height:40px;
	right: 45px;
	text-align:center;
	position: absolute;
	bottom: 70px;
	z-index: 30;
	background-image:url(Images/w3c.png);
}
.footerwhat {
	position:absolute;
	text-align: left;
	width:180px;
	height:125px;
	left: 30px;
	top: 15px;
	z-index: 30;
}
.footercontent {
	position:absolute;
	text-align: left;
	width:180px;
	height:125px;
	left: 252px;
	top: 15px;
	z-index: 30;
}
.footerservices {
	position:absolute;
	text-align: left;
	width:180px;
	height:125px;
	left: 472px;
	top: 15px;
	z-index: 30;
}
.footerhelp {
	position:absolute;
	text-align: left;
	width: 180px;
	height:125px;
	left: 695px;
	top: 15px;
	z-index: 30;
}
.footerwhatside {
	position:absolute;
	text-align: left;
	width:180px;
	height:125px;
	left: 65px;
	top: 282px;
	z-index: 30;
}
.footercontentside {
	position:absolute;
	text-align: left;
	width:180px;
	height:125px;
	left: 65px;
	top: 482px;
	z-index: 30;
}
.footerservicesside {
	position:absolute;
	text-align: left;
	width:180px;
	height:125px;
	left: 285px;
	top: 282px;
	z-index: 30;
}
.footerhelpside {
	position:absolute;
	text-align: left;
	width:180px;
	height:125px;
	left: 285px;
	top: 482px;
	z-index: 30;
}
.divcontent {
	width:900px;
	position: absolute;
	left: 50%;
    margin-left: -450px;
	margin-top: 150px;
	z-index: 30;
}
.divleft {
	width:350px;
    text-align: left;
    position: absolute;
    margin-left: 10px;
	z-index: 40;
}
.divright {
	width:520px;
	text-align: center;
	position: absolute;
	margin-left: 380px;
	z-index: 30;
}
.divrightswf {
	width:520px;
	text-align: center;
	position: absolute;
	margin-left: 380px;
	z-index: 30;
	background-image:url(Images/loader.gif);
	background-repeat: no-repeat;
	height:440px;
}
.textbody {
	font-family: Arial, Helvetica, sans-serif;
	color: #555;
	font-size: small;
	line-height: 20px;
}
.textlinks {
	font-family: Arial, Helvetica, sans-serif;
	color: #555;
	font-size: small;
	line-height: 23px;
}
.textlinks2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #198daf;
	font-size: small;
	line-height: 20px;
}
.textheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-large;
	color: #198daf;
}
.textsubhead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #198daf;
}
.textsubheadsmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #198daf;
}
.textnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	color: #555;
}
.textfooter {
	font-family: Arial, Helvetica, sans-serif;
	color: #555;
	font-size: x-small;
	color: #555;
}
a.blue:link { color: #198daf; text-decoration: none; font-family: Arial, Helvetica, sans-serif; }
a.blue:active { color: #198daf; text-decoration: none; font-family: Arial, Helvetica, sans-serif; }
a.blue:visited { color: #198daf; text-decoration: none; font-family: Arial, Helvetica, sans-serif; }
a.blue:hover { color: #198daf; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; }

a.grey:link { color: #555; text-decoration: none }
a.grey:active { color: #555; text-decoration: none }
a.grey:visited { color: #555; text-decoration: none }
a.grey:hover { color: #198daf; text-decoration: underline }

a.footer:link { color: #198daf; text-decoration: none;  }
a.footer:active { color: #198daf; text-decoration: none }
a.footer:visited { color: #198daf; text-decoration: none }
a.footer:hover { color: #198daf; text-decoration: underline }

a.topnav:link { color: #555; text-decoration: none; font-size: large;}
a.topnav:active { color: #555; text-decoration: none; font-size: large;}
a.topnav:visited { color: #555; text-decoration: none; font-size: large;}
a.topnav:hover { color: #198daf; text-decoration: none; font-size: large;}

#contact {
	display:inline-block; 
	width: 124px; 
	height: 35px; 
	background: url("Images/contact.png")}	

#home {
	display:inline-block; 
	width: 72px; 
	height: 57px; 
	background: url("Images/home_UP.jpg")}	
#home:hover {
	background: url("Images/home_OVER.jpg")}
#homeup {
	display:inline-block; 
	width: 72px; 
	height: 57px; 
	background: url("Images/home_OVER.jpg")}	

#elearning {
	display:inline-block; 
	width: 119px; 
	height: 57px; 
	background: url("Images/elearning_UP.jpg")}
#elearning:hover {
	background: url("Images/elearning_OVER.jpg")}
#elearningup {
	display:inline-block; 
	width: 119px; 
	height: 57px; 
	background: url("Images/elearning_OVER.jpg")}	

#web {
	display:inline-block; 
	width: 74px; 
	height: 57px; 
	background: url("Images/web_UP.jpg")}
#web:hover {
	background: url("Images/web_OVER.jpg")}
#webup {
	display:inline-block; 
	width: 74px; 
	height: 57px; 
	background: url("Images/web_OVER.jpg")}	

#design {
	display:inline-block; 
	width: 79px; 
	height: 57px; 
	background: url("Images/design_UP.jpg")}
#design:hover {
	background: url("Images/design_OVER.jpg")}
#designup {
	display:inline-block; 
	width: 79px; 
	height: 57px; 
	background: url("Images/design_OVER.jpg")}	

#rotator{background: url(images/rotator.php) no-repeat center top; width: 700px; height: 150px;}