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



/* -------------------- middle panel content ---------------------- */

/* ----------- common styles ------------- */

#sustainableContentBox {
	line-height: 1.6em;
	padding: 0 2em 0 0;
}

#sustainableContentBox  h2 {
	font-size: 1.3em;
	color: #658b99;
	padding: 0;
	margin: .7em 0 0 0;
	font-weight: 700;
}

#sustainableContentBox  h3 {
	font-size: 1em;
	padding: 0;
	margin: .7em 0 .7em 0;
	font-weight: 700;
}

#sustainableContentBox p {
	margin: .7em 0 0 0;
	padding: 0;
}

#sustainableContentBox ul {
	margin: 0 0 0 1em;
	padding: 0;
}

#sustainableContentBox li {
	margin: 0;
	padding: 0;
}

.divclear {
	clear: both;
}

.leftSide {
	float: left;

}

.rightSide {
	float: left;
	padding: 0 0 0 8em;
}


/* ----------- about us page ------------- */

#aboutOverview {
	line-height: 1.6em;
	padding: 0 2em 0 0;
	height: 11em;
	border: solid 1px #ffffff;
}

#aboutBox {
	padding: 0;
	height: 48em;
}

#aboutBox p {
	margin: .7em 0 0 0;
	padding: 0;
}

#aboutBox  h2 {
	font-size: 1.1em;
	color: #658b99;
	padding: 0;
	margin: 0 0 1em 0;
	font-weight: 700;
}


#aboutBox1 {
	margin: 0;
	padding: 0;
	height: 11.7em;
}

#aboutBox2 {
	margin: 0;
	padding: 0;
	height: 13em;
}

.aboutBoxInner1 {
	width: 23.5em;
	height: 10em;
	border-top: dotted #000 1px;
	margin: 0;
	padding: 1.2em 0 0 0;
	float: left;
}

.aboutBoxInner2 {
	width: 23.5em;
	height: 10em;
	border-top: dotted #000 1px;
	margin: 0 0 0 2em;
	padding: 1.2em 0 0 0;
	float: left;
}

.aboutBoxInner3 {
	width: 23.5em;
	height: 11.8em;
	border-top: dotted #000 1px;
	border-bottom: dotted #000 1px;
	margin: 0;
	padding: 1.2em 0 0 0;
	float: left;
}

.aboutBoxInner4 {
	width: 23.5em;
	height: 11.8em;
	border-top: dotted #000 1px;
	border-bottom: dotted #000 1px; 
	margin: 0 0 0 2em;
	padding: 1.2em 0 0 0;
	float: left;
}

.aboutThumbNails {
	width: 9.7em;
	height: 6.4em;
	float: right;
}

.thumbTextAbout1 {
	width: 12.7em;
	height: 5.5em;
	padding: 0;
}

.thumbTextAbout2 {
	width: 12.7em;
	height: 6.7em;
	padding: 0;
}


#productInfoBgDiv {
	height: 9.8em;
	margin: 1em 0 0 .3em;
}

#productInfoBg {
	width: 48.6em;
	height: 10em;
}

#productInfoBox {
	width: 48.3em;
	height: 10.75em;
	margin: -9.7em 0 0 0;
	padding: 1em 0 0 0;
}

.productInfoHeading {
	font-size: 1.5em;
	font-weight: 300;
	color: #515151;
	margin: 0 0 0 .8em;
}

#productInfoTextBox {
	width: 45em;
	margin: .5em 0 0 1.6em;
	padding: 0;
}

.productInfoText  {
	font-size: .9em;
	line-height: 1.5em;
	color: #515151;
	margin: 0;
	padding: 0;
}

#productInfoBox a:link, #productInfoBox a:visited {
	color:  #515151;
	font-weight: 300;
	text-decoration: none;
}

#productInfoBox a:hover, #productInfoBox a:active {
	color: #658b99;
	font-weight: 300;
	text-decoration: none;
}



/* ----------- charter page ------------- */

#missionBox {
	line-height: 1.6em;
	padding: 0;
}

.boldMisionText {
	font-size: 1.4em;
	font-weight: 300;
	line-height: 1.6em;
}

#visionBox {
	line-height: 1.6em;
	padding: 0;
}

#missionBox p, #visionBox p {
	margin: .7em 0 0 0;
	padding: 0;
}

#missionBox h2, #visionBox  h2 {
	font-size: 1.1em;
	color: #658b99;
	padding: 0;
	margin: .7em 0 .7em 0;
	font-weight: 700;
}

