/* CSS Document */
* html {
	background-image:none;
	background-color:#FFFFFF;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	color:#7f7f7f;
	background: #FFFFFF;	
	text-align: center;
	margin: 0;
	padding: 0;
	height: 100%;
	  background: #636466;
}

a, a:visited, a:active {
	text-decoration:none;
	color: #1F7EC0;
}
a:hover {
	text-decoration: underline;
	color: #1F7EC0;   
}

a.greyLink,a:visited.greyLink,a:active.greyLink {
	font-size: 14px;
	text-decoration:none;
	color: #999999;
}

a:hover.greyLink {
	font-size: 14px;
	text-decoration:underline;
	color: #999999;
}

#top {
	 background: #636466;
	 text-align: center;
	 margin : 0;
	 padding: 0;
	 height: 10px;
	 
}
#container {	
	text-align: left;
	  background: #FFFFFF;
}


#pageContent {
	width: 950px;
	margin: 0 auto;
	text-align: left;
}

#header {	
	width: 950px;
	height: 100px;		
	margin: 0;	
	padding: 0;
	text-align: left;
	  background: #FFFFFF;
}

.logoLine {
	width: 950px;
	height: 1px;
	border-bottom:1px solid #999999;
	z-index: 1;
	top: 68px;
	position:relative;	
}
#header .logo {
	width: 215px;
	height: 100px;
	float: left;	
	z-index:2;
}

#header .smaMenu {
	width: 720px;
	height: 100px;
	margin-left: 216px;
	z-index:3;
}

/* End of Header CSS */

#contentArea {
	width: 950px;	
	text-align:left;
	padding-bottom: 25px;	

}
/* Left Column */
#contentArea #leftColumn {
	float: left;
	width: 215px;
}

#leftColumn .leftColumnHeading {
	height: 50px;
	z-index: 1;
	overflow:hidden;	
}
#leftColumn .leftColumnHeadingText {
	font-size: 17px;
	color: #FF0000;	
	text-align: left;
	font-weight:bold;
	z-index: 2;
	margin: 26px 0 0 0;
}

#leftColumn .serviceBox {	
	height: 345px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	 margin-top: 1px;;
}
.serviceBox .serviceList{
	height: 50px;
	border-bottom: 1px solid #999999; 
	overflow:hidden;
	z-index=1;
}

.serviceList .serviceText {
	background-image:url(img/bullet_red.gif);
	background-repeat:no-repeat;
	padding:0 0 0 22px;
	font-size: 11pt;	
	color: #666666;	
	margin-top: 16px; 
	z-index=2;
	text-align: left;
	background-position: 0px 1px;
}
#leftColumn .unicef {
	margin-top: 15px;
	text-align: center;
	color: #999999;
	font-size: 11pt;
	font-weight: bold;
}

img.contactUsToday {
	 margin-left: 30px;
	 margin-top: 2px;
}
/* End of Left Column */


/* Main Area */
#contentArea #mainArea {	
	width: 715px;
	float:left;
	margin-left: 20px;
}

#mainArea .mainAreaHeading{
	width:715px;
	height: 50px;		
	border-bottom: 2px solid #007DC5;	
	overflow: hidden;
	z-index:1;
}

.mainAreaHeading .mainAreaHeadingText {
	 background-image:url(img/bullet_blue.gif);
	background-repeat: no-repeat;
	color: #007DC5;
	font-size: 17px;
	font-weight:bolder;	
	text-align:left;	
	padding:0 0 0 20px;	
	margin: 25px 0 0 0;
	overflow: hidden;
	z-index: 2;
	 background-position: 0px center;;
}

#mainArea .mainAreaText {
	color: #7d7d7d;
	text-align:left;
	font-size: 14px;
	margin-top: 10px;
}





/* CSS for 6 product Blocks on the Products Page */
.mainAreaText div.firstProduct{
	 width:335px;/*366-15padding*/
	 height:120px; /*95-15padding*/
	 padding:10px 15px 20px 0;
	 float:left;
	 border-right:1px solid #dcdcdc;
	 border-bottom:1px solid #dcdcdc;
	 background-image:url(img/products_online_video_marketing.jpg);
	 background-repeat:no-repeat;
	 background-position:260px 30px;        
}

