body
{
  background-color:#FFFFFF;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#000000;
  margin:0 auto;
}

.backgroundbg
{
   background-color:#FFFFFF;
   margin:0 auto;
   width:1000px;
}

.bannerblock
{
   background-color:#FFFFFF;
   margin:0 auto;
}

.banner
{
	margin:0 auto;
   /*background:url(images/banner.jpg) no-repeat;*/
   background-image: url(/images/banner.jpg);
   background-repeat:no-repeat;
   background-position:center center;
   width:1000px;
   height:155px;
}

.loginblock
{
   width:270px;
   float:right;
   margin-right:10px;
}

.loginblock1
{
   width:278px;
   float:right;
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   color:#FFFFFF;
}
.onlinetext{
   font-family:Arial, Helvetica, sans-serif;
   font-size:14px;
   color:#FFFFFF;
   float:right;
   margin-top:20px;
   border-bottom:1px #FFFFFF  solid;
   text-align:right;
   width:240px;
   line-height:25px;
}

.form1 { 
width : 245px; 
float : left; 
text-align : justify;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
float:right;
} 

input.button1 { 
margin : 0;
width:52px;
height:19px; 
font : 11px Arial, Sans-serif; 
background:url(images/login-button.jpg) no-repeat;  
color : #fff; 
float:right;
} 


#menubar
{
	width: 1000px;
	text-align: left;
	margin: 0 auto;
/*	padding-top:10px;*/
    margin-top:10px;
}

#menu-content
{
	margin: 0 auto;
	padding: 0;
	width:1000px;
}

#menu-content ul 

{
	font: 0.98em Arial,verdana, sans-serif;
	color: #FFF;
	margin: 0;
	padding-left: 0;
}

#menu-content li 
{
	display:inline;	
}

#menu-content li a 
{
	margin:0px;
	float:left;
	text-align:center;
	color: #FFF;
	text-decoration: none;
	padding:0px;
}
#menu-content li a:hover 
{
	color:#3399ff;
}
#menu-content li a#current  {
	color: #111;
}
 .headerblock
{
    background-color:#FFFFFF;
	margin-top:1px;
}
.header
{
    background:url(images/header.jpg) no-repeat;
	width:955px;
	height:266px;
/*	padding-top:100px;
*/	padding-left:45px;
	margin:0 auto;

}

.headertext
{
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#055a9c;
	text-align:justify;
	width:450px;
	float:left;
	margin-top:100px;
}

.headerbox
{
    background-color:#ebebeb;
	white:350px;
	float:right;
	padding-right:45px;
	margin-top:10px;
}

.bluebox1
{
    background:url(images/blue-bg.jpg) no-repeat;
	width:310px;
	height:40px;
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	padding-left:17px;
	padding-top:28px;
}

.bluebox1 li
{
    background:url(images/bullet.jpg) no-repeat;
    padding-left:25px;
    margin-left:0px;
	width:17px;
	height:17px;
	width:280px;
}

ul
{
    list-style:none;
    margin-left:0px;
    padding-left:0px;
}


li
{
  list-style:none;
}

.imagebar
{
   background-color:#FFFFFF;
   margin:0 auto;
   margin-top:10px;
   padding-left:15px;
}

.imagebox1
{
    width:320px;
	height:235px;
	float:left;
}

.imagebox2
{
    width:320px;
	height:235px;
	float:left;
	margin-left:5px;

} 

.imagebox3
{
    width:320px;
	height:235px;
	float:left;
	margin-left:5px;
}

.greybg
{
    background:url(images/gery-bg.jpg) no-repeat;
	width:300px;
	height:27px;
	margin-bottom:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000000;
/*	text-align:center;
*/	font-weight:bold;
    padding-top:5px;
	padding-left:15px;
}

.block
{
    background-color:#FFFFFF;
	margin:0 auto;
	clear:both;
	margin-left:20px;
	padding-top:10px;
/*	width:1000px;
*/}

