@charset "utf-8";
@font-face{
	font-family: FGM;
	src: url(framd.ttf) format('truetype');
}
a{
	outline: none;
}
body{
    background: #fff url(images/bg.png); 
    margin:0; 
    text-align:center;
    font-family: Franklin Gothic Medium, FGM, Arial, Tahoma;
}
#main{
    width:1000px !important; 
    display: inline-block; 
    text-align: left;
    background: url(images/bg-shadow.png) center top repeat-y;
}
#center{
	width: 984px;
	float: left;
	display: inline-block;
	border: solid 1px #fff;
	border-width: 1px 1px 0px 1px;
}
#center>*{
	width: 100%;
}
#head{
	background: url(images/head-bg.png) top center repeat-x;
	display: inline-block;
	width: 984px;
	height: 124px;
}
#head .title{
	margin: 40px 0px 0px 200px;
	font-size: 14pt;
	color: #005f9a;
}
#head .title .light-blue{
	color: #0083c2;
}
#head-banner{
	width: 672px;
	height: 93px;
	background: url(images/head-banner.png) right top no-repeat;
	float: right;
}
#head-shadow-left{
	width: 7px;
	height: 126px;
	background: url(images/head-shadow-left.png) right top no-repeat;
	float: left;
}
#head-shadow-right{
	width: 7px;
	height: 126px;
	background: url(images/head-shadow-right.png) right top no-repeat;
	float: right;
}
#side-shadow-left{
	position: absolute;
	width: 7px;
	height: 100%;
	background: url(images/side-shadow-left.png) right top repeat-y;
	float; left;
}
#side-shadow-right{
	position: absolute;
	margin-left: 992px;
	width: 7px;
	height: 100%;
	background: url(images/side-shadow-right.png) left top repeat-y;
}
.shadow{
	width: 100%;
	height: 13px;
	background: url(images/shadow.png) center top repeat-x;
}
#logo{
	background: url(images/logo.png) center center no-repeat;
	margin: 25px 0px 0px 27px;
	width: 198px;
	height: 46px;
	float: left;
}
#lang{
	float: right;
	position: static;
	margin: 4px 24px;
	font-family:Tahoma, Geneva, sans-serif; 
    font-size:11px; 
    list-style: none;
}
#lang li{
	display: inline;	
}
#lang li a{
	color: #626262;
	text-decoration: none;
}
#lang li a:hover{
	text-decoration: underline;
	color: #0083c2;
}
#menu-bottom-line{
	display: block;
	width: 984px;
	height: 1px;
	background: url(images/menu-bottom-line.png) center top no-repeat;
	float: left;
}
#menu, #menu li ul{
	list-style: none;
}
#menu li{
	display: inline-block;
}
#menu>li{
	display: inline-block;
	height: 17px;
	margin-top: -1px;
	font-size: 10pt;
	color: #fff;
	text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
	padding: 6px 14px;
	text-transform: uppercase;
	cursor: pointer;
	border-top: solid 1px transparent;
	border-left: solid 1px transparent;
	border-right: solid 1px transparent;
}
#menu>li a{
	color: #fff;
	text-decoration: none;
}
#menu>li:hover a,#menu>li a:hover{
	color: #000;
}
#menu>li:hover{
	background: url(images/menu-bg-selected.png) top center repeat-x;
	border-top-color: #e7e7e7;
	border-top-width: 1px;
	border-left-color: #000;
	border-right-color: #000;
	color: #000;
	text-shadow: -1px 0 #eee, 0 1px #eee, 1px 0 #eee, 0 -1px #eee;
}
#menu>li:first-child{
	border-left-color: transparent !important;
}
#menu{
	position: relative;
	z-index: 1000;
	width: 100%;
	height: 29px;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	background: url(images/menu-bg.png) top center repeat-x;
	border-top: solid 1px #000;
	float:left;
}
#menu li ul{
	position: absolute;
	display: none;
	text-shadow: none;
	font-variant: normal;
	font-size: 10pt;
	margin: 23px 0px 0px -14px;
	padding: 9px 0px 0px 0px;
	text-transform: none;
}