.mainAreaText div.secondProduct{
	 width:335px;/*366-15padding*/
	 height:120px; /*95-15padding*/
	 padding:10px 0 20px 15px;
	 float:left;    
	 border-bottom:1px solid #dcdcdc;
	 background-image:url(img/products_video_hosting.jpg);
	 background-repeat:no-repeat;
	 background-position: 275px 30px;       
}
.mainAreaText div.thirdProduct{
	 width:335px;/*366-15padding*/
	 height:100px; /*95-15padding*/
	 padding:20px 15px 20px 0;
	 float:left;
	 border-right:1px solid #dcdcdc;
	 border-bottom:1px solid #dcdcdc;
	 background-image:url(img/products_hot_potato.jpg);
	 background-repeat:no-repeat;
	 background-position:260px 30px;       
}

.mainAreaText div.fourthProduct{
	 width:335px;/*366-15padding*/
	 height:100px; /*95-15padding*/
	 padding:20px 0 20px 15px;
	 float:left;    
	 border-bottom:1px solid #dcdcdc;
	 background-image:url(img/products_live_streaming.jpg);
	 background-repeat:no-repeat;
	 background-position:275px 30px;  
}

.mainAreaText div.fifthProduct{
	 width:335px;/*350-15padding*/
	 height:100px; /*95-15padding*/
	 padding:20px 15px 40px 0;
	 float:left;        
	 border-right:1px solid #dcdcdc;
	 background-image:url(img/products_advertising.jpg);
	 background-repeat:no-repeat;
	 background-position:260px 30px;  
 
}
.mainAreaText div.sixthProduct{
	 width:335px;/*350-15padding*/
	 height:100px; /*95-15padding*/
	 padding:20px 0 40px 15px;
	 float:left;            
	 background-image:url(img/products_analytics.jpg);
	 background-repeat:no-repeat;
	 background-position:275px 30px; 
	 
}
div.clickArea {
	 width: 330px;
	 cursor: pointer;
}
div.productSnapshot {
	 width: 250px;
	 text-align: left;  
}
/* CSS for 6 product Blocks on the Products Page */


/* CSS for 6 Service Blocks on the Products Page */
.mainAreaText div.firstService{
	 width:335px;/*366-15padding*/
	 height:120px; /*95-15padding*/
	 padding:10px 15px 20px 0;
	 float:left;
	 border-right:1px solid #dcdcdc;
	 border-bottom:1px solid #dcdcdc;  
	 
}

.mainAreaText div.secondService{
	 width:335px;/*366-15padding*/
	 height:120px; /*95-15padding*/
	 padding:10px 0 20px 15px;
	 float:left;    
	 border-bottom:1px solid #dcdcdc;  
}
.mainAreaText div.thirdService{
	 width:335px;/*366-15padding*/
	 height:100px; /*95-15padding*/
	 padding:20px 15px 20px 0;
	 float:left;
	 border-right:1px solid #dcdcdc;
	 border-bottom:1px solid #dcdcdc;    
}

.mainAreaText div.fourthService{
	 width:335px;/*366-15padding*/
	 height:100px; /*95-15padding*/
	 padding:20px 0 20px 15px;
	 float:left;    
	 border-bottom:1px solid #dcdcdc;    
}

.mainAreaText div.fifthService{
	 width:335px;/*350-15padding*/
	 height:100px; /*95-15padding*/
	 padding:20px 15px 40px 0;
	 float:left;        
	 border-right:1px solid #dcdcdc;    
}
.mainAreaText div.sixthService{
	 width:335px;/*350-15padding*/
	 height:100px; /*95-15padding*/
	 padding:20px 0 40px 15px;
	 float:left;                 
}

div.serviceSnapshot {
	 width: 335px;
	 text-align: left;  
}

/* CSS for 6 Service Blocks on the Products Page */


/*  CSS for Contacts Section (content in 4 parts) */
.mainAreaText .first{
	 width:335px;/*366-15padding*/
	 height:170px; /*175-15padding*/
	 padding:0 15px 15px 0;
	 float:left;
	 border-right:1px solid #dcdcdc;
	 border-bottom:1px solid #dcdcdc;
	 background-image:url(img/img_contact_au.jpg);
	 background-repeat:no-repeat;
	 background-position:260px 0;
}
.mainAreaText .second{
	 width:335px;/*366-15padding*/
	 height:170px; /*175-15padding*/
	 padding:0 0 15px 15px;
	 float:left;
	 clear:right;
	 border-bottom:1px solid #dcdcdc;
	 background-image:url(img/img_contact_as.jpg);
	 background-repeat:no-repeat;
	 background-position:260px 0;        
}
.mainAreaText .third{
	 width:335px;/*366-15padding*/
	 height: 275px; /*250-15padding*/
	 padding:15px 15px 0 0;
	 float:left;
	 border-right:1px solid #dcdcdc;
	 background-image:url(img/img_contact_in.jpg);
	 background-repeat:no-repeat;
	 background-position:260px 15px;    
}
.mainAreaText .forth{
	 width:335px;/*366-15padding*/
	 height:275px; /*250-15padding*/
	 padding:15px 0 0 15px ;
	 float:left;
	 background-image:url(img/img_contact_enquiry.jpg);
	 background-repeat:no-repeat;
	 background-position:260px 15px;    
}
/*
.mainAreaText a,
.mainAreaText a:visited,
.mainAreaText a:link,
.mainAreaText a:active{    
	 text-decoration: none;
}
.mainAreaText a:hover{
	 text-decoration:underline;
}
*/

