body {
	font-family: Arial, Helvetica, sans-serif;
	background: url(images/flare.gif) repeat-x ;
	font-size:11px;
	color:#333333;
	text-align:left;
}

body.demoform {
	font-family: Arial, Helvetica, sans-serif;
	background:none;
	font-size:11px;
	color:#333333;
	text-align:left;
	}


#bottomarea {
background-color:#FFFFFF;
width:700px;
float:left;
border-right:#CCCCCC 1px solid;

}

p {
text-align:left;}

#rightcolumn p {
font-size:10px;
font-weight:bolder;
margin-top:8px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
color:#000066;
}

#wrapper {
width:980px;
}

h2 {margin-bottom: 3px;
margin-top: 0px;
font-size: 15px;
color:#000066;
text-align:left;
}

h1 {margin-bottom: 3px;
margin-top: 0px;
font-size: 16px;
color:#003333;
text-align:left;

}

.subtitle {margin-bottom: 3px;
margin-top: 0px;
font-size: 15px;
color:#000000;
text-align:left;
font-weight:bolder;
}


#header {
	width:980px;
	display:block;
	}

#header-left {
position:relative;
	width:550px;
	margin-left:10px;
	display:block;
	float:left;
	height:55px;
	background: url(images/weblogo.gif) no-repeat 0% 0px;
	}
	
#header-right {
position:relative;
	width:410px;
	margin-left:10px;
	display:block;
	float:right;
	height:55px;
	}
	

.bl {background:url(images/bl-corner.gif) 0 100% no-repeat #adcd96; text-align:center}
.br {background:url(images/br-corner.gif) 100% 100% no-repeat}
.tl {background:url(images/tl-corner.gif) 0 0 no-repeat}
.tr {background:url(images/tr-corner.gif) 100% 0 no-repeat}
.tr2 {background:url(images/tr-corner.gif) 100% 0 no-repeat; padding:10px ; text-align:left;}
img {border:0}

#portal {
	width:248px;
	padding:10px;
	text-align:left
	}
	
#analytical {
	width:248px;
	padding:10px;
	text-align:left
	}
	
	#bulksms {
	width:248px;
	padding:10px;
	text-align:left
	}
	
	#broadbean{
	width:248px;
	padding:10px;
	text-align:left
	}
		
	
#startup {
	padding:10px;
	width:248px;
	text-align:left
	}
	

#image_text {
padding-top:28px;
padding-right:8px;
padding-left:480px;
text-align:left;
font-weight:normal;
color:#000066;
}

#image_text2 {
padding-right:8px;
padding-left:480px;
text-align:left;
font-weight:normal;
color:#000066;
}


#leftcolumn {
background-color:#FFFFFF;
width:702px;
float:left;
border-top:#CCCCCC 1px solid;

}

#rightcolumn {
position:relative;
background-color: #EDEFEE;
float:right;
width:276px;
height:100%;
border-top:#CCCCCC 1px solid;

/* border-left: solid #666666 1px;*/

}


#menuarea {
background: url(back2.gif) no-repeat;
position:relative;
width:980px;
height:38px;
float:left;
margin-left:0px;
}

#leftmenu{
background:url(images/menubg-left.gif) no-repeat;
float:left;
width:10px;
height:38px;
margin-right:0px;

}
#rightmenu{
background:url(images/menubg-right.gif) no-repeat;
float:right;
width:10px;
height:38px;

}

#list
{

margin-left: 0;
padding-left: 0;

list-style: none;
}

#list li 
{
text-align:left;
padding-left: 30px;
padding-bottom:15px;
background-image: url(images/tick.gif);
background-repeat: no-repeat;
background-position: 0.5em 0.2em;
}

#training
{

margin-left: 0;
padding-left: 0;

list-style: none;
}

#training li 
{
text-align:left;
padding-left: 30px;
padding-bottom:15px;
background-repeat: no-repeat;
background-position: 0.5em 0.2em;
}

h3 {padding:0px;
margin:0px;
color:#000066;
font-size:14px;
font-weight: bolder;}



#footerpad {
position:relative;
height:0px;
float:left;
width:980px;
}