#menu>li.hoverable:hover ul{
	display: inline-block;
}
#menu li ul li{
	display: block;
	padding: 2px 13px 2px 3px;
	background: url(images/drop-down-bg.png);
}
#menu li ul li a{
	position: static;
	color: #000;
	font-size: 10pt;
	text-decoration: none;
	cursor: pointer;
	display: inline-block;
	width: 100%;
	padding: 2px 5px;
}
#menu li ul.hoverable li a:hover{
	background: #339cce;
	color: #fff;
}
#menu li ul li.spliter{
	padding: 0px;
	height: 1px;
}
#menu li ul li.spliter div{
	margin: 0px 10px;
	background: url(images/drop-down-spliter.png);
	height: 1px;
}
#menu li ul li:first-child{
	padding-top: 10px;	
}
#menu li ul li:last-child{
	padding: 0px 0px 10px 0px;
	text-align: center;
	font-size: 14pt;	
	line-height: 12px;
	vertical-align: top;
}
#center .text-box{
	width: 958px;
}
.text-box{
	font-size: 9pt;
	background: #fff url(images/text-box-shadow.png) top left repeat-x;
	padding-top: 35px;
	padding-bottom: 20px;
	border-top: solid 1px #fff;
	padding-left: 25px;
	padding-right: 25px;
	color: #231f20;
}
.no-bg{
	background: #fff;
}
#map-desc-box>.text-box,#image-box>.text-box{
	width: 705px;
	float: right;
	padding-top: 25px;
	padding-left: 17px;
	padding-right: 17px;
	border: 0px;
	height: 248px;
}
#map-menu{
	width: 435px;
	display: table;
	padding: 0px;
	margin: 0px;
	margin-top: 0px;
	margin-left: 15px;
	float: left;
}
#map-menu img{
	height: 46px;
}
#map-menu a{
	color: inherit;
	text-decoration: none;
}
#map-menu li{
	width: 200px;
	height: 67px;
	list-style: none;
	font-size: 10pt;
	display: table-cell;
	position: relative;
	float: left;
	vertical-align: middle;
	margin: 0px 10px 0px 0px;
}
#map-menu .text{
	display: table-cell;
	width: 114px;
	height: 42px;
	padding: 0px 10px 0px 66px;
	vertical-align: middle;
}
#map-menu:hover{
	cursor: pointer;
}
#map-menu li:hover .text,#map-menu li.selected .text{
	background: #e5e5e5;
}
#map-menu li img{ 
	display: inline-block;
	position: absolute;
	padding: 0px;
	margin-top: -10px;
	margin-right: 10px;
}
#map-desc-box .image-box{
	display: inline-block;
	border-left: dashed 1px #c2c2c4;
	float: right;
	padding: 4px 7px;
	margin-top: 22px;
}
#map-desc-box .image-box img{
	border: solid 1px #383838;
	padding: 0px;
}
#map-desc-box .projects-count{
	width: 245px;
	text-align: center;
	float: right;
}
#map{
	width: 984px;
	min-height: 480px;
	border-top: solid 1px #fff; 
	border-bottom: solid 1px #5591a9; 
}
#map-holder{
	width: 984px;
	min-height: 482px;
	background: url(images/map/map-bg.png) center top;
	overflow: hidden;
}
#map>.top-line{
	width: 100%;
	height: 1px;
	margin-top: 1px;
	background: url(images/map/map-top-line.png) center top no-repeat;
}
#map{
	color: #fff;
}
#map ul{
	list-style: none;
	padding: 0px;
}
#map>h1{
	font-size: 10pt;
	text-transform: uppercase; 
	font-weight: normal;
	margin: 35px 0px 10px 32px;
}
#map .message{
	position: absolute;
	background: url(images/map/map-menu-bg.png);
	height: 64px;
	width: 303px;
	padding: 12px 19px;
	font-size: 9pt;
	margin-left: 15px;
	margin-top: -80px;
}
#map .menu{
	display: inline-block;
	position: absolute;
	background: url(images/map/map-menu-bg.png);
	margin-left: 15px;
	width: 229px;
	height: 290px;
	overflow: hidden;
}
#map .menu ul{
	margin: 0px;
	padding: 10px 20px 10px 0px;
}
#map .menu .scroller{
	width: 7px;
	opacity: 0.4;
	height: 100px;
	display: inline-block;
	border: solid 1px #fff;
	position: absolute;
	background-color: #315163;
	margin-left: 218px;
	cursor: pointer;
}
#map .menu .scroller.ui-draggable-dragging{
	background-color: #00aae7;
}
#map .menu>ul>li{
	font-size: 11pt;
	background: url(images/map/city-list-mark.png) 1px 2px no-repeat;
	padding-left: 20px;
}
#map .menu.main>ul>li{
	font-size: 11pt;
	background: none;
	padding-left: 20px;
}
#map .menu a{
	color: #fff;
	text-decoration: none;
	font-size: 9pt;
	cursor: pointer;
}
#map .menu a:hover{
	color: #fff;
	text-decoration: underline;
}
#map .menu>ul>li ul{
	margin: 20px 0px;
}
#map .menu>ul>li ul li{
	font-size: 9pt;
	background: url(images/map/project-list-mark.png) left 7px no-repeat;
	text-indent: 8px;
}
#map>#districts{
	list-style: none;
	position: absolute;
	margin: -16px 0px 0px 318px;
	vertical-align: middle;
}
#map>#districts li{
	position: absolute;
	font-size: 9pt;
	text-align: center;
	cursor: pointer;
	display: table;
}
#map>#districts li img{
	display: inline-block;
	height: 20px;
}
#map>#districts li:hover .images,#map>#districts li.hover .images{
	display: none;
}
#map>#districts li>.images{
	display: table;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	position: absolute;
	margin-left: -100%;
}
@-moz-document url-prefix(){
	#map>#districts li>.images{
		display: block;
	}
}
#map>#districts li>.images>div{
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	position: relative;
	z-index: 1001;
}
@-moz-document url-prefix(){
	#map>#districts li>.images>div{
		display: block;
		width: 100%;
		margin-left: -100%;
	}
}
#map>#districts li>.hover-state{
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	opacity: 0;
	position: relative;
	z-index: 1000;
	text-shadow: 1px 1px 1px #000;
	text-decoration: none;
}
#map>#districts li.hover>.hover-state{
	opacity: 1;
}
#map>#districts li,#map>#districts li a{
	color: #fff;
	text-decoration: none; 
}
#map>img#overlay{margin: -33px 0px 0px 304px; position: relative; z-index: 100000;}
#map>#districts li ul{position: relative;display: table; height: 100%; width: 100%; vertical-align: middle;}
#map>#districts li ul li{position: relative;display: table-cell; height: 100%;vertical-align: middle;}
#map>#districts>#Vinnica { margin-left:172px;margin-top:120px;width:84px;height:91px;
	background: url(images/map/districts/Vinnica.png) center center no-repeat;}