/* End of CSS for Contacts Section (content in 4 parts) */

h2 {
	font-size: 14px;
}

.mainAreaText ul.tickList {
	padding-left: 20px;
	 list-style: none;
	 list-style-type: none;
}

ul.tickList li.tickBullets {
	background-image: url(img/triangle.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;	
	list-style-type: none;
	margin: 0 0 8px;
	padding: 0px 0 10px 20px;
	list-style: none;
}

b.blueBold {
	color: #1A80C2;	
}

/* Center Column */
#mainArea .centerArea {
	width: 512px;
	float: left;	
}

.centerArea .centerAreaImage {
	height: 345px;
	border-bottom: 1px solid #999999;
}

.centerArea .centerAreaText {	
	margin-top:15px;
	text-align: left;
	font-size: 14px;
	color: #4D4D4D;	
}
/* End of Center Column */
/* CSS for Live Webcast*/
#mainArea .webcastBox {
	background: #F2F2F2;
	height: 341px;
	border: 1px solid #ACACAC;   
	margin-top: 10px;
}
	.webcastBox .webcastVideo {
		float: left;
		width: 400px;
		height: 300px;
		border: 1px solid #ACACAC;
		margin: 5px;
	}
	
	.webcastBox .questionOdd {	
		background: #f2f2f2;

	}
	.webcastBox .questionEven {		
		background: #e5e5e5;
	
	}
			.questionOdd .question, .questionEven .question {
				font-size:12px;
				color: #666;
				
				width: 670px;
		/*		padding: 0 10px;*/
				margin:0 10px;
				padding: 5px 0 0;
				
			}
	
	.webcastBox .addedBy {
		font-size:12px;
		color: #888;
		width: 670px;
		height: 15px;
		font-style: italic;
		margin: 15px 10px 0 10px;
	}
	
	.webcastBox .questionsArea {
		float: left;
		margin: 5px 5px 5px 10px;
		width: 280px;
		color: #8c8c8c;      
		height: 305px;
		font-size: 12px;
	}
	.questionsArea input.greybox, .questionsArea textarea.greybox {
		border: 1px solid #ACACAC;
		width: 200px;
	}
	
	.questionsArea .chapters {
		border: 1px solid #b4b4b4;
		width: 260px;			     
		height: 40px;
	}
		.chapters  .chapterTitle {
			padding: 3px 10px;
			color: #2C2C2C;   
			font-size: 14px;
			font-weight: bold;
		}
	
		a.chapterLink, a:hover.chapterLink,a:link.chapterLink, a:visited.chapterLink {
			text-decoration: none;
			color: #2C2C2C;   
			font-size: 14px;
			font-weight: bold;
		}
#mainArea .webcastText {
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #888;
	font-size: 12px;
	text-align: left;   
}

input[type="button"].webcastButton {
	background: url(img/submit.png) no-repeat;
	width: 62px;
	height: 32px;
	border: none; 
	float: right;
}

.interactiveIntro {
/*	padding-top: 10px;*/
	color: black;
	font-weight: bold;
	
}
.interactiveIntro p { line-height: 1.1em; margin: 0px; }

.interactiveTitle {
/*	padding-top: 10px;*/
	color: #8C8C8C;
	font-weight: bold;
	font-size: 13px;
}
.interactiveTitle p { line-height: 1.1em; margin: 0px; }

#interactiveForm {
	/*padding: 10px 0px;*/
	font-size: 0.9em;
	margin-bottom: -10px;
}
#interactiveForm dt {
/*	float: left;*/
	clear: left;
	width: 60px;
	color: #848484; /* 0187DC */
}
#interactiveForm dd {
/*	margin-left: 75px;*/
}