#contentpane {
position:relative;
float:left;
background-color:#FFFFFF;
width:978px;
border-right: solid #CCCCCC 1px;
border-left: solid #CCCCCC 1px;}



#mainimage {
background:url(images/main_image.gif) no-repeat ;
margin: 0px 0px 0px 0px;
border-bottom:#CCCCCC 1px solid;
border-right:#CCCCCC 1px solid;
width:700px;
height:247px;
float:left;
}

#profimage {
background:url(images/prof_image.gif) no-repeat ;
margin: 0px 0px 0px 0px;
border-bottom:#CCCCCC 1px solid;
border-right:#CCCCCC 1px solid;
width:700px;
height:247px;
float:left;
}

#analyticalimage {
background:url(images/analytical_image.gif) no-repeat ;
margin: 0px 0px 0px 0px;
border-bottom:#CCCCCC 1px solid;
border-right:#CCCCCC 1px solid;
width:700px;
height:247px;
float:left;
}


#trainimage {
background:url(images/train_image.gif) no-repeat ;
margin: 0px 0px 0px 0px;
border-bottom:#CCCCCC 1px solid;
border-right:#CCCCCC 1px solid;
width:700px;
height:247px;
float:left;
}

#prodimage {
background:url(images/prod_image.gif) no-repeat ;
margin: 0px 0px 0px 0px;
border-bottom:#CCCCCC 1px solid;
border-right:#CCCCCC 1px solid;
width:700px;
height:247px;
float:left;
}

#portalimage {
background:url(images/portal_image.gif) no-repeat ;
margin: 0px 0px 0px 0px;
border-bottom:#CCCCCC 1px solid;
border-right:#CCCCCC 1px solid;
width:700px;
height:247px;
float:left;
}

#supportimage {
background:url(images/support_image.gif) no-repeat ;
margin: 0px 0px 0px 0px;
border-bottom:#CCCCCC 1px solid;
border-right:#CCCCCC 1px solid;
width:700px;
height:247px;
float:left;
}

#smsimage {
background:url(images/sms_image.gif) no-repeat ;
margin: 0px 0px 0px 0px;
border-bottom:#CCCCCC 1px solid;
border-right:#CCCCCC 1px solid;
width:700px;
height:247px;
float:left;
}

#virtimage {
background:url(images/virtual_image.gif) no-repeat ;
margin: 0px 0px 0px 0px;
border-bottom:#CCCCCC 1px solid;
border-right:#CCCCCC 1px solid;
width:700px;
height:247px;
float:left;
}

#leftcolumnleft {
position:relative;
width:451px;
float:left;
margin: 0px 0px 10px 10px;
border-right:#CCCCCC dashed 1px;
padding-top:10px;
padding-right:10px;
}

#leftcolumnleft_main {
position:relative;
width:441px;
float:left;
margin: 0px 0px 10px 10px;
padding-top:55px;
padding-right:20px;
border-right:#CCCCCC dashed 1px;
background:url(images/professional.gif) no-repeat 0px 15px;
}

#leftcolumnright {
padding-left:0px;
margin: 60px 0px 0px 0px;
padding-top:10px;
padding-right:7px;
width:221px;
height:100%;
float:left;
}

#leftcolumnright_main {
padding-left:0px;
margin: 0px 0px 0px 0px;
padding-top:55px;
padding-right:7px;
margin-left:10px;
width:202px;
float:left;
background: url(images/virtual.gif) no-repeat 0px 15px;
}

#leftcolumnright H1 {
padding-left:20px;
}

#footerarea {
background: url(images/footerbg-middle.gif) repeat-x 0px 0px;
position:relative;
width:960px;
height:40px;
float:left;
margin-left:0px;
}

#leftfooter{
background:url(images/footerbg-left.gif) no-repeat;
float:left;
width:10px;
height:40px;
margin-right:0px;

}
#rightfooter{
background:url(images/footerbg-right.gif) no-repeat;
float:right;
width:10px;
height:40px;

}

#address{
margin-left:10px;
}

#rightcolumn img {
padding-bottom:5px;}

/* End CSS Drop Down Menu */