#map>#districts>#Vinnica>.hover-state{
	background: url(images/map/districts/Vinnica-hover.png) center center no-repeat;}
#map>#districts>#Luck {margin-left:60px;margin-top:15px;width:79px;height:81px;
	background: url(images/map/districts/Luck.png) center center no-repeat;}
#map>#districts>#Luck>.hover-state{
	background: url(images/map/districts/Luck-hover.png) center center no-repeat;}
#map>#districts>#Dnepropetrovsk { margin-left:350px;margin-top:153px;width:130px;height:80px;
	background: url(images/map/districts/Dnepropetrovsk.png) center center no-repeat;}
#map>#districts>#Dnepropetrovsk>.hover-state{
	background: url(images/map/districts/Dnepropetrovsk-hover.png) center center no-repeat;}
#map>#districts>#Doneck { margin-left:467px;margin-top:145px;width:81px;height:116px;
	background: url(images/map/districts/Doneck.png) center center no-repeat;}
#map>#districts>#Doneck>.hover-state{ 
	background: url(images/map/districts/Doneck-hover.png) center center no-repeat;}
#map>#districts>#Jitomir { margin-left:170px;margin-top:35px;width:79px;height:101px;
	background: url(images/map/districts/Jitomir.png) center center no-repeat;}
#map>#districts>#Jitomir>.hover-state{
	background: url(images/map/districts/Jitomir-hover.png) center center no-repeat;}
