@charset "UTF-8";
/* CSS Document */

html { background-color:#000;
height:100%; max-height:100%; padding:0; margin:0; border:0; font:76%/1.4 Arial, Helvetica, sans-serif; font-family:Arial, Helvetica, sans-serif; 
	/* hide overflow:hidden from IE5/Mac */ /* \*/ overflow: hidden; /* */ }

body { height:100%; max-height:100%; overflow:hidden; padding:0; margin:0; border:0;background-color:#000;line-height:1.3em; }
a, a:visited, a:link {color:#aaa; text-decoration:none; cursor:pointer;}
a:hover {text-decoration:none; color:#ccc;}
a:focus, a:active { outline: none; }
p {margin:5px 0 0 0;}
h1 {margin:0;}
h2 {margin:0;}
#content { display:block; height:100%; /*max-height:100%; */overflow:scroll; padding-left:0px; position:relative; z-index:3; overflow-x:auto;background-color:#000;}
hr { border:1px none #999;}
ul {list-style:none; margin-bottom:0px;}
li {list-style-type:none;}
td {vertical-align:top;}
.bullets li {list-style-type:disc;margin-left:-27px; line-height:130%;}
.bullets {margin-top:2px;}
br {margin-top:-7px;}

.blacklist {color:black; margin-left:-39px; line-height:18px; margin-top:0px;}
* html .blacklist {margin-left:0px;}

.blacklist a, a:visited, a:link {color:black; text-decoration:none; cursor:pointer;}
.blacklist li {color:black;}

.blacklist ul li a  { display: block; color: white; text-decoration:none; padding: 7px 5px 6px 14px; }
.blacklist ul li a:hover { display: block; color: black; text-decoration:none; }
.blacklist  { color:black; }
.blacklist  a { color:black; }
.blacklist  a:link { color:black; }
.blacklist  a:visited { color:black; }
.blacklist  a:hover { color:black; text-decoration:underline; }

/*  HEADER
===========================================================================================*/

#head { position:absolute; margin:0; top:0; right:16px; display:block; width:100%; height:123px; font-size:.9em; z-index:5; color:#aaa;
background-color:#000 }
#headcontent {height: 115px; width:900px; background-color:#000; margin-left:auto; margin-right:auto; color:white;}
#headcontent2 {height: 177px; width:901px; background-color:#000; margin-left:auto; margin-right:auto; color:white;}
#headcontent3 {height: 130px; width:901px; background-color:#000; margin-left:auto; margin-right:auto; color:white;}
#headcontent4 {height: 150px; width:901px; background-color:#000; margin-left:auto; margin-right:auto; color:white;}

#sparktitle {position:relative; height:25px; width:300px; top:8px; display:block; margin-bottom:12px;}
#sharefin {font-size:1.3em; float:left; display:block; width:380px; left:0px; display:block;}

#companies { color:#666; width:890px;margin-left:5px; padding-left:15px; padding-right:15px; float:left; font-size:1.1em; background-color:black; height:23px; margin-top:71px; border-bottom:6px solid black;line-height:24px;}

#companies a, a:visited, a:link{ color:#999; }
#companies a:hover {text-decoration:none; color:white;}

#line1 {float:left; height:10px; position:relative; border-right:1px solid white; width:90px; top:-5px; visibility:hidden;}
#line2 {float:left; height:10px; position:relative; border-right:1px solid white; width:95px; top:-5px; visibility:hidden;}
#line3 {float:left; height:10px; position:relative; border-right:1px solid white; width:95px; top:-5px; visibility:hidden;}
#line4 {float:left; height:10px; position:relative; border-right:1px solid white; width:90px; top:-5px; visibility:hidden;}
#line5 {float:left; height:10px; position:relative; border-right:1px solid white; width:85px; top:-5px; visibility:hidden;}
#line6 {float:left; height:10px; position:relative; border-right:1px solid white; width:80px; top:-5px; visibility:hidden;}
#line7 {float:left; height:10px; position:relative; border-right:1px solid white; width:90px; top:-5px; visibility:hidden;}
#line8 {float:left; height:10px; position:relative; border-right:1px solid white; width:100px; top:-5px; visibility:hidden;}
#line9 {float:left; height:10px; position:relative; border-right:1px solid white; width:85px; top:-5px; visibility:hidden;}

#linef1 {float:left; height:10px; position:relative; border-right:1px solid white; width:122px; top:-5px; visibility:hidden;}
#linef2 {float:left; height:10px; position:relative; border-right:1px solid white; width:60px; top:-5px; visibility:hidden;}
#linef3 {float:left; height:10px; position:relative; border-right:1px solid white; width:140px; top:-5px; visibility:hidden;}
#linef4 {float:left; height:10px; position:relative; border-right:1px solid white; width:67px; top:-5px; visibility:hidden;}
#linef5 {float:left; height:10px; position:relative; border-right:1px solid white; width:55px; top:-5px; visibility:hidden;}
#linef6 {float:left; height:10px; position:relative; border-right:1px solid white; width:100px; top:-5px; visibility:hidden;}
#linef7 {float:left; height:10px; position:relative; border-right:1px solid white; width:73px; top:-5px; visibility:hidden;}
#linef8 {float:left; height:10px; position:relative; border-right:1px solid white; width:115px; top:-5px; visibility:hidden;}
#linef9 {float:left; height:10px; position:relative; border-right:1px solid white; width:70px; top:-5px; visibility:hidden;}

#jumpbar {position:absolute;margin-left:5px; height:43px; top:159px; vertical-align:middle; background-color:#fff;}
#jumpbar a { color:black;}

#pagenav {position:relative; vertical-align:middle; top:13px; left:43px; color:#9eadb6; z-index:300; width:890px; font-size:1.2em;}

#largejump {position:relative; left:35px;}


/*  SPACER
===========================================================================================*/


/*  ICONS
===========================================================================================*/

#icons {color:white; font-size:11px; position:relative;  width:320px; height:18px; z-index:20; vertical-align:bottom; text-align:right; right:0px; display:block; float:right; left:190px;}
#icons a { text-decoration:none; color:white;}
#icons a:hover { text-decoration:none; color:#ccc; }
.reduce { position:relative; top:-1px; color:#999; font-size:110%; }
.enlarge { color:#999; font-size:150%; }
#enlargespace { position:relative; top:-2px; color:##fff; font-size:110%; padding-bottom:3px; }
.print { position:relative; top:-1px; color:#fff; font-size:105%; }
.email { position:relative; top:-1px; color:#fff; font-size:105%; }
.download { position:relative; top:-1px; color:#fff; font-size:105%; }
.sitemap { position:relative; top:-1px; color:#fff; font-size:105%; }
.sitemap2 { position:relative; top:-1px; color:#666; font-size:105%; }

.help { position:relative; top:-1px; color:#fff; font-size:105%;}


a, a:visited, a:link {text-decoration:none; cursor:pointer;}
a:hover {text-decoration:none; color:#ccc;}




/*  NAVIGATION
===========================================================================================*/

.left { position:absolute; top:70px; width:900px; height:33px; font-size:1.1em; color:white; z-index:5; line-height:1.1em; background-color:none;  margin-left:auto; margin-right:auto; }
html>body div.left {font-size:1.2em;}
.left ul { list-style: none; margin: 3px 0px 0px 0px; padding: 0; z-index:200; display:block; }
html>body div#left ul {margin:0px;}
.left ul li { width:800px; display: block; margin-top: 0px; padding: 0; }
html>body div.left ul li {margin-top:0px;}
.left ul li a  { display: block; color: white; text-decoration:none; padding: 7px 5px 6px 14px;}
.left ul li a:hover { display: block; color: black; text-decoration:none; }
.left .menuhighlight { color:white; }
.left .menuhighlight a { color:white; }
.left .menuhighlight a:link { color:white; }
.left .menuhighlight a:visited { color:#999; background-color:#ccc }
.left .menuhighlight a:hover { color:#666; }
.left td {  border:1px solid white; padding:0px; font-size:12px; line-height:17px;}

.tablewidth {width:900px; border-spacing:5px;}
.tablewidth a {display:block; padding:1px 4px;}
.tablewidth td a:hover {background-color:#999; color:black;}

/*  NAVIGATION2
===========================================================================================*/

#left2 { position:absolute; top:73px; width:900px; height:33px; font-size:1.8em; color:white; z-index:5; line-height:1.1em; background-color:none; }

* html #head, * html #foot, {position:absolute;}

html>body div#left2 {font-size:1.2em;}
*html #left2 {font-size:1.1em;}


#left2 ul { list-style: none; margin: 3px 0px 0px 0px; padding: 0; z-index:200; display:block; }

html>body div#left2 ul {margin:0px;}


#left2 ul li { width:800px; display: block; margin-top: 0px; padding: 0; }
html>body div#left2 ul li {margin-top:0px;}
#left2 ul li a  { display: block; color: white; text-decoration:none; padding: 7px 5px 6px 14px; }
#left2 ul li a:hover { display: block; color: black; text-decoration:none; }
#left2 .menuhighlight { color:white; }
#left2 .menuhighlight a { color:white; }
#left2 .menuhighlight a:link { color:white; }
#left2 .menuhighlight a:visited { color:#000; background-color:#999;}
#left2 .menuhighlight a:hover { color:black; }
#left2 td	{ font-size:12px; line-height:14px;}

#companies #sihighlight {color:white;}
#companies #sihighlight a {color:white;}
#companies #sihighlight a:link {color:white;}
#companies #sihighlight a:visited {color:white;}
#companies #sihighlight a:hover {color:#999;}

.expanding td {  border:1px solid white; padding:0px; font-size:12px;}
.expanding {width:900px; font-size:91%; line-height:13px;
border-collapse: separate;
  border-spacing: 5px;
  *border-collapse: expression('separate', cellSpacing = '5px');
}
.expanding a {display:block;  padding:0px 3px;}
.expanding td a:hover {background-color:#999; color:black;}

.sin1 {width:130px;}
.sin3 {width:130px;}
.sin4 {width:60px;}
.sin6 {width:105px;}
.sin8 {width:120px;}
.sin10 {width:85px;}

.si4 {width:260px;}
.si1 {width:130px;}
.si3 {width:240px;}
.si2 {width:160px;}

/*SEARCH 
============================================================================*/

#searchblock { position:relative; top:-25px; height:21px; width:195px; z-index:500; float:right; }
.textfield { width:130px; height:15px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:black; margin-bottom:1px; padding:1px 0 0 1px; border:1px solid #999; z-index:600;}
.button { height:18px; border:1px solid #999; background-color:#ccc; font-size:11px; font-family:Arial, Helvetica, sans-serif; margin-bottom:0px; padding-bottom:1px; cursor:pointer; color:black;}
.button { # margin-bottom:1px;}


/* PADDING
===========================================================================================*/

.pad2 { display:block; height:125px; }
.pad3 { display:block; height:115px; }
.pad4 { display:block; height:130px; }
.pad5	{display:block; height:162px;}


/*  CONTENT
===========================================================================================*/

.progressive {width:870px; height:300px; border-top:1px solid #000;}

#box1 {position:relative; height:300px; width:300px; background-image:url(../images/box1.gif); background-repeat:no-repeat; top:180px; left:20px; background-color:black; background-position:center;}

#box2 {position:relative; height:230px; width:230px; background-image:url(../images/box2.gif); background-repeat:no-repeat; float:right; top:50px; right:20px;background-color:black; background-position:center;}

#about_spark_box {position:relative; height:230px; width:230px; background-image:url(../images/about_spark_box.gif); background-repeat:no-repeat; float:right; top:50px; right:20px;background-color:black; background-position:center;}

#chairman_box {position:relative; height:230px; width:230px; background-image:url(../images/chairman_box.gif); background-repeat:no-repeat; float:right; top:50px; right:20px;background-color:black; background-position:center;}

#ceo_box {position:relative; height:230px; width:230px; background-image:url(../images/ceo_box.gif); background-repeat:no-repeat; float:right; top:50px; right:20px;background-color:black; background-position:center;}

#review1_box {position:relative; height:230px; width:230px; background-image:url(../images/review1_box.gif); background-repeat:no-repeat; float:right; top:50px; right:620px;background-color:black; background-position:center;}

#review2_box {position:relative; height:230px; width:230px; background-image:url(../images/review2_box.gif); background-repeat:no-repeat; float:right; top:50px; right:20px;background-color:black; background-position:center;}

#review3_box {position:relative; height:230px; width:230px; background-image:url(../images/review3_box.gif); background-repeat:no-repeat; float:right; top:50px; right:20px;background-color:black; background-position:center;}

#homeimage {height:500px; width:870px;}

#about_spark_image {height:300px; width:870px; background-image:url(../images/about_spark.jpg); background-repeat:no-repeat; border-top:1px solid black; background-color:#ccc;}

#ETSA_image {height:350px; width:760px; background-image:url(../images/ETSA.jpg); background-repeat:no-repeat;background-color:#ccc;}

#powercor_image {height:300px; width:870px; background-image:url(../images/powercor.jpg); background-repeat:no-repeat; border-top:1px solid black; background-color:#ccc;}

#spark_management_image {height:350px; width:760px; background-image:url(../images/management.jpg); background-repeat:no-repeat; background-color:#ccc;}

#chairmans_message_image {height:300px; background-repeat:no-repeat; background-image:url(../images/chairman.jpg);}

#board_of_directors_image {height:306px; width:760px;;background-repeat:no-repeat; border-top:1px solid black; background-color:#000;}

#ceos_report_image {height:300px; background-repeat:no-repeat; background-image:url(../images/ceo.jpg); background-color:#ccc;}

#community_environment_image {height:600px; width:760px; background-image:url(../images/community_environment.jpg); background-repeat:no-repeat; background-color:#ccc;}

#citipower_image {height:300px; width:760px; background-image:url(../images/CHEDHA.jpg); background-repeat:no-repeat; background-color:#ccc;}

#at_a_glance_image {height:300px; background-image:url(../images/at_a_glance.jpg); background-repeat:no-repeat; border-top:1px solid black; background-color:#ccc;}

#placement {height:300px; width:870px; background-repeat:no-repeat; border-top:1px solid black; background-color:#ccc;}

#performance_highlights_image {height:300px; background-image:url(../images/performance_highlights.jpg); background-repeat:no-repeat; border-top:1px solid black; background-color:#ccc;}

#highlights { height:170px;}

#highlight1 { height:170px;width:760px; background-color:white; background-image:url(../images/highlight1.gif); background-repeat:no-repeat;
background-position:center;}

#highlight2 { height:170px;width:760px; background-color:white; background-image:url(../images/highlight2.gif); background-repeat:no-repeat;
background-position:center;}

#highlight3 { height:170px;width:760px; background-color:white; background-image:url(../images/highlight3.gif); background-repeat:no-repeat;
background-position:center;}

#highlight4 { height:170px;width:760px; background-color:white; background-image:url(../images/highlight4.gif); background-repeat:no-repeat;
background-position:center;}

#highlight5 { height:170px;width:760px; background-color:white; background-image:url(../images/highlight5.gif); background-repeat:no-repeat;
background-position:center;}

#footnotes {margin-top:10px; font-size:90%; line-height:100%;}

#performance_highlights_title { height:63px; background-image:url(../images/performance_highlights_title.gif); background-repeat:no-repeat; 
margin-bottom:3px;}

#management_title {width:455px; height:63px; background-image:url(../images/management_title.gif); background-repeat:no-repeat; 
margin-bottom:3px;}

#sitemaptitle {width:760x; height:67px; background-image:url(../images/sitemap_title.gif); background-repeat:no-repeat; 
margin-bottom:3px; border-bottom:1px solid black;}

#downloadstitle {width:760px; height:67px; background-image:url(../images/downloads_title.gif); background-repeat:no-repeat; 
margin-bottom:3px; border-bottom:1px solid black;}

#board_of_directors_title {width:300px; height:62px; background-image:url(../images/board_of_directors_title.gif); background-repeat:no-repeat; 
margin-bottom:3px; }

#about_spark_title {width: 400px; height:62px; background-image:url(../images/about_spark_title.gif); background-repeat:no-repeat; 
margin-bottom:3px;}

#ETSA_title {width:500px; height:63px; background-image:url(../images/ETSA_title.gif); background-repeat:no-repeat; 
margin-bottom:3px;}

#powercor_title {width:500px; height:63px; background-image:url(../images/powercor_title.gif); background-repeat:no-repeat; 
margin-bottom:3px;}

#citipower_title {width:500px; height:87px; background-image:url(../images/CHEDHA_title.gif); background-repeat:no-repeat; 
margin-bottom:3px;}

#at_a_glance_title {width:760px; height:63px; background-image:url(../images/at_a_glance_title.gif); background-repeat:no-repeat; 
margin-bottom:3px;}

#ceo_title { height:62px; background-image:url(../images/ceo_title.gif); background-repeat:no-repeat; 
margin-bottom:3px;}

#community_environment_title {width:760px; height:63px; background-image:url(../images/community_environment_title.gif); background-repeat:no-repeat; 
margin-bottom:3px;}

#management_structure_title { height:65px; background-image:url(../images/management_structure_title.gif); background-repeat:no-repeat; 
margin-bottom:3px; border-bottom:1px solid black;}

#chairmans_message_title { height:63px; background-image:url(../images/chairmans_message_title.gif); background-repeat:no-repeat; 
margin-bottom:3px;}

#management_structure_image {height:356px; background-image:url(../images/management_structure_image.gif); background-repeat:no-repeat; 
margin-bottom:50px; margin-top:30px; background-position:center;}

#cover_text {padding:320px 30px 0px 350px;}

#introtext_glance {font-size:2em; line-height:1.2em; color:#666; margin-bottom:15px; padding-top:5px;padding-bottom:10px}

#ticker {text-transform:uppercase; border-top:1px solid black; margin-bottom:1px; margin-top:2px; height:2em; line-height:2em; width:870px;}

.tickerblue {color:#666;}

#glance1 {width:253px; border-right:1px solid black; height:570px; float:left; margin-top:-15px; }

#glance2 {width:253px; border-right:1px solid black;  height:570px; float:left; padding-left:20px;margin-top:-15px;}

#glance3 {width:253px; height:570px; float:left; padding-left:20px;margin-top:-15px;}

#gimage1 {background-color:#ccc; width:243px; height: 342px; margin-top:20px; background-image:url(../images/gimage1.gif); background-repeat:no-repeat;}

	#gimage2 {background-color:#ccc; width:243px; height: 342px; margin-top:20px;background-image:url(../images/gimage2.gif); background-repeat:no-repeat;}

#gimage3 {background-color:#ccc; width:243px; height: 342px; margin-top:20px;background-image:url(../images/gimage3.gif); background-repeat:no-repeat;}

#ETSAlogo {width:253px; height:50px; background-image:url(../images/ETSA3.gif); background-repeat:no-repeat; background-position:center; margin-bottom:15px;}

#cont1 {width:760px; height:80px; margin-bottom:20px; padding-bottom:5px;}
#logo1 {width:235px; height:80px; background-image:url(../images/ETSA3.gif); background-repeat:no-repeat; background-position:center; margin-bottom:15px; float:left; vertical-align:bottom; background-position:bottom;}
#logo2 {width:255px; height:80px; background-image:url(../images/powercor3.gif); background-repeat:no-repeat; background-position:center; margin-bottom:15px; float:left; vertical-align:bottom; background-position:bottom;}
#logo3 {width:255px; height:80px; background-image:url(../images/citipower3.gif); background-repeat:no-repeat; background-position:center; margin-bottom:15px; float:left; vertical-align:bottom; background-position:bottom;}

.glancetext {padding: 10px 0px 10px 20px;}
.glancetext h2 { margin-top:1em; font-size:1.2em;}

.glancetext h1 { font-size:1.8em;}

#glances {margin-top:-16px;height:560px;}

#cover_text h1 {display:none;}

#names {color:black;}

#ETSA_table {float:right; position:relative; top:-20px;}
.ETSA_table td {vertical-align:bottom;}

#manager1 {height:350px; width:180px; float:left;}
#manager2 {height:350px; width:165px; float:left;}
#manager3 {height:350px; width:155px; float:left;}
#manager4 {height:350px; width:110px; float:left;}
#manager5 {height:350px; width:150px; float:left;}

#introtext {font-size:1.4em; line-height:1em; color:#444; margin-top:15px;}

#introtext2 {font-size:1.5em; line-height:1.2em; color:#444; margin-bottom:15px; margin-top:15px;}

#ETSA_logo { width:292px; height:100px; background-image:url(../images/ETSA_logo.gif); background-position:bottom; background-repeat:no-repeat; vertical-align:bottom;}

#space {height:100px;}

#subheading {color:#9eadb6; text-transform:uppercase; font-size:110%; margin-bottom:3px; margin-top:12px; font-weight:bold;}
#ar_cover { display:block; position:absolute; top:70px; right:-17px; background:#091453; border-top:1px solid #ffb817; font-size:1.2em; color:#FFFFFF; }
#ar_cover_life {position:absolute; top:130px; left:194px; width:100%; border-bottom:1px solid #ffb817; height:90px; background-image: url(../images/annual_report_2007.gif); background-repeat: no-repeat; background-position: 0px 0px; }
#ar_cover_info {padding-left:360px; color:#fff; padding-top:170px;}
#ar_bgrnd {background:#002e6e; width:auto; margin-top:70px; border-top:1px solid #ffb817;}
#hidden { display:none; }
.hidden { display:none; }
#content p { padding:0px 10px 0px 0px; }
.bold { font-size:1.2em; font-weight:bold; }
#introduction { color:#002e6e; font-size:120%; line-height:120%; }
#introduction_white { color:#fff; font-size:120%; line-height:120%; }
#text { z-index:1; margin:14px 217px 0px 28px; line-height:130%; border-right:1px solid #ddd; padding-right:17px; }
#text h1 { font-size:150%; text-transform:uppercase; color:#ffb817; margin:20px 0px 0px 0px; }
#text h2 { font-size:130%; text-transform:uppercase; color:#002e6e; margin:15px 0px 0px 0px; }
#text_noff { z-index:1; padding:14px 28px 14px 28px; line-height:130%; color:#666; }
#text_noff a, #text_noff a:visited, #text_noff a:link { color:#666; }
#text_noff h1 { font-size:150%; text-transform:uppercase; color:#ffb817; margin:20px 0px 0px 0px; }
#text_noff h2 { font-size:130%; text-transform:uppercase; color:#002e6e; margin:20px 0px 0px 0px; }
#about_4th { height:130px; border-bottom:1px solid #ffb817; background-image: url(../images/4th_largest.gif); background-repeat: no-repeat; background-position: 0px 22px; }
#about_4th h2 { display:none; }
#about_afr { height:122px; border-bottom:1px solid #ffb817; background-image: url(../images/2007_afr_money.gif); background-repeat: no-repeat; background-position: 0px 20px; }
#about_afr h2 { display:none; }

#highlight_1 { width:auto; height:130px; border-bottom:1px solid #ffb817; background:#fff; }
html>body div#highlight_1 { height:auto; }
#highlight_1 h2 { padding-top:15px; padding-left:30px; padding-bottom:5px; color:#ffb817; text-transform:uppercase; font-size:100%; margin-bottom:0px; line-height:
105%; }
#highlight_1 h3 { color:#ffb817; text-transform:uppercase; font-size:100%; margin-bottom:0px; margin-top:10px; }
#highlight_1 h4 { color:#002e6e; text-transform:uppercase; font-weight:normal; font-size:150%; margin-bottom:0px; margin-top:5px; line-height:100%; }
#highlight_1 p { margin-bottom:0px; margin-top:3px; }
.highlight-float { float:left; display:block; height:130px; }
.highlight-nofloat { display:block; height:130px; min-width:250px; }
#highlight_1 .orange_block {display:block; width:12px; height:12px; float:left; margin-right:5px; background:#ffb817; }
#highlight_1 .blue_block {display:block; width:12px; height:12px; float:left; margin-right:5px; background:#1883bf; }
#highlight_1 .dkblue_block {display:block; width:12px; height:12px; float:left; margin-right:5px; background:#002e6e; }

#highlight_line {border-bottom:1px solid #ffb817;}
#heading-values { position:absolute; width:1400px; top:250px; right:237px; background-image: url(../images/values_heading.gif); background-repeat: no-repeat; background-position: 0px right; height:40px; z-index:6; }
#values { height:226px; width:auto; background-image: url(../images/values.jpg); background-repeat: no-repeat; background-position: 0px 0px; }
#values h2 { display:none; }
#heading-experience { position:absolute; width:1400px; top:250px; right:237px; background-image: url(../images/experience.gif); background-repeat: no-repeat; background-position: 0px right; height:40px; z-index:6; }
#experience { height:226px; width:auto; background-image: url(../images/chairman.jpg); background-repeat: no-repeat; background-position: 0px 0px; }
#experience h2 { display:none; }
#title_right { text-align:right; padding:15px 237px 0 0; color:#002e6e; }
* html #title_right { text-align:right; padding:15px 20px 0 0; color:#002e6e; }

/*#focus { position:relative; right:-3px; height:226px; width:auto; background-image: url(../images/managing_director.jpg); background-repeat: no-repeat; background-position: 0px right; }

html>body div#focus {position:absolute; right:218px; width:1000px; top:70px; }
#focus h2 { display:none; }
*/
#heading-freedom { position:absolute; width:1400px; top:250px; right:507px; height:40px; z-index:6; }
#freedom { position:absolute; right:217px; height:226px; width:1000px; background-image: url(../images/freedom.jpg); background-repeat: no-repeat; background-position: 0px right; display:block;}
html>body div#freedom {position:absolute; right:218px; width:1000px; top:70px; }
#freedom h2 { display:none; }

#together { position:absolute; right:217px; height:226px; width:1000px; background-image: url(../images/together.jpg); background-repeat: no-repeat; background-position: 0px right; display:none; }
html>body div#together {position:absolute; right:218px; width:1000px; top:70px; }
#together h2 { display:none; }

#responsibility { position:absolute; right:217px; height:226px; width:1000px; background-image: url(../images/responsibility.jpg); background-repeat: no-repeat; background-position: 0px right; display:none; }
html>body div#responsibility {position:absolute; right:218px; width:1000px; top:70px; }
#responsibility h2 { display:none; }

#growing { position:absolute; right:217px; height:226px; width:1000px; background-image: url(../images/growing.jpg); background-repeat: no-repeat; background-position: 0px right; display:none; }
html>body div#growing {position:absolute; right:218px; width:1000px; top:70px; }
#growing h2 { display:none; }

#investing { position:absolute; right:217px; height:226px; width:1000px; background-image: url(../images/investing.jpg); background-repeat: no-repeat; background-position: 0px right; display:none; }
html>body div#investing {position:absolute; right:218px; width:1000px; top:70px; }
#investing h2 { display:none; }

#fulfilment { position:absolute; right:217px; height:226px; width:1000px; background-image: url(../images/fulfilment.jpg); background-repeat: no-repeat; background-position: 0px right; display:none; }
html>body div#fulfilment {position:absolute; right:218px; width:1000px; top:70px; }
#fulfilment h2 { display:none; }

#title_left { position:absolute; text-align:left; padding:15px 0 0 28px; color:#002e6e; z-index:2; }
.padfix { display:block; height:0px; }
.padfix2 { display:block; height:226px; }
html>body div.padfix { height:226px; }

#jumpmenu { position:relative; left:150px; height:16px; top:-3px; border:1px solid #bbb; width:325px; font-family:Arial, Helvetica, sans-serif; font-size:95%; color:#666; z-index:400;}
#jumpmenu a:focus, #jumpmenu a:active {outline:none;}

#pdflist ul { list-style: none; text-indent: 0px; margin:0px; padding:0px; text-align: left; }


#pdflist li {
	list-style:none;
	color:#666;
	margin:0px;
	padding-left:18px;
	line-height:120%;
	text-indent: 0px;
	background-image: url(../images/icon-color-pdf.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 4px;
}

#pdflist li a {
	color:#666;
	text-decoration:none;
}