#interactiveForm #interactive_errors
{   
	font-size: 10px;
/*	display: none;         */
	visibility: hidden;
	font-weight:normal;
	padding: 20px 0 0 15px;
	text-align:center;
}

#interactiveForm #interactive_errors .alignLeft
{   
	text-align:left;
}

#interactiveForm #interactive_errors .alignCenter
{   
	padding-top: 10px;
	text-align:center;
}

#interactiveForm .input_error
{   
	text-align: left;
	margin: 0px 22px 5px 0;
	font-size: 10px;
/*	display: none;         */
	visibility: hidden;
	color: red;
}

.interactiveForm input {
	width: 275px;
	height: 15px;
	font-size: 11px;
	border: 1px solid #ACACAC;
}

.interactiveForm textarea {
	width: 275px;
	height: 60px;
	font-size: 11px;
	font-family: Verdana;
	border: 1px solid #ACACAC;
}


#interactive_errors .button {
	width: 50px;
	height: 20px;
	border: 1px solid #006F52;
	background-color: #CCCCCC;
	padding-bottom: 3px;
}

.interactiveForm .button {
	width: 50px;
	height: 20px;
	border: 1px solid #006F52;
	background-color: #CCCCCC;
	padding-bottom: 3px;
}


/* End of CSS for Live Webcast */



/* CSS For Broadcast, Capture and Deployment Page.  */
.mainAreaText .hotpotato {
	 height: 75px;
	 width: 700px;
}

div.hotpotato div.steplogo {
	 position:absolute;
	 width: 90px;
}

div.hotpotato div.nameBox {
	 position:absolute;
	 margin:0 0 0 90px;
	 width:105px;
	 height:50px;
	 background-color: #1a80c2;
}

div.nameBox div.nameBoxText {
	 color:#FFFFFF;
	 font:Verdana;
	 padding: 13px 10px 14px;
	 text-align:center;
	 font-size: 19px;
}

div.hotpotato div.stepText {
	 position: absolute;
	 font-weight:bolder;
	 font-size:12px;
	 padding: 17px 15px 18px;
	 margin: 0 0 0 200px;
	 color: #000000;
	 width: 475px;
	 text-align:justify;
}
/* End of  CSS For Broadcast, Capture and Deployment Page.  */

/* CSS for Clients Page */
.mainAreaText table.clientTable {
	 width: 715px;
	 border-collapse: separate;
	padding: 0px;    
}

table.clientTable tr.clientRow {
	 height: 250px;
	 vertical-align: middle;
}
table.clientTable td.leftcell {
	  width: 345px;     
	  text-align: left;     
}

table.clientTable td.middleCell {
	  width: 25px;
}

table.clientTable td.rightCell {
	  width: 345px;
	  text-align: left;
}

table.clientTable td.seperator {
	  width: 715px;
	  background-color: #dcdcdc;
	  height: 2px;
}
		 
span.clientDesc {
font-size: 11px;
font-style: italic;
}
/* End of CSS for Clients Page */


/* Right Column */
#mainArea .rightColumn{
	width: 180px;
	margin-left: 530px;	
}

.rightColumn .top{
	height: 345px;
	border-bottom: 1px solid #999999;
}

.top .topImage {
	padding-top: 24px ;
}

.top .checkList {
	background-image:url(img/check.gif);
	background-repeat:no-repeat;
	font-size: 14px;
	padding: 0 0 0 25px;
	margin: 15px 0 0 0px; 
	text-align: left;
}


.top .learnMore {
	 height: 50px;
	 border-top: 1px solid #999999;
	 border-bottom: 1px solid #999999; 
	 overflow:hidden;
	 z-index=1;
	margin-top: 0px;
	 cursor: pointer;
}
.learnMore .learnMoreText {
	 background-image:url(img/bullet_green.gif);
	 background-repeat:no-repeat;
	 padding:0 0 0 22px;
	 font-size: 17px;
	 font-weight: bold;
	 color: #ABD037;    
	 margin-top: 16px; 
	 z-index=2;
	 text-align: left;
	 background-position: 0px 1px;
}

.top .clientText {
	color: #007DC5;
	font-size: 17px;	
	text-align:left;
	font-weight: 600;	
	margin-top: 39px;
}

.rightColumn .bottom {
	margin-top: 15px;
}

.rightColumn .rightColumnImage {
	padding-top:15px;
}

/* End of Right Column*/


