@charset "utf-8";
/* CSS Document */
body {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
padding:0px;
margin:0px;
background-image:url('../images/bg.jpg');
background-repeat:repeat-x;
}

img {
margin:0px;
padding:0px;
border:none;
}

a {
text-decoration:none;
color:#990000;
}

P {
margin:0px;
line-height:18px;
}

body div{
margin:0px;
padding:0px;
text-align:left;
}

#all {
width:902px;
min-height:900px;
height:auto;
margin:0px auto;
overflow:visible;
}

#header {
height:73px;
width:100%;
}

#header img{
float:left;
}

#menu {
float:left; /* make the #menu aligned with #menu a, since a is floated, it should also float, o.w. Firefox will have problems with alignment*/
height:27px;
width:100%;
background-image:url(../images/menu_bg.gif);
background-repeat:repeat-x;
}

#menu a{
float: left; /* float is a box which makes the width/height of 'A' adjustable */
overflow:hidden;
display:inline;
height:0px; /* hide text */
background-repeat:no-repeat;
padding:27px 0px 0px 0px; /*display the content of background image */
background-image:url(../images/menu.gif);
}

#menu_home{
width:53px;
margin-left:16px;
background-position:0px 0px;
}

#menu_home:hover{
background-position:0px -27px;
}

#menu_mandate{
width:71px;

background-position:-51px 0px;
}

#menu_mandate:hover{
background-position:-51px -27px;
}

#menu_corporate{
width:76px;
background-position:-120px 0px;
}

#menu_corporate:hover{
background-position:-120px -27px;
}

#menu_properties{
width:78px;
background-position:-194px 0px;
}

#menu_properties:hover{
background-position:-194px -27px;
}

#menu_press{
width:50px;
background-position:-270px 0px;
}

#menu_press:hover{
background-position:-270px -27px;
}

#menu_investors{
width:70px;
background-position:-317px 0px;
}

#menu_investors:hover{
background-position:-317px -27px;
}

#content {
clear:both;
padding:4px 20px;
height:920px;
background-color:#d8d7ca;
}

#left{
margin:0px 8px 0px 0px;
float:left;
width:602px;
}



#belowleft{
float:left;
clear:left;
margin:8px 0px 0px 0px;
width:100%;
}

#leftbelowleft{
float:left;
width:250px;
}

.leftbelowleftItem{
width:250px;
margin:0px 0px 10px 0px;
background-color:#ffffff;
float:left;
clear:left;
}

.leftbelowleftItem-header{
background-image:url('../images/overview_bg.gif');
background-repeat:repeat-x;
height:29px;
/*border:1px #EEEEEE solid;*/
}

#overviewcontent {
	float: left;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 12px;	/* max-height:200; */
}

#milestonescontent {
	float:left;
	padding:5px 0px;
}

#investorscontent{
	float: left;
	padding:5px 8px;
}

.tick{
margin:0px 0px;
float:left;
}

.read_more{
color:#990000;
}

.onemilestone{
	overflow:hidden; /* to force onemilestone div contain floating items insdie */
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
}

.onemilestoneContent{
	float:left;
	padding-left: 8px;
}

.upinvestors{
height:61px;

background-repeat:repeat-x;
overflow:hidden; /* when floating item is the last item in the container, need to use this trick to force the floated items being contained inside the border*/
}

.upinvestorsImg{
padding:0px 15px 0px 5px;
float:left;
}

.upinvestorsImg img{
width:100px;
height:51px;
}

.upinvestorsText{
float:left;
padding-top:0px;
}

.lowerinvestors{
clear:both;
padding:5px 0px 0px 5px;
}

#rightbelowleft{
float: right;
width:345px;
}


.rightbelowleftItem-header {
/*background:url(../images/overview_bg.gif) repeat-x 0px 0px; */
	height:29px;
	border:1px solid #DDE;
}


.rightbelowleftItem-content{
clear:left;
height:53px;
overflow:visible;
background:url(../images/properties_part1_bg.jpg) repeat-x 0px 0px;
padding:10px 8px 0px 8px;
}

.propertiesImg img{
width:75px;
height:46px;
float:left;
}

.propertiesText{
float:left;
margin-left:8px;
}

.propertiesText p{
line-height:15px;
}

.propertiesText img{
width:18px;
height:17px;
}

.audio img{
vertical-align:text-bottom;
}

#right {
width:250px;
float:left;
}

#belowright{
margin:7px 0px 0px 0px;
width:100%;
}

.belowrightItem{
width:100%;
margin:0px 0px 10px 0px;
}

.uprightItem-header, .belowrightItem-header{
background-image:url(../images/overview_bg.gif);
background-repeat:repeat-x;
height:29px;
overflow:hidden;
}

.uprightItem-content, .belowrightItem-content{
background-color:#ffffff;
text-align:center;
padding:3px 0px;
overflow:hidden;
}

#video{
width:231px;
height:185px;
margin:0px auto; /*to set #video center in Firefox*/
}

#leadershipText, #pressText{
	/*padding:4px 0px;*/
width:231px;
	text-align:left;
	margin-top: 8px;
	margin-right: auto;
	margin-bottom: 8px;
	margin-left: auto;
}

.onepressContent{
width:100%;
margin:0px;
}

.uputilitiesContent{
background:url(../images/utilities_part1_bg.jpg) repeat-x 0px 0px;
height:70px;
overflow:hidden;
}

#uputilitiesImg{
	float:left;
	width:68px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#uputilitiesText{
	float:left;
	width:125px;
	text-align:left;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#lowerutilitiesContent{
clear:both;
padding:5px 0px 0px 10px;
text-align:left;
}

.utilitiesfg{
vertical-align:middle;
margin:2px 2px;
}

#footer {
	background-image:url(../images/footer_bg.jpg);
	background-repeat:repeat-x;
	height:35px;
	position:relative;
	padding:0px 0px 0px 44px;
	background-color: #252C3E;
}
#footerContent{
	width:600px;
	position:absolute;
	top: 8px;
	height:10px;
	}
	
#footer a, #footer p {
	padding:0;
	margin:0;
	color:#CCCCCC;
}


#wrapper {
	background:url('../images/bg.jpg') repeat-x 0% 100%;
	background-color:#454545;
}
#siteFrame {
	width:902px;
	min-height:1000px;
	height:auto;
	margin:0px auto;
	overflow:visible;
	}