@charset "utf-8";

/*-  MVELAPHANDA GROUP LIMITED STYLE INFORMATION 2008 ----------------------- 
Author: Element Electronic Media cc , M Ferreira, Created: 05 November 2008 -
Last Modified: 12 November 2008											    -
Colors -------------------------------------------------------------------- -
Blue: #0071BC | #5DA5D4 Yellow: #FFD400
Grey: #F0F0F0 | #CCCCCC | #999999 | #DADADA | #FBFBFB
---------------------------------------------------------------------------*/

.print { }
.screen { }

body { margin: 0; padding: 0; }

img { border: none;}

#mvelaMainS p.homePage { padding: 0; font: normal 16px Arial, Helvetica, sans-serif; color: #999; line-height: 29px;}

#tableTxt { padding: 2px; font: normal 11px Arial, Helvetica, sans-serif; color: #666;}
.smlTxt { font-size:10px;}
.tableTxt {font: normal 11px Arial, Helvetica, sans-serif; color: #666; line-height: 17px;}
.tablHeader { padding: 2px; font: bold 11px Arial, Helvetica, sans-serif; color: #FFF; background: #0071BC; border-bottom: 1px solid #FFF;}
.tableBgGrey { background: #F0F0F0; border-bottom: 1px solid #FFF;}


.BluBandFade { background: #0071BC url(../images/bluBandFade.png) repeat-y top left;}/*Dark blue fade to light blu band above+below main menu*/

.cubeColTopL { background: #F0F0F0 url('../images/cubedBgRepeat.gif') repeat top left;}
.cubeColTopR { background: #F0F0F0 url('../images/cubedBgRepeat.gif') repeat top right;}

.navBg { background: #3F3C3D url(../images/navBgRepeat.png) repeat-x top left;}

/*homepage-----*/
.homeHeader { background: url('../images/hme_bannerTop.png') no-repeat top left;}/*header image/ interchangeable between pages*/
.imgWindow { background: #FFF url(../images/hme_bannerBody.png) no-repeat top left;}/*main body image below header*/

/*Rest of pages*/
.imgWindowContact { background: #0071BC url('../images/hme_bannerContact.png') no-repeat top left;}/*image below header*/
.imgWindowInvestment { background: #FFF url('../images/hme_bannerInvestment.jpg') no-repeat top left;}/*investments.htm*/


/*INVESTMENTS SECTION large Band across page - img + special text styling*/
.imgWindowInvestmContin { background: #FFF url('../images/hme_bannerInvestment_contin.jpg') no-repeat top left;}/*sub sections of investments.htm*/
	.imgWindowInvestmContin div {margin:0; padding: 35px 0px 10px 16px;}
	.imgWindowInvestmContin h1 { margin: 0; padding: 0; 
		font: bold 11px Arial, Helvetica, sans-serif; color: #FFF;
	}
	.imgWindowInvestmContin p { margin: 0; padding: 0 0 10px 10px; 
		font: normal 11px Arial, Helvetica, sans-serif; color: #FFF; line-height: 17px;
	}
	.imgWindowInvestmContin ul { margin: 0; padding: 0;
	}
	.imgWindowInvestmContin ul li { margin: 0 20px; padding: 0;
		font: normal 11px Arial, Helvetica, sans-serif; color: #FFF; list-style: disc; line-height: 19px;
	}
	/*more link with hovered image*/	
	.imgWindowInvestmContin a:link { margin: 0; padding: 0 15px 0 0; 
		font: bold 11px Arial, Helvetica, sans-serif; color: #FFF; text-align: left; text-decoration: none;
		}
	.imgWindowInvestmContin a:visited { margin: 0; padding: 0 15px 0 0;  color: #CCC;
		font: bold 11px Arial, Helvetica, sans-serif; text-decoration: none;
		}
	.imgWindowInvestmContin a:hover { margin: 0; padding: 0 15px 0 0; color: #0071BC;
		font: bold 11px Arial, Helvetica, sans-serif; text-decoration: none;
		}
	.imgWindowInvestmContin a:active { margin: 0; padding: 0 15px 0 0;  color: #FFF; 
		font: normal 11px Arial, Helvetica, sans-serif; text-decoration: none;
		}
/*-----------------------------------------------------------------------*/

/*INVESTOR CENTER STYLES*/
.imgWindowInvestC { background: #FFF url('../images/investor_crr.jpg') no-repeat top left;}
.imgWindowInvestCStripes{ background: url('../images/WhiteStripes.gif') repeat-y top left; 
	font: bold 11px Arial, Helvetica, sans-serif; color: #666; text-align:center;
	}
/*small image faded below lareger img on investor section pages*/	
div.investorCImg { background: url(../images/investorIMGFade.jpg) no-repeat 169px 0;}
div.investorCImgSpi { background: url(../images/investorIMGFade.jpg) no-repeat 230px 0;}


dl.newsHome { margin: 0 0; padding: 0; background: none!important;}
dl.newsHome dt { margin: 0 0 0 0; padding: 0; float: none; width: 362px!important; 
	font: bold 11px Arial, Helvetica, sans-serif!important; color: #0071BC!important;
	}	
dl.newsHome dt.result { margin: 0; padding: 0; float: none; width: 473px!important; height: 22px;
	font: bold 11px Arial, Helvetica, sans-serif!important; color: #0071BC!important; background: #F0F0F0;
	-moz-border-radius-topleft: 4px; -khtml-border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; 
	-moz-border-radius-topright: 4px; -khtml-border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px; -khtml-border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px; -khtml-border-bottom-rigth-radius: 4px;-webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
	}
dl.nnewsHomedd.dlHead { margin: 0; padding: 0 0; 
	font: bold 11px Arial, Helvetica, sans-serif!important; color: #999!important;
	}
dl.newsHome dd { margin: 0 ; padding: 0 0; font: 11px Arial, Helvetica, sans-serif; color: #999 !important;
	}

/*Sens news layout definition list*/
dl.newsLayout { margin: 0 0; padding: 0; background: none!important;}
dl.newsLayout dt { margin: 0 0 0 0; padding: 0; float: none; width: 470px!important; 
	font: bold 11px Arial, Helvetica, sans-serif!important; color: #0071BC!important;
	}	
dl.newsLayout dt.result { margin: 0; padding: 0; float: none; width: 473px!important; height: 22px;
	font: bold 11px Arial, Helvetica, sans-serif!important; color: #0071BC!important; background: #F0F0F0;
	-moz-border-radius-topleft: 4px; -khtml-border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; 
	-moz-border-radius-topright: 4px; -khtml-border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px; -khtml-border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px; -khtml-border-bottom-rigth-radius: 4px;-webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
	}
dl.newsLayout dd.dlHead { margin: 0; padding: 0 0; 
	font: bold 11px Arial, Helvetica, sans-serif!important; color: #999!important;
	}
dl.newsLayout dd { margin: 0 ; padding: 0 0; font: 11px Arial, Helvetica, sans-serif; color: #999 !important;}


/*TRANSFORMATION STYLES*/
.imgWindowTransform { background: #FFF url('../images/transform_top.jpg') no-repeat top left;}
	.imgWindowTransform p { margin: 0 30px; padding: 0 0; 
			font: bold 11px Arial, Helvetica, sans-serif; color: #FFF; line-height: 17px;
		}
		.transformImgBG { background: url('../images/transformIMGFade.jpg') no-repeat top right;}

/*PROFILE SECTION large Band across page - img+special text styling*/
.imgWindowProfile { background: #FFF url('../images/hme_profile.jpg') no-repeat top left;}
	.imgWindowProfile p { margin: 0 30px; padding: 0 0; 
		font: bold 11px Arial, Helvetica, sans-serif; color: #FFF; line-height: 17px;
	}
/*-----------------------------------------------------------------------*/


/*search form inside header element*/
.formInput { width: 140px; font: normal 10px Arial, Helvetica, sans-serif; color: #999;
	border-top: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #666; border-left: 1px solid #666;
	}
.formInput:hover { width: 140px; font: normal 10px Arial, Helvetica, sans-serif; color: #999; background: #F0F0F0;
	border-top: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #666; border-left: 1px solid #666;
	}

#mvelaHome { margin: 0; padding: 0;/*special styling for homepage*/
	}

/*Main content box with copy within - below large images site wide*/
#mvelaMainS { margin: 0; padding: 0;}
#mvelaMainS div { margin: 0; padding: 10px 20px 10px 10px;}

/*faded image below larger img on right of pages in profile.htm*/
div.profileImgBg { background: url(../images/profileIMGFade.jpg) no-repeat 169px 0;}


#mvelaMainS h1 { margin: 0; padding: 0 0 10px 0; 
	font: bold 11px Arial, Helvetica, sans-serif; color: #0071BC;/*Blue header sitewide*/
	}
#mvelaMainS h2 { margin: 0; padding: 10px 0 10px 0; 
	font: bold 11px Arial, Helvetica, sans-serif; color: #999;/*Grey header sitewide*/
	}
			h3 { margin:30px 0 0 30px; padding: 0;
			font: bold 25px Arial, Helvetica, sans-serif; color: #FFF;
	}
			
#mvelaMainS p { margin: 0 0 0 1px; padding: 0 50px 5px 0;/*50px padding assigned to [LEFT] to narrow the text flow.*/
	font: normal 11px Arial, Helvetica, sans-serif; color: #999; line-height: 17px;}

span.contin {ma	rgin: 0; padding: 0;/*grey text next to <h1>*/
	font: normal 11px Arial, Helvetica, sans-serif; color: #999; line-height: 17px;}
	
span.highlight { color: #FFF; padding: 0.01px;
	font: bold 11px Arial, Helvetica, sans-serif; color: #0071BC;/*Blue highlight background on white text*/
	}

#mvelaMainS ul.stdListItem { margin:0; padding: 10px 0;/*positions it 10px away form the nearest object above it*/
	}

#mvelaMainS ul.stdListItem li { margin: 0 0; padding: 0 50px 5px 20px;/*50px padding assigned to [LEFT] to narrow the text flow.*/
	font: normal 11px Arial, Helvetica, sans-serif; color: #999;
	background: url(../images/bluIcon.gif) no-repeat left top; line-height: 17px;
	}
	
/*INVESTMENT.HTM intro page*/
.ruleGrey { border-top: 1px solid #DADADA;}
.blockHedGrey { margin: 0; padding-bottom: 10px; font: bold 11px Arial, Helvetica, sans-serif; color: #FFF; background: #333; text-align: left;
	border-left: 1px solid #FFF; border-right: 1px solid #FFF;
	}
.blockHedBlu { margin: 0; padding: 5px 5px 5px 6px; font: bold 11px Arial, Helvetica, sans-serif; text-align: left; color: #FFF; 
	background: #09519F; border: 1px solid #FFF; }
.blockHedBluL { margin: 0; padding: 5px 5px 5px 6px; font: bold 11px Arial, Helvetica, sans-serif; text-align: left; color: #FFF; 
	background: #09519F; border: 1px solid #FFF; border-right: none;}
	


/*Gallery style directors.htm - exectutives.htm - Executives.htm*/

#mvelaMainS div dl.first { margin: 0 0 20px 0; padding: 0 0 20px 0; float: left; 
	display: inline; width: 480px;/*ADJUST THE WIDTH OF THE TOTAL CONTAING <dl> ELEMENT*/
	/* border-bottom: 1px dotted #F0F0F0;*/
	-moz-border-radius-topleft: 4px; -khtml-border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; 
	-moz-border-radius-topright: 4px; -khtml-border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px;
	 background: url(../images/galleryBGrepeat.png) repeat-x top left;
	 }	
	 
#mvelaMainS div dl { margin: 0px 0 0 20px 0; padding: 0 0 20px 0; float: left; 
	display: inline; width: 480px; height: 170px;/*ADJUST THE WIDTH OF THE TOTAL CONTAING <dl> ELEMENT*/
	/* border-bottom: 1px dotted #F0F0F0;*/
	-moz-border-radius-topleft: 4px; -khtml-border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; 
	-moz-border-radius-topright: 4px; -khtml-border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px;
	 background: url(../images/galleryBGrepeat.png) repeat-x top left;
	 }	 
#mvelaMainS div dt { margin: 0 0 10px 0; padding: 10px 0 0 0 ; 
	font: normal 11px Arial, Helvetica, sans-serif; color:#0071BC; letter-spacing: 1px;
	float: right; width: 465px;/*THIS WIDTH ADJUSTS POSITIONING OF THE HEADING*/
	}
#mvelaMainS div dd { margin: 0 0 0 10px; padding: 0 13px 0 0; 
	font: normal 11px Arial, Helvetica, sans-serif; color: #999; line-height: 1.5em;
	}
#mvelaMainS div dd.img img { margin: 0 20px 59px 0; padding: 4px; 
	float: left; border: 1px solid #D9E0E6; border-bottom-color: #C8CDD2; border-right-color: #C8CDD2;
	background: #FFF;
	}

a.MvelaTop { font: normal 11px Arial, Helvetica, sans-serif; color: #FFF; text-decoration: none; text-align:center;
	display: block; width: 90px; height: 30px; background: url(../images/mvelaTop.png) no-repeat top center;
	padding: 0px 0 0 0;}
	
a.MvelaServeTop { font: normal 11px Arial, Helvetica, sans-serif; color: #FFF; text-decoration: none; text-align:center;
	display: block; width: 380px; height: 30px; background: url(../images/MvelaServeTop.png) no-repeat top center;
	margin: 0 0; padding: 8px 0 0 0;}
a.MvelaServeTop:hover { color:#97D7FD;}

a.FacilManage { font: normal 11px Arial, Helvetica, sans-serif; color: #333; text-decoration: none; text-align:center;
	display: block; background: url(../images/yellowCubeR.png) no-repeat top center;
	margin: 0 0; padding: 1px 2px 2px 1px;}
a.TFMC { font: normal 11px Arial, Helvetica, sans-serif; color: #333; text-decoration: none; text-align:center;
	display: block; background: url(../images/yellowCubeR.png) no-repeat top left;
	margin: 0 0; padding: 9px 8px 9px 8px;}
a.FacilManage:hover, a.TFMC:hover { color:#9A7001 ;}

a.securProtea { font: normal 11px Arial, Helvetica, sans-serif; color: #333; text-decoration: none; text-align:center;
	display: block;  background: url(../images/blueCubeR.png) no-repeat top center;
	margin: 0 0; padding: 9px 8px 9px 8px;}
a.securProtea:hover { color:#97D7FD;}

a.CatRoyal { font: normal 11px Arial, Helvetica, sans-serif; color: #333; text-decoration: none; text-align:center;
	display: block; background: url(../images/pinkCubeR.png) no-repeat top center;
	margin: 0 0; padding: 9px 8px 9px 8px;}

a.CatRoyMvel { font: normal 11px Arial, Helvetica, sans-serif; color: #333; text-decoration: none; text-align:center;
	display: block; background: url(../images/pinkCubeR.png) no-repeat top center;
	margin: 0 0; padding: 1px 2px 2px 1px;}

a.CatRoyMvel:hover, a.CatRoyal:hover { color: #FDC8CC;}
a.Diversified { font: normal 11px Arial, Helvetica, sans-serif; color: #333; text-decoration: none; text-align:center;
	display: block; background: url(../images/turqCubeR.png) no-repeat top center;
	margin: 0 0; padding: 1px 2px 2px 1px;}
	
a.Khuseti { font: normal 11px Arial, Helvetica, sans-serif; color: #333; text-decoration: none; text-align:center;
	display: block; background: url(../images/turqCubeR.png) no-repeat top center;
	margin: 0 0; padding: 9px 8px 9px 8px;}
	
a.Diversified:hover, a.Khuseti:hover {color: #A8EAD6;}

.tbltxt01 { border-bottom: 1px solid #CCC; }
.tbltxt02 { border-bottom: 2px solid #CCC; }