@charset "UTF-8";

/* CSS Document */

* { margin: 0; padding: 0;}

/* HTML */
html, body { height: 100%;}

body { font-family: Arial; font-size: 10pt; line-height: 1.5em;}
body { background: url('../images/bc_bg.jpg') repeat-x;}

p { margin-bottom: 1.5em;}

a { text-decoration: none; color: #C35C2D;}
a:hover { text-decoration: underline;}

img { border: 0px Solid Transparent;}

/* Element */
.invisible { display: none;}
.clear { clear: both; float: none;}
.left { float: left;}
.right { float: right;}
.show { display: block;}
.hide { display: none;}

/* Layout */
#base { position: relative; display: block; width:100%; min-height: 100%; /*z-index for the text above the footer + bgimg*/z-index:5;}
*html #base { height: 100%;}

#layout { display: block; display: block; background: url('../images/bc_watermark.png') no-repeat 30px 33px; width:900px;margin: 0 auto;}

#header { display: block;  height: 120px; margin-bottom: 1em; }
.top #header { padding-top: 0px;}
.sub #header { padding-top: 200px;}

#holder { display: block; width: 900px; border:0px solid;}

#navi { display: block; width: 210px; float: left;  font-size: 9pt; line-height: 1.5em; border:0px solid;}

#main { display: block; width: 650px; float: right; color: #333333; border:0px solid;}

#content { position: relative; display: block; width: 650px; padding-bottom: 7.5em; padding-top:10px; text-align:justify; border:0px solid}

#footer { position: absolute; bottom: 0; display: block; width:100%; background:#006699;
 height:50px;  font-size: 0.85em; line-height: 1em; color: #2C530C; /*z-index:-6;*/}

#bgimg{/*z-index:-5*/;display:block;position:absolute;bottom: 0;}

#theme_0 #bgimg {background: url('../images/bc_footer_0.jpg') no-repeat; margin-left:520px;width:431px;height:354px;}
#theme_1 #bgimg {background: url('../images/bc_footer_1.jpg') no-repeat; margin-left:520px;width:449px;height:282px;}
#theme_2 #bgimg {background: url('../images/bc_footer_2.jpg') no-repeat; margin-left:520px;width:422px;height:299px;}
#theme_3 #bgimg {background: url('../images/bc_footer_3.jpg') no-repeat; margin-left:580px;width:365px;height:370px;}
#theme_4 #bgimg {background: url('../images/bc_footer_4.jpg') no-repeat; margin-left:580px;width:357px;height:292px;}
/* Theme */
/*#home #base { background: url('../images/base_bg_home.gif') repeat-y;}*/
/*#home #layout { background: url('../images/strip_04.jpg') no-repeat right top;}*/
/*#home #header { background: url('../images/banner_index.jpg') no-repeat top;}

#aboutus #base { background: url('../images/base_bg_01.gif') repeat-y;}
#aboutus #layout { background: url('../images/strip_01.jpg') no-repeat right top;}
#aboutus #header { background: url('../images/hdpic_01.jpg') no-repeat top;}

#businessactivities #base { background: url('../images/base_bg_02.gif') repeat-y;}
#businessactivities #layout { background: url('../images/strip_02.jpg') no-repeat right top;}
#businessactivities #header { background: url('../images/hdpic_02.jpg') no-repeat top;}

#carbonmarket #base { background: url('../images/base_bg_03.gif') repeat-y;}
#carbonmarket #layout { background: url('../images/strip_03.jpg') no-repeat right top;}
#carbonmarket #header { background: url('../images/hdpic_03.jpg') no-repeat top;}

#ourprojects #base { background: url('../images/base_bg_04.gif') repeat-y;}
#ourprojects #layout { background: url('../images/strip_04.jpg') no-repeat right top;}
#ourprojects #header { background: url('../images/hdpic_04.jpg') no-repeat top;}

#career #base { background: url('../images/base_bg_05.gif') repeat-y;}
#career #layout { background: url('../images/strip_05.jpg') no-repeat right top;}
#career #header { background: url('../images/hdpic_05.jpg') no-repeat top;}

#contact #base { background: url('../images/base_bg_06.gif') repeat-y;}
#contact #layout { background: url('../images/strip_06.jpg') no-repeat right top;}
#contact #header { background: url('../images/hdpic_06.jpg') no-repeat top;}*/

/* Header */
h1 { display: block; position: absolute;  height:66px; width: 300px; background: url('../images/bc_logo.png') no-repeat; top:16px; } /*position the whole h1 as a block element*/
h1 a { display: block; width: 240px; height: 46px; margin:9px 0px 0px 5px; } /*dimensions of the anchor*/
h1 span { display: none;}

/* Navi */
#navi .lvl1 { list-style-type: none; width: 210px;}
#navi LI { display: inline;}

#navi LI a { display: block; padding-left: 23px; padding-bottom: 0.5em; text-decoration: none; color: #800000;}
#navi LI a span { display: block; background: url('../images/navi_line.gif') repeat-x bottom;}
#navi LI a:hover { background: url('../images/arrow_hover_on.gif') no-repeat 12px 4px; color: #C35C2D;}
#navi LI a.on { background: url('../images/arrow_hover_on.gif') no-repeat 12px 4px; font-weight: bold; color: #c8443a;}

#navi .lvl2 { margin-left: 19px; /*width: 245px; */padding-bottom: 0.5em;}

#navi .lvl2 LI a { padding-left: 10px; padding-bottom: 0; min-height: 1.5em; _height: 1.5em; background: url('../images/arrow_of.gif') no-repeat 0 4px;}
#navi .lvl2 LI a span { background: none;}
#navi .lvl2 LI a:hover { background: url('../images/arrow_hover_on.gif') no-repeat 0 4px;}
#navi .lvl2 LI a.on { background: url('../images/arrow_hover_on.gif') no-repeat 0 4px; color: #000066;}

/* Subnavi */
#subnavi { list-style-type: none; width: 378; padding-bottom: 3em;}
#subnavi LI { display: inline;}

#subnavi LI a span { display: block; padding-left: 10px; min-height: 1.5em; _height: 1.5em; background: url('../images/arrow_of.gif') no-repeat 0 4px; text-decoration: none; color: #2C530C;}
#subnavi LI a:hover span { background: url('../images/arrow_hover_on.gif') no-repeat 0 4px; color: #C35C2D;}
#subnavi LI a.on span { padding-left: 10px; background: url('../images/arrow_hover_on.gif') no-repeat 0 4px; font-weight: bold; color: #2C530C;}

/* Content */
#title  { color: #C35C2D; margin-bottom: 1.5em;}
h3 { font-weight: bold; font-size: 13px;}
h2 { font-weight: normal; font-size: 1.7em;}

#content .list_lvl1 { display: block; padding-left: 32px; padding-bottom: 1em; margin-top: -0.5em;}
#content .list_lvl2 { display: block; padding: 0.5em 0 0 32px;}
#content UL { list-style-type: disc; padding-left:1.5em;}
#content LI { padding-bottom: 0.5em;}

#content div p { display: block; padding-left: 16px;}
#content .introtext { font-style: italic; font-size: 1.2em;}
#content div.menumore { display: block; background: url('../images/article_li_more.gif') no-repeat 0 4px; cursor: pointer}
#content div.menuless { display: block; background: url('../images/article_li_less.gif') no-repeat 0 4px; cursor: pointer;}
#content div.collapse { display: none;}

#content .item{ width:100%;}
#content .item div.right{width: 520px; padding-left:15px; border-left:1px solid #CCCCCC;}
#content .item div.left {width:102px; height:132px; border:1px solid #6698af;}
#content .item div.left div{border:1px solid #fff;}