#map>#districts>#Zakarpate {margin-left:0px;margin-top:146px;width:83px;height:68px;
	background: url(images/map/districts/Zakarpate.png) center center no-repeat;}
#map>#districts>#Zakarpate>.hover-state{	
	background: url(images/map/districts/Zakarpate-hover.png) center center no-repeat;}
#map>#districts>#Zaporoze {margin-left:390px;margin-top:203px;width:100px;height:91px;
	background: url(images/map/districts/Zaporoze.png) center center no-repeat;}
#map>#districts>#Zaporoze>.hover-state{	
	background: url(images/map/districts/Zaporoze-hover.png) center center no-repeat;}
#map>#districts>#Ivano-frankovsk {margin-left:52px;margin-top:131px;width:67px;height:91px;
	background: url(images/map/districts/Ivano-frankovsk.png) center center no-repeat;}
#map>#districts>#Ivano-frankovsk>.hover-state{
 	background: url(images/map/districts/Ivano-frankovsk-hover.png) center center no-repeat;}
#map>#districts>#Kiev {margin-left:235px;margin-top:43px;width:89px;height:113px;
	background: url(images/map/districts/Kiev.png) center center no-repeat;}
#map>#districts>#Kiev>.hover-state{
	background: url(images/map/districts/Kiev-hover.png) center center no-repeat;}
#map>#districts>#Kirovograd {margin-left:244px;margin-top:162px;width:135px;height:61px;
	background: url(images/map/districts/Kirovograd.png) center center no-repeat;}
#map>#districts>#Kirovograd>.hover-state{
	background: url(images/map/districts/Kirovograd-hover.png) center center no-repeat;}
#map>#districts>#Krym {margin-left:336px;margin-top:294px;width:144px;height:90px;
	background: url(images/map/districts/Krym.png) center center no-repeat;}
#map>#districts>#Krym>.hover-state{	
	background: url(images/map/districts/Krym-hover.png) center center no-repeat;}
#map>#districts>#Lugansk {margin-left:501px;margin-top:102px;width:82px;height:109px;
	background: url(images/map/districts/Lugansk.png) center center no-repeat;}
#map>#districts>#Lugansk>.hover-state{	
	background: url(images/map/districts/Lugansk-hover.png) center center no-repeat;}
#map>#districts>#Lvov {margin-left:22px;margin-top:77px;width:92px;height:93px;
	background: url(images/map/districts/Lvov.png) center center no-repeat;}
#map>#districts>#Lvov>.hover-state{	
	background: url(images/map/districts/Lvov-hover.png) center center no-repeat;}
#map>#districts>#Nikolaev {margin-left:261px;margin-top:204px;width:97px;height:75px;
	background: url(images/map/districts/Nikolaev.png) center center no-repeat;}
#map>#districts>#Nikolaev>.hover-state{	
	background: url(images/map/districts/Nikolaev-hover.png) center center no-repeat;}
#map>#districts>#Odessa {margin-left:191px;margin-top:202px;width:105px;height:147px;
	background: url(images/map/districts/Odessa.png) center center no-repeat;}
#map>#districts>#Odessa>.hover-state{	
	background: url(images/map/districts/Odessa-hover.png) center center no-repeat;}
#map>#districts>#Poltava {margin-left:322px;margin-top:88px;width:104px;height:84px;
	background: url(images/map/districts/Poltava.png) center center no-repeat;}
@media all and (min-width: 0px) {
  #map>#districts>#Poltava{margin-left:315px;}
}
#map>#districts>#Poltava>.hover-state{	
	background: url(images/map/districts/Poltava-hover.png) center center no-repeat;}