/* Footer CSS*/
#footer {
	background: #636466;
	text-align: center;
	margin : 0 0 -10px 0;
	padding: 0;
	
}

#footer div.footerContent {	
	width: 950px;
	margin: 10px auto;
	text-align: left;
}

.footerContent div.footerRow1 {	
	height: 35px;
	text-align: center;
	border-bottom: 1px solid #757678;
}

.footerRow1 .copyright {		
	height: 35px;	
}

.logobw {
	width: 200px;
	padding: 10px 0;
	color: #ffffff;
	font-weight:bold;
	font-size:10px;
	text-align: center;
	background-image:url(img/logobw.jpg);
	background-position: 0 center;
	background-repeat:no-repeat;
	margin: 0 auto;
}
.copyright span.copyrightText {
	
	height: 35px;
	padding-top: 10px;	
	
}
.footerContent div.footerRow2 {
	height: 165px;
	text-align: center;	
	padding-top: 10px;
}

.footerRow2 div.quickLinks {	
	height: 130px;
	color:#CCCCCC;
	font-size:10px;
	border-right: 1px solid #87898b;
	text-align:left;
	padding: 0px 10px;
	float: left; 
}
.footerRow2 .quickLinks1 {
	height: 120px;
	color:#CCCCCC;
	font-size:10px;
	border-right: 1px solid #87898b;
	text-align:left;
	padding: 0 0 10px 0;
	float: left; 
	/*padding-left: 0px;*/
	width: 200px;
}
.footerRow2 .quickLinks2 {
	 height: 130px;
	color:#CCCCCC;
	font-size:10px;
	border-right: 1px solid #87898b;
	text-align:left;
	padding: 0px 10px;
	float: left; 
	width: 155px;
}
.footerRow2 .quickLinks3 {
	height: 130px;
	color:#CCCCCC;
	font-size:10px;
	border-right: 1px solid #87898b;
	text-align:left;
	padding: 0px 10px;
	float: left; 
	width: 190px;
}
.footerRow2 .quickLinks4 {
	width: 120px;
	height: 130px;
	color:#CCCCCC;
	font-size:10px;
	border-right: 1px solid #87898b;
	text-align:left;
	padding: 0px 10px;
	float: left; 
}
.footerRow2 .quickLinks5 {
	border: none;
	height: 130px;
	color:#CCCCCC;
	font-size:10px;	
	text-align:left;
	padding: 0px 10px;
	float: left; 
}

.footerTitle {
	color:#CCCCCC;
	font-size:10px;
}
a.footerLinks,a:visited.footerLinks,a:link.footerLinks {
	font-size: 10px;
	color: #AAAAAA;
	text-decoration: none;
}
a:hover.footerLinks {
	font-size: 10px;
	color:#AAAAAA;
	text-decoration: underline;
}
a.footerLinksTitle,a:visited.footerLinksTitle,a:link.footerLinksTitle {
	 font-size: 10px;
	 color: #CCCCCC;
	 text-decoration: none;
}
a:hover.footerLinks {
	 font-size: 10px;
	 color:#CCCCCC;
	 text-decoration: underline;
}
/* End of footer CSS */


/* Lava Lamp Menu CSS */
.lavaLampBottomStyle {
	position: relative;
	height: 29px;
	width: 700px;
	background-color: white;
	padding: 25px 10px 15px 10px;
	margin: 10px 0;
	overflow: hidden;            
}
.lavaLampBottomStyle li {
	float: left;
	list-style: none;
}
.lavaLampBottomStyle li.back {
	border-bottom: 2px solid #ABD037;
	width: 9px;
	height: 31px;
	z-index: 8;
	position: absolute;
}
.lavaLampBottomStyle li a {
	font: 14px arial #1A1A1A;
	text-decoration: none;
	color: #1A1A1A;
	outline: none;
	text-align: center;
	top: 7px;
	text-transform: capitalize;
	letter-spacing: 0;
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
	margin: auto 10px;
}   
.lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {
	border: none;
	 color: #1A1A1A;                
}
/* End of LavaLaml CSS Menu --*/

/* general styles */
.clearit:after {
	 content: ".";
	 display: block;
	 height: 0;
	 clear: both;
	 visibility: hidden;
}
.clearit { display: inline-block; }
.clearit { display: -moz-inline-block; } /* for firefox 2*/
/* Hides from IE-mac \*/
* html .clearit {height: 1%;}
/*
.clearit {
display: block;
}
*/
/* End hide from IE-mac */
* html img.pngTransparent {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);
}