/* CSS Document */
body{padding:0px; margin:0px; background:#140e12; color:#d4d4d4; font:10px/14px Tahoma, Geneva, sans-serif;}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

.clear {clear: both; margin: 0px; height:0}

p a{font:10px/14px Tahoma, Geneva, sans-serif; color:#d4d4d4; text-decoration:underline;}
p a:hover{ color:#d4d4d4; text-decoration:none;}

.headline{font:11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#b2dc6e; font-weight:bold}

#container{width:705px; margin:0 auto;}


/* HEADER */

#headerPan{width:705px; height:345px; position:relative; background:url(../images/b_header2.jpg) 0 0 no-repeat}

#headerPan img#logo{position:absolute; top:139px; left:21px}


#headerPan ul.menu{position:absolute; top:31px; left:38px; width:655px; height:21px; }
#headerPan ul.menu li{float:left; height:21px; margin-right:60px}
#headerPan ul.menu li a{ height:21px;  display:block; text-indent:-20000px; }
#headerPan ul.menu li a:hover{height:21px; }

#headerPan ul.menu li.b01 a{ width:79px;  background:url(../images/btn_1.gif) 0 0 no-repeat; }
#headerPan ul.menu li.b01 a:hover{ width:79px;  background:url(../images/btn_1_over.gif) 0 0 no-repeat;}

#headerPan ul.menu li.b02 a{ width:69px;  background:url(../images/btn_2.gif) 0 0 no-repeat; }
#headerPan ul.menu li.b02 a:hover{ width:69px;  background:url(../images/btn_2_over.gif) 0 0 no-repeat;}

#headerPan ul.menu li.b03 a{ width:94px;  background:url(../images/btn_3.gif) 0 0 no-repeat; }
#headerPan ul.menu li.b03 a:hover{ width:94px;  background:url(../images/btn_3_over.gif) 0 0 no-repeat;}

#headerPan ul.menu li.b04 a{ width:65px;  background:url(../images/btn_4.gif) 0 0 no-repeat; }
#headerPan ul.menu li.b04 a:hover{ width:65px;  background:url(../images/btn_4_over.gif) 0 0 no-repeat;}

#headerPan ul.menu li.b05 {margin-right:0}
#headerPan ul.menu li.b05 a{ width:83px;  background:url(../images/btn_5.gif) 0 0 no-repeat; }
#headerPan ul.menu li.b05 a:hover{ width:83px;  background:url(../images/btn_5_over.gif) 0 0 no-repeat;}

/* CONTENT */

#contentPan{width:705px; position:relative; padding-top:16px;}

ul.greenlink li{ background: url(../images/index_40.gif) 0 6px no-repeat; padding:0 0 0 16px; margin-bottom:6px; }
ul.greenlink li a{font:10px/14px Tahoma, Geneva, sans-serif; color:#24a6bc; text-decoration:underline;}
ul.greenlink li a:hover{color:#fff; text-decoration:none}

#c1{width:183px; margin:0 48px 0 19px; float:left; display:inline}
#c2{width:435px; margin:0 0 0 0; float:left}

#new h2{height:33px; position:relative; background:url(../images/h_newprojects.gif) 0 0 no-repeat; margin-bottom:11px}
#new img{margin:0 0 10px 2px}
#new p{margin-bottom:15px}
#new img.btn_readmore{margin:0 0 0 98px}

#about{margin-bottom:20px}
#about h2{height:33px; position:relative; background:url(../images/h_about.gif) 0 0 no-repeat; margin-bottom:11px}
#about img{float:left; margin-right:10px }
#about ul.greenlink{margin-left:2px}

#vision h2{height:33px; position:relative; background:url(../images/h_vision.gif) 0 0 no-repeat; margin-bottom:11px}
#vision p{margin-bottom:12px}
#vision ul.greenlink{margin-left:2px}

/* FOOTER */

#footerPan {width:705px; height:55px; background:#2e2b2c}
#footerPan p{padding: 12px 0 0 0; font:10px/16px Tahoma, Geneva, sans-serif; font-weight:normal; text-align:center; color:#fff;}
#footerPan p span{ font:10px/16px Tahoma, Geneva, sans-serif; color:#fff;}
#footerPan p a{ font:10px/16px Tahoma, Geneva, sans-serif; color:#fff; text-decoration:none; padding: 0 3px }
#footerPan p a:hover{ font:10px/16px Tahoma, Geneva, sans-serif; text-decoration:underline;}