#map>#districts>#Rovno {margin-left:107px;margin-top:19px;width:83px;height:91px;
	background: url(images/map/districts/Rovno.png) center center no-repeat;}
#map>#districts>#Rovno>.hover-state{	
	background: url(images/map/districts/Rovno-hover.png) center center no-repeat;}
#map>#districts>#Sumy {margin-left:346px;margin-top:0px;width:87px;height:109px;
	background: url(images/map/districts/Sumy.png) center center no-repeat;}
#map>#districts>#Sumy>.hover-state{	
	background: url(images/map/districts/Sumy-hover.png) center center no-repeat;}
#map>#districts>#Ternopol {margin-left:90px;margin-top:101px;width:54px;height:85px;
	background: url(images/map/districts/Ternopol.png) center center no-repeat;}
#map>#districts>#Ternopol>.hover-state{	
	background: url(images/map/districts/Ternopol-hover.png) center center no-repeat;}
#map>#districts>#Harkov {margin-left:406px;margin-top:85px;width:101px;height:98px;
	background: url(images/map/districts/Harkov.png) center center no-repeat;}
#map>#districts>#Harkov>.hover-state{	
	background: url(images/map/districts/Harkov-hover.png) center center no-repeat;}
#map>#districts>#Herson {margin-left:304px;margin-top:229px;width:121px;height:78px;
	background: url(images/map/districts/Herson.png) center center no-repeat;}
#map>#districts>#Herson>.hover-state{	
	background: url(images/map/districts/Herson-hover.png) center center no-repeat;}
#map>#districts>#Hmelnickiy {margin-left:136px;margin-top:86px;width:52px;height:102px;
	background: url(images/map/districts/Hmelnickiy.png) center center no-repeat;}
#map>#districts>#Hmelnickiy>.hover-state{	
	background: url(images/map/districts/Hmelnickiy-hover.png) center center no-repeat;}
#map>#districts>#Cherkasy {margin-left:244px;margin-top:107px;width:104px;height:85px;
	background: url(images/map/districts/Cherkasy.png) center center no-repeat;}
@media (min-resolution: .001dpcm) {
    _:-o-prefocus,   #map>#districts>#Cherkasy{margin-left:240px;};
}
@media all and (-webkit-min-device-pixel-ratio:10000),
not all and (-webkit-min-device-pixel-ratio:0) {

}
#map>#districts>#Cherkasy>.hover-state{	
	background: url(images/map/districts/Cherkasy-hover.png) center center no-repeat;}
#map>#districts>#Chernigov {margin-left:270px;margin-top:0px;width:89px;height:101px;
	background: url(images/map/districts/Chernigov.png) center center no-repeat;}
#map>#districts>#Chernigov>.hover-state{	
	background: url(images/map/districts/Chernigov-hover.png) center center no-repeat;}
#map>#districts>#Chernovcy {margin-left:88px;margin-top:175px;width:89px;height:48px;
	background: url(images/map/districts/Chernovcy.png) center center no-repeat;}
#map>#districts>#Chernovcy>.hover-state{	
	background: url(images/map/districts/Chernovcy-hover.png) center center no-repeat;}