#visionBox h1 {
	font-size: 2em;
	color: #515151;
	padding: 0;
	margin: .9em 0 .5em 0;
	font-weight: 300;
}


/* ----------- company overview page ------------- */

#companyOverview {
	line-height: 1.6em;
	padding: 0 2em 0 0;
	height: 16em;
	border: solid 1px #ffffff;
}

#companyBox {
	padding: 0;
	height: 37em;
}

#companyBox p {
	margin: .7em 0 0 0;
	padding: 0;
}

#companyBox  h2 {
	font-size: 1.1em;
	color: #658b99;
	padding: 0;
	margin: 0 0 1em 0;
	font-weight: 700;
}


#companyBox1 {
	margin: 0;
	padding: 0;
	height: 12.7em;
}

#companyBox2 {
	margin: 0;
	padding: 0;
	height: 13em;
}

.companyBoxInner1 {
	width: 23.5em;
	height: 11em;
	border-top: dotted #000 1px;
	margin: 0;
	padding: 1.2em 0 0 0;
	float: left;
}

.companyBoxInner2 {
	width: 23.5em;
	height: 11em;
	border-top: dotted #000 1px;
	margin: 0 0 0 2em;
	padding: 1.2em 0 0 0;
	float: left;
}

.companyBoxInner3 {
	width: 23.5em;
	height: 11.8em;
	border-top: dotted #000 1px;
	border-bottom: dotted #000 1px;
	margin: 0;
	padding: 1.2em 0 0 0;
	float: left;
}

.companyBoxInner4 {
	width: 23.5em;
	height: 11.8em;
	border-top: dotted #000 1px;
	border-bottom: dotted #000 1px; 
	margin: 0 0 0 2em;
	padding: 1.2em 0 0 0;
	float: left;
}

.companyThumbNails {
	width: 9.7em;
	height: 6.4em;
	float: right;
}

.thumbTextCompany1 {
	width: 12.7em;
	height: 6.5em;
	padding: 0;
}

.thumbTextCompany2 {
	width: 12.7em;
	height: 6.7em;
	padding: 0;
}


/* ----------- our organisation page ------------- */


#orgH2  h2 {
	font-size: 1.1em;
	color: #658b99;
	padding: 0;
	margin: 1em 0 .7em 0;
	font-weight: 700;
}

#orgChartDiv {
	margin: 2em 0 4em 0;
}

#orgChartPic {
	width: 50.5em;
	height: 20.95em;
}

/* ----------- our past page ------------- */

.pastContentBox {
	width: 50em;
	line-height: 1.6em;
}

.pastContentBox p {
	margin: .8em 0 0 0;
	padding: 0;
}

.pastContentBox  h2 {
	font-size: 1.1em;
	color: #658b99;
	padding: 0;
	margin: 1em 0 .7em 0;
	font-weight: 700;
}

.pastInnerBox1 {
	width: 38em;
	line-height: 1.6em;
	float: left;
	padding: 0 0 1em 0;
	border-bottom: dotted 1px;
}

.pastInnerBox2 {
	width: 38em;
	line-height: 1.6em;
	float: left;
	padding: 0 0 1em 0;
}

.thumbPicDiv {
	width: 8.6em;
	margin: 1.5em 0 0 2.5em;
	float: left;
}

.thumbPic {
	width: 8.6em;
	height: 10.2em;
}

.pastContentBox a:link, .pastContentBox a:visited {
	color:  #515151;
	font-weight: 300;
	text-decoration: none;
}

.pastContentBox a:hover, .pastContentBox a:active {
	color: #658b99;
	font-weight: 300;
	text-decoration: none;
}


/* ----------- sustainable development page ------------- */

#sustainableOverview {
	line-height: 1.6em;
	padding: 0 2em 0 0;
	height: 11em;
	border: solid 1px #ffffff;
}

#sustainableBox {
	padding: 0;
}

#sustainableBox p {
	margin: .7em 0 0 0;
	padding: 0;
}

#sustainableBox  h2 {
	font-size: 1.1em;
	color: #658b99;
	padding: 0;
	margin: 0 0 1em 0;
	font-weight: 700;
}


#sustainableBox1 {
	margin: 0;
	padding: 0;
	height: 15.3em;
}

#sustainableBox2 {
	margin: 0;
	padding: 0;
	height: 13.7em;
}

.sustainableBoxInner1 {
	width: 23.5em;
	height: 12.3em;
	border-top: dotted #000 1px;
	margin: 0;
	padding: 1.2em 0 0 0;
	float: left;
}