#pdflist li a:visited {
	text-decoration:none;
	color:#666;
}

#pdflist li a:link {
	text-decoration:none;
	color:#666;
}

#pdflist li a:hover {
	text-decoration:underline;
	color:#666;
}

.black {color:#fff;}
.black  a { color:#fff; }
.black  a:link { color:#fff; }
.black  a:visited { color:#fff; }
.black  a:hover { color:#fff; }

.black2 {text-transform:none;}
.black2 {z-index:300}
.black2 {color:#fff;}
.black2  a { color:#fff; }
.black2  a:link { color:#fff; }
.black2  a:visited { color:#fff; }
.black2  a:hover { color:#fff;}

.more { color:#9eadb6; text-decoration:underline; margin-top:5px;}
.more  a { color:#9eadb6; }
.more  a:link { color:#9eadb6; }
.more  a:visited { color:black; }
.more  a:hover { color:black; }

.reader { color:#9eadb6; text-decoration:none;  border:0px;}
.reader  a { color:#9eadb6; text-decoration:none;border:0px;}
.reader  a:link { color:#9eadb6; text-decoration:none;border:0px;}
.reader  a:visited { color:white;text-decoration:none; border:0px;}
.reader  a:hover { color:white; text-decoration:none;border:0px;}

#lew_owens {background-image:url(../images/Lew_owens.jpg); width:150px; height:150px; float:left; margin-right:15px; }
#lew_owens_caption {float:left; clear:both;  width:150px; margin-right:15px; padding-top:5px; margin-bottom:10px;}
.blue {color:#9eadb6;}
.bluefootnote {color:#9eadb6;}

.recommended {color:#888; margin-top:10px;}

#instructions { width:243px; height:100%x; border:1px solid #9eadb6; padding-left:10px; margin-top:10px; padding-right:5px; padding-bottom:10px;}


#copy {display:block; height:920px;}
#copy2 {display:block; height:1120px;}

#column1 {width:233px;  float:left;}
#column2 {width:273px; float:left;}
#column3 {width:253px;  float:left;}

.instructionstext {font-size:12px; line-height:15px; }

#shane_breheny {background-image:url(../images/shane_breheny.jpg); width:150px; height:150px; float:left; margin-right:15px; }
#shane_breheny_caption {float:left; clear:both;  width:150px; margin-right:15px; padding-top:5px; margin-bottom:10px;}

/*PRINT
======================================================================*/
#centreprint {
display:none;
}

#exit {display:none}

/*EMAIL
================================================================================*/

#emailAR { z-index:202; display:none; width:485px; height:350px; position:absolute; left:300px; top:95px; }
#emailARsent { z-index:201; display:block; width:485px; height:350px; position:absolute; left:300px; top:95px; }
#sent-message-box {position:absolute; top:140px; left:100px; width:300px; height:60px; z-index:201; display:block; border:2px solid #002e6e; background-color:#FFF; }
.sent-message-head { display:block; position:relative; top:0px; left:0px; width:296px; font-size:16px; height:20px; color:#FFFFFF; background-color:black; margin-bottom:8px; padding:3px; }
.sent-message { text-align:center; vertical-align:middle; }
.email-box { width:485px; height:350px; z-index:201; position:absolute; left:2px; top:2px; border: 2px solid black; background-color:#FFF; color:black; }
.email-box-sent { width:485px; height:350px; z-index:201; position:absolute; left:2px; top:2px; border: 2px solid black; background-color:black; color:#002e6e; }
html>body div.emailAR-shadow { z-index:200; display:block; width:545px; height:360px; position:absolute; left:5px; top:5px; filter:alpha(opacity=35); opacity:.35; background-image:url(../images/shadow-email.png); background-repeat: no-repeat; background-position: left top; }
.emailAR-title { display:block; padding:7px 10px 7px 10px; background-color:black; color:#FFF; font-size:16px; }
.email-content { display:block; height:322px; color:black; }
#email-item { display:block; position:relative; border-bottom:1px solid black; margin:2px 0px 0px 0px; height:auto; }
.email-text { padding:10px; }
.email-text td { margin:0px; border:none; }
.email-field { font-family:Arial, Helvetica, sans-serif; font-size:12px; border:1px solid black; padding:3px; width:350px; margin-bottom:2px; z-index:300;}
.email-field-sent { font-family:Arial, Helvetica, sans-serif; font-size:12px; border:1px solid black; padding:3px; width:350px; margin-bottom:3px; background-color:#EEE; }
.sml-email { font-size:.8em; color:black; }
#emailAR td { font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.email-button { display:block; height:18px; border:1px solid black; background-color:#ced6da; font-size:11px; font-family:Arial, Helvetica, sans-serif; padding-bottom:2px; margin-top:100px; }
#superscript { font-size:.6em; vertical-align:text-top; line-height:.6em; }
.superscript { font-size:.6em; vertical-align:text-top; line-height:.6em; }

.directors2 {position:relative; float:left; top:-310px;}
.directors td {height:50px;}


/*HelpAR
============================================================================*/

#helpAR { z-index:201; display:none; width:385px; height:400px; position:absolute; left:300px; top:95px; }
.help-box { width:385px; height:380px; z-index:201; position:relative; left:2px; top:2px; border: 2px solid black; background-color:#FFF; color:black; }
.help-box a { text-decoration:none; }
html>body div.helpAR-shadow { z-index:200; display:block; width:445px; height:400px; position:absolute; left:2px; top:4px; filter:alpha(opacity=35); opacity:.35; background-image:url(../images/shadow.png); background-repeat: no-repeat; background-position: left top; }
.helpAR-title { display:block; padding:7px 10px 7px 10px; background-color:black; color:#FFF; font-size:16px; }
.close { display:block; height:15px; position:absolute; top:4px; right:28px; color:#FFFFFF; width:80px; text-align:right; }
.hide { display:block; width:15px; height:15px; border:1px solid #FFF; position:absolute; top:4px; right:6px; color:#FFF; text-align:center; }
.hide a, .hide a:visited, .hide a:link
{ display:block; width:15px; height:15px; border:1px solid #FFF; position:absolute; color:#FFF; text-align:center; text-decoration:none; }
.hide a:hover { text-decoration:none; }
.help-content { display:block; height:312px; color:black; }
.help-content td { border-right:1px none #FFF; }
.help-text { margin-left:105px; border-left:1px solid #ffb817; padding-left:10px; padding-top:5px; margin-bottom:5px; }
html>body div#page-number-help { display:block; border-bottom:1px solid black; margin:0px 5px 0px 5px; height:auto; }
#helpAR td { padding:5px 5px 5px 0px; border-bottom:1px solid black;  }



/*DESIGNATE DETAILS
=========================*/

#details {
color:white;
width:870px;
float:right;
font-size:90%;
}

#details2 {
position:relative;
left:-10px;
color:white;
width:900px;
font-size:90%;
background-color:#000;
height:40px;
padding-top:4px; 
}

*html #details2 {
position:absolute;
left:15px;
color:white;
width:885px;
font-size:90%;
background-color:#000;
height:40px;
padding-top:4px; 
}

#details3 {
margin: 0 auto 0 auto;
position:relative;
color:white;
width:900px;
font-size:90%;
background-color:#000;
height:80px;
padding-top:4px; 
}

*html #details3 {
position:relative;

color:white;
width:885px;
font-size:90%;
background-color:#000;
height:80px;
padding-top:4px; 
}

.designate {
position:relative;
color:white;
text-align:right;
font-size:95%;
float:right;
}

.ownership {
color:white;
text-align:left;
float:left;
width:200px;
}


/*SPARK
=========================*/
#spark {
position:absolute;
right:9px;
width:100%;
}

#spark2 {
position:absolute;
right:9px;
width:100%;
}

#spark3 {
position:absolute;
right:15px;
width:100%;
}

#stories {
width:890px;
margin-right:auto;
margin-left:auto;
background-color:white;
padding:5px 0px 0px 0px;

}


*html #stories {position:relative;}

#stories2 {
width:890px;
margin-right:auto;
margin-left:auto;
background-color:white;
padding:5px 0px 0px 0px;

}
*html #stories2 {position:relative;}

#margin {
margin-left:-50px;
border-left:20px solid red;
}

/*  FASTFACT
===========================================================================================*/

#fastfact { position:absolute; top:0px; right:0px; float:right; display:block; width:217px; background:#fff; border-left:1px solid #dfdfdf; height:100%; z-index:100; }
#fastfactnoline { float:right; display:block; width:217px; background:#fff; height:100%; z-index:8;  }
.bigdots { display:block; width:187px; height:150px; background-image: url(../images/big_dots.gif); background-repeat:repeat-x; background-position:0px 0px; margin-left:29px; }

*html #fastfact { position:inherit; top:0px; right:0px; width:216px; float:none; display:block; background:#fff; border-left:1px solid #dfdfdf; height:100%; z-index:100; }

*html #fffix {position:absolute; top:0px; right:17px; width:217px; }

#reader { background-color:#FFFFFF; }
#reader a { background-color:#FFFFFF; }
#reader a:hover{ background-color:#FFFFFF; }


#wwd {
position:absolute;
top:70px;
right:0px;
width:217px;
height:226px;
z-index:100;
font-size:127%;
}

html>body div#wwd { right:0px; font-size:130%;}

#wwd ul {
margin:0px;
padding:0px;
list-style:none;
text-align:center;
}

#wwdtxt h1 { font-size:150%; text-transform:uppercase; color:#ffb817; margin:30px 0px 0px 0px; }
#wwdtxt h2 { font-size:130%; text-transform:uppercase; color:#002e6e; margin:15px 0px 0px 0px; }

#wwd ul li {
display:block;
border-bottom:1px solid #DDD;
}

#wwd ul li a, #wwd ul li a:visited {
display:block;
background-color:#fff;
padding:11px 0 10px 0;
text-decoration:none;
color:#666;
}

#wwd ul li a:hover {
display:block;
background-color:#eee;
padding:11px 0px 10px 0;
text-decoration:none;
}

.border1 {width:176px; height:134px; border:3px solid #fff; z-index:500; top:137px; position:absolute;margin-left:7px;} 
*html .border1 {top:123px;} 

.border2 {width:176px; height:134px; border:3px solid #fff; z-index:500; top:137px; position:absolute; margin-left:195px;} 
*html .border2 {top:123px;} 

.border3 {width:176px; height:134px; border:3px solid #fff; z-index:500; top:137px; position:absolute; margin-left:383px;} 
*html .border3 {top:123px;} 

.border4 {width:176px; height:134px; border:3px solid #fff; z-index:500; top:137px; position:absolute; margin-left:571px;} 
*html .border4 {top:123px;} 

.border5 {width:176px; height:134px; border:3px solid #fff; z-index:500; top:292px; position:absolute; margin-left:7px;} 
*html .border5 {top:276px;}

.border6 {width:176px; height:134px; border:3px solid #fff; z-index:500; top:292px; position:absolute; margin-left:195px;} 
*html .border6 {top:276px;} 

.border7 {width:176px; height:134px; border:3px solid #fff; z-index:500; top:292px; position:absolute; margin-left:383px;} 
*html .border7 {top:276px;} 

.border8 {width:176px; height:134px; border:3px solid #fff; z-index:500; top:292px; position:absolute; margin-left:571px;} 
*html .border8 {top:276px;} 

html>body div#wwdtxt { right:0px; width:217px;}

#bump_right {margin-left:10px;}

#stephen_johns {display:block;}


#hing_lam_kam {display:none;} 

#andrew_hunter {display:none;} 
#tim_keith {display:none;} 
#john_dorrian {display:none;} 
#don_morley {display:none;} 
#cheryl_bart {display:none;} 
#Anne_McDonald {display:none;} 


#jim_minto2 {display:block;} 
#john_de_zwart {display:none;} 
#peter_noble {display:none;} 
#simon_higgins {display:none;} 
#david_callander {display:none;} 
#geoff_black {display:none;} 
#gavin_pearce {display:none;} 

#showing {display:block;}

#hidden_heading {display:none; margin-bottom:20px;}



#gallery {
margin-top:15px;
}

* html #gallery {
line-height:125%;
font-size:90%;
}

#gallery h2 { margin:0px; font-size:110%;}
#gallery h3 { margin:0px 0px 5px 0px; font-size:110%;}
#gallery h4 { margin:0px 0px 5px 0px; font-size:100%; font-weight:bold;}
#gallery h5 { margin:0px 0px 5px 0px; font-size:100%; font-weight:normal;}
#gallery br { margin-bottom:10px; padding-right:0px; }

#pad_about { display:block; height:130px; }

#footer2 { width:885px; height:40px; margin-left:auto; margin-right:auto; bottom:0px; margin-top:0px; background-color:#000; padding:4px 0px 0px 15px; vertical-align:top;}

#footer3 { width:900px; height:40px; margin-left:auto; margin-right:auto;  margin-top:0px; background-color:#000; padding:4px 0px 0px 0px; vertical-align:top;}

#printexclusions, #printexclusions_index {display:none; line-height:1.2em;}

#pagecover {position:absolute; top:600px; width:30px; height:12px; display:block; }


#anchor1 {width:50px; height:50px; position:absolute; top:500px; left:550px;}
#anchor2 {width:50px; height:50px; position:absolute; top:250px; left:550px;}
#anchor3 {width:50px; height:50px; position:absolute; top:100px; left:550px;}

#on {float:left; width:9px; height:13px; font-size:1.3em;  margin-left:-12px; vertical-align:text-top; margin-top:-1px; display:block;}

#on a, a:link {font-color:black;}
#on a:hover {text-decoration:none;}

.minus {float:left; width:9px; height:10px; font-size:1.4em; vertical-align:middle; margin-left:-10px; margin-top:-20px; }

.minus a, a:link {font-color:black;}
.minus a:hover {text-decoration:none;}

#on2 {float:left; width:9px; height:13px; font-size:1.3em;  margin-left:-12px; vertical-align:text-top; margin-top:-1px; display:block;}

#on2 a, a:link {font-color:black;}
#on2 a:hover {text-decoration:none;}

.minus2 {float:left; width:9px; height:10px; font-size:1.4em; vertical-align:middle; margin-left:-10px; margin-top:-20px; }

.minus2 a, a:link {font-color:black;}
.minus2 a:hover {text-decoration:none;}




#gallery_index {margin:0 0 0 5px; padding:0; height:880px; overflow:hidden;}
#gallery_index li { margin:0; padding:0;}
#gallery_index li image { margin:0; padding:0;}

#stories_image_div	{padding:40px 0px; width:880px; margin-left:5px; background-position:center; background-color:black;}
#stories_white_div	{padding:20px 0px; background:white; width:800px; margin-left:40px;}
#stories_inner_div	{padding:0px; background:white; width:760px; margin-left:20px;}
#white {height:5px;}



#left_me {margin-left:5px;}

/* SR BACKGROUNDS */
#stories .about { background:url(../images/SR_Backgrounds/01.jpg) #000;}
#stories .structure { background:url(../images/SR_Backgrounds/01.jpg) #000;}

#stories .sr_highlights { background:url(../images/SR_Backgrounds/02.jpg) #000;}
#stories .sr_highlights #stories_white_div, #stories .sr_highlights #stories_inner_div	{background:none;}

#stories .sr_chairmans { background:url(../images/SR_Backgrounds/03.jpg) #000;}
#stories .sr_CEO { background:url(../images/SR_Backgrounds/04.jpg) #000;}
#stories .sr_glance { background:url(../images/SR_Backgrounds/05.jpg) #000;}
#stories .sr_roo_ETSA { background:url(../images/SR_Backgrounds/06.jpg) #000;}
#stories .sr_roo_CHEDHA { background:url(../images/SR_Backgrounds/07.jpg) #000;}
#stories .sr_CSR { background:url(../images/SR_Backgrounds/08.jpg) #000;}
#stories .sr_management { background:url(../images/SR_Backgrounds/09.jpg) #000;}
#stories .sr_board { background:url(../images/SR_Backgrounds/10.jpg) #000;}

.pagedisplay, #pagedisplay	{margin-left:40px; width:800px; height:1131px;}
#details a, #details2 a, #details3 a, #details4 a	{color:white;}