.welcomeblock
{
    background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-align:justify;
	width:250px;
    float:left;
	clear:both;
}

h1
{
    font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000000;
	font-weight:bold;
	margin-top:0px;
	border-bottom:1px #999999 solid;
	width:250px;
	line-height:25px;
	float:left;
}

.videoblock
{
    background-color:#FFFFFF;
	width:460px;
	float:left;
	margin-left:10px;
}

.video
{
    background:url(images/video.jpg) no-repeat;
	width:452px;
	height:338px;
}

.contactusblock
{
   background-color:#FFFFFF;
   width:250px;
   float:left;
}

.greybg1
{
    background:url(images/contactus-image.jpg) no-repeat;
	width:227px;
	height:42px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	padding-top:10px;
	padding-left:20px;
}

.greybg2
{
    background:url(images/contactus-image1.jpg) no-repeat;
	width:227px;
	height:159px;
	margin-top:2px;
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#58595b;
}


.form { 
background-color : #fff; 
width : 150px; 
float : left; 
text-align : justify;

} 

input { 
/*padding : 2px;*/ 
border : 1px solid #eee; 
font : normal 1em Verdana, Tahoma, sans-serif; 
color : #777; 
} 
textarea { 
width : 150px; 
padding : 2px; 
font : normal 1em verdana, Tahoma, sans-serif; 
border : 1px solid #eee; 
height : 80px; 
display : block; 
color : #777; 
} 
input.button { 
margin : 0;
width:81px;
height:27px; 
font : bold 14px Arial, Sans-serif; 
background:url(images/submit-button1.jpg) no-repeat;  
color : #fff; 
float:right;
} 

.footerblock
{
   background-color:#FFFFFF;
   padding-top:10px;
   clear:both;
}

.footer
{
  background-color:#dadada;
  width:980px;
  height:25px;
  clear:both;
  padding-left:20px;
  padding-top:15px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
}

.footer a { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 11px; 
color : #111; 
text-decoration : none; 
} 
.footer a:hover { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 11px; 
color : #4a4a4a; 
text-decoration : underline; 
} 

a { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 12px; 
color : #fff; 
text-decoration : underline; 
} 
a:hover { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 12px; 
color : #fff; 
text-decoration : underline; 
}
/*company overview*/
.whitebg
{
   background-color:#FFFFFF;
   height:auto !important;
   min-height:620px !important;
   height:620px;
   margin:0 auto;
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   color:#000000;
   text-align:justify;
   width:950px;
   padding-top:10px;
}

h2
{
   font-family:Arial, Helvetica, sans-serif;
   font-size:18px;
   color:#0066FF;
   font-weight:bold;
}

.textblock
{
   width:600px;
   float:left;
   margin:0 auto;
}

.rightblock
{
   width:300px;
   float:right;
   margin:0 auto;
   padding-top:20px;
}

.bluebg
{
    /*background:#0099FF;*/
	background:url(images/bluebg1.jpg) no-repeat;
	width:230px;
	height:26px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	padding-top:7px;
	padding-left:20px;
	float:left;
	margin-bottom:1px;
}

.greybg3
{
	width:250px;
	height:185px;
	/*background-color:#e9e9e9;*/
	background:url(images/greybg1.jpg) no-repeat;
	float:left;
}

.greybg3 a { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 12px; 
color : #111; 
text-decoration : none; 
} 
.greybg3 a:hover { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 12px; 
color: #999999; 
text-decoration : underline; 
}
     


.greybg3 ul
{ 
    margin-left:40px;
	margin-top:10px;
 }

.greybg3 li
{
    list-style:square;
	margin:0 auto;
	padding:0xp 0px 0px 0px;
}

.pic1
{
	float:left;
	margin:5px 0px 5px 5px;
}
.unnamed1 {
	float: right;
	width: 200px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 20px;

}
.email {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #000000;
}
.ContactIndaba {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}
.JDD1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
}