.sustainableBoxInner2 {
	width: 23.5em;
	height: 12.3em;
	border-top: dotted #000 1px;
	margin: 0 0 0 2em;
	padding: 1.2em 0 0 0;
	float: left;
}

.sustainableBoxInner3 {
	width: 23.5em;
	height: 12.8em;
	border-top: dotted #000 1px;
	border-bottom: dotted #000 1px;
	margin: 0;
	padding: 1.2em 0 0 0;
	float: left;
}

.sustainableBoxInner4 {
	width: 23.5em;
	height: 12.8em;
	border-top: dotted #000 1px;
	border-bottom: dotted #000 1px; 
	margin: 0 0 0 2em;
	padding: 1.2em 0 0 0;
	float: left;
}

.sustainableBoxInner5 {
	width: 23.5em;
	height: 12.8em;
	border-bottom: dotted #000 1px;
	margin: 0;
	padding: 1.2em 0 0 0;
	float: left;
}

.sustainableBoxInner6 {
	width: 23.5em;
	height: 12.8em;
	border-bottom: dotted #000 1px; 
	margin: 0 0 0 2em;
	padding: 1.2em 0 0 0;
	float: left;
}

.sustainableThumbNails {
	width: 9.7em;
	height: 6.4em;
	float: right;
}

.thumbTextSus1 {
	width: 12.7em;
	height: 9em;
	padding: 0;
}

.thumbTextSus2 {
	width: 12.7em;
	height: 7.8em;
	padding: 0;
}

/* ----------- environmnetal commitment page ------------- */
	
	
#environmentBgDiv {
	height: 175px;
	margin: 1em 0 0 -.5em;
}

#environmentBg {
	width: 48.3em;
	height: 165px;
}

#environmentBox {
	width: 48.3em;
	height: 165px;
	margin: -165px 0 0 0;
	padding: 1em 0 0 0;
}

.environmentHeading {
	font-size: 1.5em;
	font-weight: 300;
	color: #515151;
	margin: 0 0 0 .8em;
}

#environmentTextBox {
	width: 36em;
	margin: .5em 0 0 1.3em;
	padding: 0;
}

.environmentText  {
	font-size: .9em;
	line-height: 1.5em;
	color: #515151;
	margin: 0;
	padding: 0;
}

/* ----------- green building page ------------- */


#chartBoxDiv {
	height: 440px;
	margin: 0em 0 0em;
	width: 600px;
}



/* ----------- community page ------------- */


#communityBgDiv {
	height: 9.8em;
	margin: 1em 0 0 -.5em;
}

#communityBg {
	width: 48.6em;
	height: 10.75em;
}

#communityBox {
	width: 48.3em;
	height: 10.75em;
	margin: -9.7em 0 0 0;
	padding: 1em 0 0 0;
}

.communityHeading {
	font-size: 1.5em;
	font-weight: 300;
	color: #515151;
	margin: 0 0 0 .8em;
}

#communityTextBox {
	width: 36em;
	margin: .5em 0 0 1.3em;
	padding: 0;
}

.communityText  {
	font-size: .9em;
	line-height: 1.5em;
	color: #515151;
	margin: 0;
	padding: 0;
}

#communityBox a:link, #communityBox a:visited {
	color:  #515151;
	font-weight: 300;
	text-decoration: none;
}

#communityBox a:hover, #communityBox a:active {
	color: #658b99;
	font-weight: 300;
	text-decoration: none;
}

/* -------------------- right panel ------------------------- */


/* ----------- common right panel elements ------------- */

.rightHynePic {
	width: 11em;
	height: 13.25em;
}

.rightPanelHeader3 {
	height: 1.5em;
	width: 10em;
	padding: .25em 0 0 0;
	margin: 0 0 0 1em;
	background-color: #658a9a;
}

.rightPanelHeader3 h3 {
	font-size: 1em;
	color: #FFF;
	font-weight: 700;
	display: inline;
	padding: 0 0 0 .7em;
	margin: 0;
}

/* ----------- our present page ------------- */

.rightPanelPicDiv {
	margin: .1em 0 0 0;
	padding: 0 0 1.2em 0;
	border-bottom: dotted 1px;
}

#rightsideFeature {
	margin: .5em 0 0 0;
}


/* ----------- our past page ------------- */

.pastRightPicDiv {
	margin: .1em 0 .1em 0;
	padding: 0;
}


.pastRightPic {
	width: 11em;
	height: 7.25em;
}