a.go-back{
	color: #108bc6;
	text-decoration: none;
	cursor: pointer;
	margin-top: -25px;
	margin-right: 0px;
	float: right;
	text-transform: lowercase
}
a.go-back:hover{
	text-decoration: underline;
}
.new-project{
	text-transform: uppercase;
	color: #0083c1;
}
.project-desc{
	padding-left: 13px;
	padding-right: 13px;
}
.text-box h1,.text-box h2,.text-box h3,.text-box h4,.text-box h5,.text-box h6{
	margin: 0px;
	font-weight: normal;
	clear: both;
}
.text-box h1{
	font-size: 15pt;
}
.project-desc h1{
	font-size: 14pt;
}
.project-desc .control-box{
	width: 616px;
	height: 74px;
	border-top: solid 1px #cacaca;
	text-align: center;
}
.project-desc .control-box a{
	display: inline-block;
	font-size: 10.5pt;
	color: #118cc8;
	text-decoration: none;
	cursor: pointer;
	margin: 28px 32px;
}
.project-desc .control-box a#send{
	float: left;
}
.project-desc .control-box a#download{
	float: right;
}
.project-desc .control-box a:hover{
	text-decoration: underline;
}
.text-box h2{
	font-size: 13pt;
	background: url(images/header-image.png) left center no-repeat;
	margin-left: -27px;
	padding-left: 27px;
}
.text-box img{
	float: left;
	padding: 14px 14px 14px 0px;
}
#map-desc-box,#feed-box,#image-box{
	position: relative;
	height: 298px;
	border: solid 1px #fff;
	border-width: 1px 0px;
	border-bottom-color: #e2e2e2;
	background: #fff;
}
#feed-box>.text-box{
	width: 738px; 
}
#feed-box ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
#feed-box .img{
	width: 739px;
	height: 298px;
	position: relative;
	overflow: hidden;
	display: block;
}
#feed-box .img ul li{
	position: absolute;
	opacity: 0;
}
#feed-box .img ul li:last-child{
	opacity: 1;
}
#feed-box .img ul li{
        overflow: hidden;
}
#feed-box .img ul li .img-part-top,#feed-box .img ul li .img-part-bottom{
	width: 739px;
	height: 150px;
	overflow: hidden;
	display: inline-block;
        margin-top: 0px;
        margin-bottom: 0px;
}
#feed-box .img ul li .img-part-bottom img{
	margin-top: -149px;
}
#feed-box .img ul li .img-part-bottom{
        margin-top: -1px;
        height: 150px;
}
#map-desc-box>.desc,#feed-box>.desc,#image-box>.img{
	width: 245px;
	height: 298px;
	background: url(images/blue-tile.png) left top repeat;
	float: left;
}
#image-box>.img{
	width: 244px;
	background: none;
}
#image-box>.img>img{
}
#map-desc-box>.desc>.content,#feed-box>.desc>.content{
	width: 100%;
	min-height: 102px;
	height: 100%;
	background: url(images/top-shadow.png) left top repeat-x;
	color: #fff;
}
#map-desc-box>.desc>.content>.top-line,#feed-box>.desc>.content>.top-line,#image-box>.img>.top-line{
	margin-top: 1px;
	width: 100%;
	height: 1px;
	background: url(images/feed-box-top-line.png) center top no-repeat;
}
#map-desc-box>.desc>.content>.head,#feed-box>.desc>.content>.head{
	margin: 20px 0px 0px 13px;
	font-size: 14pt;
	font-weight: normal;
}
#map-desc-box>.desc>.content>.text,#feed-box>.desc>.content>.text{
	font-size: 9pt;
	width: 85%;
	margin: 14px 0px 12px 13px;
}
#map-desc-box>.desc>.content>a.more,#feed-box>.desc>.content>a.more{
	font-size: 10pt;
	color: #fff;
	text-decoration: none;
	margin: 0px 0px 0px 13px;
}
#map-desc-box>.desc>.content>a.more:hover,#feed-box>.desc>.content>a.more:hover{
	text-decoration: underline;
}
#map-desc-box>.spliter,#feed-box>.spliter{
	width: 4px;
	height: 100%;
	position: absolute;
	margin-left: 243px;
	background: url(images/feed-box-spliter.png) left top repeat-y;
}
#image-box>.spliter{
	width: 2px;
	height: 100%;
	position: absolute;
	margin-left: 243px;
	background: url(images/image-box-spliter.png) left top repeat-y;
}
#feed-box>.img{
	width: 739px;
	height: 298px;
	float: left;
        font-size: 0;
}
#feed-box>.img .desc{
	position: relative;
	z-index: 1000;
	width: 100%;
	height: 54px;
	background: url(images/feed-box-desc.png);
	margin-top: -54px;
}
#feed-box>.img .desc .zoom{
	width: 52px;
	height: 52px;
	display: inline-block;
	float: right;
	background: url(images/zoom.png) center top no-repeat;
	margin: -53px 1px 0px 0px;
}
#feed-box>.img .desc>.text{
	font-size: 10pt;
	color: #fff;
	padding: 10px 100px 10px 32px;
	float: left;
}
#info-box{
	height: 478px;
	border: solid 1px #fff;
	border-width: 1px 0px;
	background: url(images/blue-tile.png);
}
#info-box>.news-feed{
	width: 244px;
	height: 478px;
	background: #fff url(images/news-bg.jpg) repeat-x;
	border: solid 1px #ccc;
	border-width: 0px 1px 1px 1px;
	border-right-color: #3c3c3c;
	float: left;
	color: #231f20;
}
#info-box>.news-feed>.header{
	margin: 20px 0px 0px 12px;
	font-size: 16pt;
}
#info-box>.news-feed>.news-feed-content-container{
	margin-top: 8px;
	position: static;
	overflow: hidden;
	width:244px;
	height: 374px;
}
#info-box>.news-feed .content{
	margin-top: 0px;
	position: relative;
	width: 244px;
	padding: 0;
	list-style: none;
	font-size: 9pt;
}
#info-box>.news-feed .content li{
	border-bottom: dashed 1px #cdcfd1;
	margin: 0px 11px;
}
#info-box>.news-feed .content li:last-child{
	border-bottom: none;
}
#info-box>.news-feed .content li a{
	padding: 6px 8px;
	margin: 3px -8px;
	display: inline-block;
	cursor: pointer; 
	color: #231f20;
	text-decoration: none;
	line-height: 11pt;
}
#info-box>.news-feed .hoverable li a:hover{
	background: #339cce;
	color: #fff;
}
#info-box>.news-feed>a.button-up{
	position: absolute;
	width: 35px;
	height: 36px;
	background: url(images/button-up.png) left top no-repeat;
	margin-left: 211px;
	cursor: pointer;
}
#info-box>.news-feed>a.button-up:hover{
	background: url(images/button-up-hover.png) left bottom no-repeat;
}
#info-box>.news-feed>a.button-down{
	position: absolute;
	width: 35px;
	height: 37px;
	background: url(images/button-down.png) left bottom no-repeat;
	margin-top: 442px;
	margin-left: 209px;
	cursor: pointer;
}
#info-box>.news-feed>a.button-down:hover{
	background: url(images/button-down-hover.png) left bottom no-repeat;
}
#info-box>.info{
	position: absolute;
	margin-left: 246px;
	width: 736px;
	height: 478px;
	border-style: solid;
	float: right;
	border-width: 0px 1px 1px 1px;
	border-left-color: #005d89;
	border-right-color: #0d6a97;
	border-bottom-color: #3e6f87;
	background: url(images/top-shadow.png) left top repeat-x;
	color: #fff;
	font-size: 9pt;
	padding: 0px;
	float:left;
	text-align: center;
}
#info-box>.info>.button-left,#info-box>.info>.button-right{
	width: 22px;
	height: 64px;
	display: inline-block;
	position: absolute;
	margin-top: 164px;
	cursor: pointer;
}
#info-box>.info>a.button-left{
	background: url(images/button-left.png);
	float: left;
	margin-left: -1px;
}
@media all and (-webkit-min-device-pixel-ratio:10000),
not all and (-webkit-min-device-pixel-ratio:0) {
  	#info-box>.info>a.button-left{margin-left: -36px;}
}
@-moz-document url-prefix() {
	#info-box>.info>a.button-left{margin-left: -36px;}
}
#info-box>.info>a.button-left:hover{
	background: url(images/button-left-hover.png);
}
#info-box>.info>a.button-right{
	background: url(images/button-right.png);
	float: right;
	margin-left: 714px;
}
@media all and (-webkit-min-device-pixel-ratio:10000),
not all and (-webkit-min-device-pixel-ratio:0) {
	#info-box>.info>a.button-right{margin-left: 680px;}
}
@-moz-document url-prefix() {
	#info-box>.info>a.button-right{
		margin-left: 680px;
	}
}
#info-box>.info>a.button-right:hover{
	background: url(images/button-right-hover.png);
}
#info-box>.news-feed>.top-line{
	width: 100%;
	height: 1px;
	background: url(images/news-top-line.png) center center no-repeat;
	margin-top: 1px;
}
#info-box>.info>.top-line{
	width: 100%;
	height: 1px;
	background: url(images/info-box-content-top-line.png) center center no-repeat;
	margin-top: 1px;
}
#info-box>.info>#info-feed-container{
	display: inline-block;
	overflow: hidden;
	width: 667px;
	height: 277px;
	margin-bottom: 10px;
	position: relative;
}
#info-box>.info #info-feed{
	padding: 0px;
	margin: 0px;
	display: table;
	position: relative;
	width: auto;
	height: 257px;
	list-style: none;
	text-align: center;
	margin-left: 0px;
}
#info-box>.info #info-feed li{
	margin: 0px;
	padding: 0px 10px;
	width: 201px;
	display: inline-block;
	text-align: left;
	display: table-cell;
}
#info-box>.info #info-feed li.spliter{
	position: relative;
	top: 80px;
	width: 0px;
	display: inline-block;
	height: 52px;
	padding: 0px;
	border-left: solid 1px #339cce;
	border-right: solid 1px #00699b;
}
#info-box>.info #info-feed li img{
	border: solid 1px #231f20;
}
#info-box>.info #info-feed li a{
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}
#info-box>.info>.main-achievement{
	width: 664px;
	margin: 0px 45px;
	text-align: left;
} 
#info-box h1,#info-box .main-achievement .header{
	margin: 0px;
	font-size: 13pt;
	font-weight: normal;
}
#charity-box{
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
}
#charity-box>li{
	width: 982px;
	height: 125px;
	background: #fff url(images/charity-top-shadow.png) left top repeat-x;
	border: solid 1px #ccc;
	border-top-color: #fff;
	color: #3e3e3e;
}
#charity-box>li>.header{
	font-size: 14pt;
	margin: 14px 0px 0px 10px;
	float: left;
}
#charity-box>li>.text{
	width: 686px;
	font-size: 9pt;
	margin: 10px 0px 0px 10px;
	float: left;
	vertical-align: middle;
}
#charity-box>li>.img{
	width: 247px;
	height: 103px;
	float: right;
	--margin: 14px 20px 8px 19px;
}
#charity-box>li a.more{
	font-size: 13pt;
	font-variant: small-caps;
	text-decoration: none;
	cursor: pointer;
	color: #3e3e3e;
}
#charity-box>li a.more:hover{
	text-decoration: underline;
}
#project-box{
	color: #fff;
	height: 298px;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #d9dada;
	background: url(images/blue-tile.png);
	font-size: 9pt;
}
#project-box>ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
	vertical-align: top;
}
#project-box>ul>li{
	width: 220px;
	margin: 0px;
	padding: 20px 12px;
	background: url(images/top-shadow.png) center top repeat-x;
	display: inline-block;
	float: left;
}
#project-box>ul>li.spliter{
	width: 0px;
	height: 298px;
	margin: 0px;
	padding: 0px;
	display: inline-block;
	border-left: solid 1px #085e88;
	border-right: solid 1px #9ccae0;
	background: none;
}
#project-box>ul>li.spliter:first-child, #project-box>ul>li.spliter:last-child{
	border-left: solid 0px #9ccae0;
	border-right: solid 1px #085e88;
	
}
#project-box>ul>li h1{
	font-size: 13pt;
	font-weight: normal;
}
#project-box>ul>li a.more{
	font-size: 10pt;
	color: #fff;
	text-decoration: none;
}
#project-box>ul>li a.more:hover{
	text-decoration: underline;
}
#foot{
	height: 35px;
	background: #fff;
	color: #3e3e3e;
	text-align: center;
	font-size: 9pt;
	padding: 4px 0px;
}
#foot p{
	margin: 0px;
}
#foot>a.developer{
	float: right;
	color: #3e3e3e;
	text-decoration: none;
	margin: -16px 10px 0px 0px;
	font-size: 10pt;
}
#foot .blue{
	color: #0083c2;
}
.hidden-content{
	display: none;
}