body {height: 100%; width: 100%; margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size:14px; background: #000 url(../images/global-bg.jpg) no-repeat scroll 50% -400px; color:#eee}
img { border:0}
p, ul, h1, h2, h3, h4 { margin:0; padding:0;list-style:none}
a {color:#fff}
a:visited, a:active {outline: none}
a:focus {outline:none}

em {color:#d00; font-style:normal;}
small {line-height:16px; display:block;}

#global { margin:0 auto; padding:0; width:1000px}
.left { width:640px; float:left; background:#333; padding:12px; -moz-border-radius:7px; -webkit-border-radius:7px; height:482px}
.right { float:right; width:305px; margin-right:-2px} 

#content { margin-top:10px; float:left; width:100%}
#content h1 { font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:2.2em; font-weight:normal; letter-spacing:-1px; margin-bottom:10px}


p.description {clear: both; font-size: 14px;}
a.iLogo { float:left; margin:10px 0 0 25px; font-family:"Times New Roman", Times, serif; font-size:27px; color:#fff; text-decoration:none}
a.iLogo span {color:#d00}
#iMore { float:right; width:40px; height:23px; background: url(../images/more.png) no-repeat right 0; margin:-30px 20px 0 0; border-left:1px dashed #555;} 
#iMore:hover {background: url(../images/more-act.png) no-repeat right 0; }
.iEvents {height:250px; margin-bottom:27px}
.iEvents.iLast {margin-bottom:15px}
.iEvents .iDate {background:#333; -moz-border-radius:5px 0 0 5px; -webkit-border-bottom-left-radius:5px; -webkit-border-top-left-radius:5px; color:#FFFFFF; float:left; font-size:13px; padding:5px 8px; text-align:center; width:50px;}
.iEvents .iDate span {display:block; font-size:36px; font-weight:normal; color:#0e9fa4; line-height:30px}
.iEvents .iPast, .iEvents .iPast span {color:#999}
.iEvents .iCont {float:left; background:#333; padding:7px; -moz-border-radius:0 5px 5px 5px; -webkit-border-radius:5px; -webkit-border-top-left-radius:0; width:223px}
.iEvents .iCont img {width:223px}
.iEvents .iCont p a, .iEvents .iCont span {color:#fff}
.iEvents .iCont h3 {position: relative; margin-bottom:-47px; padding:12px 4px; background: url(../images/bg.png) 0 0;}
.iEvents .iCont h3 a {color:#fff; font-size:19px; font-weight:normal; text-decoration:none}
.iEvents .iCont p {color:#ccc; padding:3px 0; font-size:13px; line-height:14px}

.iFriend {clear:both; background:#111; padding:15px 40px; height:40px; -moz-border-radius:7px; -webkit-border-radius:7px; overflow:hidden; border:1px solid #222}
.iFriend ul {text-align:center; margin-left:30px}
.iFriend ul li {float: left; margin-right:20px; border-right:1px dashed #222; padding-right:20px}
.iFriend ul li:hover {border-color:#333}
.iFriend ul li.last {border:none; margin-right:0; padding-right:0}
#moveL, #moveR {display:block; position:absolute; width:9px; height:50px; margin-top:-5px; text-decoration:none}
#moveL {margin-left:-25px; background: url(../images/arrow-l.png) no-repeat 0 0; border-right:1px solid #333}
#moveL:hover {background: url(../images/arrow-l-act.png) no-repeat 0 0; border-right:1px solid #666}
#moveR {background: url(../images/arrow-r.png) no-repeat 0 0; margin-left:932px; border-left:1px solid #333}
#moveR:hover {background: url(../images/arrow-r-act.png) no-repeat 0 0; border-left:1px solid #666}
/* header */
#header { margin-left:-6px}
#header ul { clear:both; background: url(../images/menu-bg.png) no-repeat 0 0; height:29px; padding:2px 20px 3px}
#header ul li { display:block; float: left; margin:0 5px}
#header ul li a {color:#ccc; font-family:TRebuchet MS; font-size:12px; font-weight:bold; letter-spacing:1px; text-decoration:none; text-transform:uppercase; padding:6px 18px; display:block}
#header ul li a:hover, #header ul li.active a { color:#fff; background: url(../images/menu-act.png) no-repeat 50% 0}
#header ul li.last, #header ul li.last a {margin-right:0}
#header ul li.invest, #header ul li.invest a  {color:#d00}
#header p.lang {float: right; color:#aaa; font-size:12px; padding:20px 17px 0 0; margin-bottom:20px}
#header p.lang a {color:#ccc; margin:0 0 0 15px; font-size:12px; text-decoration:none}
/* Menu L2 */

#menuL2 {padding:10px 50px 10px 40px; height:25px }
#menuL2 ul li { float:left; margin-right:30px; padding:3px 12px 4px}
#menuL2 ul li a { color:#333; text-decoration:none; border-bottom:1px dashed #333; font-family:arial; font-family:"trebuchet MS"}
#menuL2 ul li a:hover { color:#000; border-color:#000}
#menuL2 ul li.active a { border:0} 
#menuL2 ul li.active {background:#e2a923}

.iPromo {clear:both; margin:25px 10px 10px; float:left; width:980px}
.iPromo p {float:left; width:700px; padding-left:5px}
.iPromo form {float:right; border:1px solid #555; background:#333; -moz-border-radius:5px; -webkit-border-radius:5px;}
.iPromo form p {float:none; width:auto; padding:0; margin:0}
.iPromo form label { display:block; padding:10px 10px 0 15px; text-transform:uppercase; color:#fff; font-size:11px; font-weight:bold; font-family:Arial}
.iPromo form #id_email {background:#fff; border:1px solid #000000; padding:0 3px; height:18px; margin:10px 5px 15px 15px; width:155px;}
.iPromo form .iButt {width:34px; height:21px; background: url(../images/singup-bg.jpg) no-repeat 0 0; border:0; color:#fff; text-transform:uppercase; margin:3px 10px 0 0; font-size:12px; padding-bottom:4px}

.iProj {height:350px; position: relative;}
.iProj img {width:640px}
.iProj div {background: url(../images/bg.png) 0 0; /*height:70px; margin-top:-88px;*/ padding:7px 20px; position:absolute; width:600px; overflow:hidden; bottom: 0;}
.iProj div h2, .iProj div a.big {color:#fff; text-decoration:none; font-size:28px; font-weight:normal; display:block; padding-bottom:7px}
.iProj div p {color:#e7e7e7; font-size:13px; line-height:14px}
.iProj div p a {color:#fff;}

.listProj {margin:10px 0; padding-top:10px}
.listProj li {width:120px; float:left; margin-right:5px; padding:3px 2px 3px; text-align:center; cursor:pointer;}
.listProj li.active, .listProj li:hover { background: #444;}
.listProj li a {text-decoration:none; color:#fff; font-size:13px; line-height:14px; display:block}
.listProj li p, .listProj li a img {width:120px; height:80px; }
.listProj li.last {margin-right:0}

.listProj li.active {background:#777}
.listProj li.active p img {margin:-10px 0 0 52px; display:block; position: absolute; z-index:999}

.listProj li p { padding:0; margin:0; position:absolute; background: url(../images/bg-white.png) 0 0; display:none}
.listProj li.active p {background: url(../images/bg.png) 0 0; display:block}
.listProj li:hover p img {display:none}
.listProj li:hover p {display:block}
.listProj li.active:hover p img {display: block}
/* footer */
#footer  {clear:both; padding:40px 0; font-size:12px; color:#aaa}
#footer div { float:left; padding-bottom:10px}
#footer p { float:right; padding-bottom:10px}
#footer a {color:#fff; text-decoration:none; font-size:12px}
#footer a span {color:#d00}
#footer a img {width:30px; vertical-align:middle; margin-left:5px; height:23px}

#blockPr {clear:both}
#blockPr li {width:240px; height:300px; float:left; border-bottom:1px solid #eee; margin-top:40px; background: url(../images/img-bg2.png) no-repeat 0 28px; margin-right:13px}
#blockPr li h2 {font-weight:normal; font-size:18px; margin-left:5px}
#blockPr li h2 a {color:#222; text-decoration:none}
#blockPr li p {font-size:13px; padding:0 10px 0 7px; overflow:hidden; height:99px}
#blockPr li img {border:1px solid #ddd; display:block; height:122px; margin:13px 0 15px 8px; width:217px;}
#blockPr li:hover img {border-color:#ccc}	
#blockPr li:hover h2 a {color:#d00}
#blockPr li.last {margin-right:0} 

#blockPr.Events li {background: url(../images/events-bg.png) no-repeat 0 0;  -moz-border-radius:7px; padding:15px 0; height:290px; border:0; margin-top:25px}
#blockPr.Events li p {padding:0 10px}
#blockPr.Events li p b {display:block}
#blockPr.Events li img {margin-bottom:7px}
#blockPr.Events li h3 { margin:5px 10px 20px}
#blockPr.Events li h3 a {font-size:17px; font-weight:normal; color:#333; text-decoration:none}
#blockPr.Events li:hover h3 a {color:#0E9FA4}

#blockPr.Events.About li {background: url(../images/about-bg.png) no-repeat 0 0; padding:12px 0}
#blockPr.Events.About li h3 { margin:2px 10px 10px}
#blockPr.Events.About li img {margin:5px 0 10px 2px; width:233px;}
#blockPr.Events.About li:hover h3 a {color:#d00}

#blockPr.Events.Involve li {background: url(../images/involve-bg.png) no-repeat 0 0; padding:12px 0; height:165px}
#blockPr.Events.Involve li h3 { margin:2px 10px 10px}
#blockPr.Events.Involve li:hover h3 a {color:#d00}

.iBread {display:table}
.iBread li {float:left; margin:15px 10px 0 0; color:#666; font-size:14px}
.iBread li a {color:#666; font-size:14px; margin-right:7px}

.item {font-size:14px; float:left; width:990px; border-bottom:1px solid #eee; padding:30px 0}
#content .item h1 {color:#d00; font-size:29px; letter-spacing:-1px}
.item h2 {font-weight:normal; color:#000; margin:10px 0 20px}
.item h3 {font-weight:normal; color:#d00; background:#f1f1f1; border:1px solid #eee; -moz-border-radius:7px 7px 0 0; -webkit-border-top-left-radius:7px; -webkit-border-top-right-radius:7px; cursor: pointer; padding:7px 15px}
.item p {color:#000; padding-bottom:25px}
.item div p {color:#444; line-height:20px}
.item div a{color:#d00}
.item div img {float:left; margin:0 25px 15px 0; padding:3px; border:1px solid #ccc; width:500px}
.item div a.donate {color:#ddd}
.item div a.donate:hover {color:#fff}
.temp_screen img {width:32px !important; height:32px !important}

body.light {background:#fff url(../images/global-bg-light.jpg) no-repeat scroll 50% -400px; color:#222}
.light a.iLogo {color:#000}
.light #header p.lang a {color:#333}
.light #footer {color:#666}
.light #footer a {color:#000}

.item .briefFoto {background:#f1f1f1; border:1px solid #eee; padding:20px; display:table; width:950px; -moz-border-radius:7px; -webkit-border-radius:7px; margin:10px 0}
.item .briefFoto h3 {background:#fff; clear:both; color:#000; display:inline; margin-left:-25px; padding:5px 10px 5px 25px; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:18px; border:0}
.item .briefFoto img {width:auto; height:140px; margin:25px 25px 0 0}
.item .briefFoto a {float:right; margin:80px 20px 0 0}

#content form {clear:both; background:#f7f7f7; border:1px solid #eee; border-top:0; -moz-border-radius:0 0 7px 7px; -webkit-border-bottom-left-radius:7px; -webkit-border-bottom-right-radius:7px; padding:20px 60px 30px}
#content form p {padding:0 0 15px 0 !important; margin:0}
#content form p.iBig {float:right; margin:-228px 0 0 0; clear:both}
#content form label {display:block; padding-bottom:2px; color:#000; font-size:14px; line-height:16px}
#content form input, #content form textarea {width:350px; font-size:13px; color:#777; padding:2px 5px}
#content form textarea {width:351px; height:172px}
#content form p.iBig textarea {width:400px}
#content form p.iLast {clear:both; margin-top:10px}
#content form p.iLast input {
float:left;
font-size:15px;
width:auto;
color:#000
}
#content form p.iLast b {float:right; font-weight:normal; color:#999; padding-top:5px; font-size:15px}
#content form p.iLast b span,
#content form span {font-size:19px; font-family:"trebuchet MS"; position:absolute; margin-left:-10px; font-weight:normal; color:#aaa}
#content form p.iBig.Hlf textarea {height:64px}
#content form p.iBig.What textarea {height:170px}
#content form p.iBig.Hlf.t2 { margin-top:-112px}
#content form p.iSmall input {float:left; margin-right:10px; width:15px;}
#content form p.iSmall label {color:#444}
#content form p strong {padding-top:10px; display:block}

div.error, div.confirmation { background:#fff; padding-top:20px; display: nonde}
div.error span, div.confirmation span { display:block; padding:7px 0; font-size:15px; width:100%; text-align:center; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #91c378; background:#b3e09c}

div.error span {
background:#F3CAC3 none repeat scroll 0 0;
border:1px solid #E7A397;}

#blockPhotos li {float:left; font-size:14px; border-bottom:1px solid #eee; padding:20px 10px 20px 0; width:98%}
#blockPhotos li:hover h2 a, #blockPhotos li a {color:#d00; display:block}
#blockPhotos li h2 {padding-bottom:10px}
#blockPhotos li h2 a {color:#000; font-weight:normal; text-decoration:none; font-size:19px; font-weight:normal}
#blockPhotos li .forImg {float:left; text-decoration:none}
#blockPhotos li p span {display:block; color:#777; padding-bottom:10px}
#blockPhotos li .forImg img {float: none}
#blockPhotos li .forImg span {display: block; text-align:center; color:#999; font-size:12px}
#blockPhotos li img { border:1px solid #ccc; float:left; margin:0 15px 7px 0; padding:3px; width:200px;}

.detailPh {float:left; display: table; padding-bottom:20px}
.detailPh h2 {font-size:21px; font-weight:normal; padding:15px 0 10px }
.detailPh span {display:block; color:#777; padding-bottom:5px}
.detailPh {color:#444}
#detailPhotos {background:#f1f1f1; border:1px solid #eee; margin-top:10px; padding:10px 0 0 10px; width:980px;  -moz-border-radius:7px; -webkit-border-radius:7px;  float:left}
#detailPhotos li {float:left; padding:10px 5px; margin:0 4px}
#detailPhotos li img {border:1px dashed #ddd; height:80px}
#detailPhotos li:hover img {border-color:#d00}

#showImg {display:none; background:#f7f7f7; float:right; padding:30px 20px; text-align:center; width:958px; border:1px solid #f1f1f1; border-top-style:0; -moz-border-radius:0 0 7px 7px; -webkit-border-bottom-left-radius:7px; -webkit-border-bottom-right-radius:7px;}
#showImg img { max-width:920px}


#moveLeft, #moveRight {display:none;  width:9px; height:50px;  text-decoration:none; position:absolute; z-index:999; margin-top:150px}
#moveLeft {margin-left:20px; background: url(../images/arrow-left.png) no-repeat 0 0; border-right:1px solid #bbb}
#moveLeft:hover {background: url(../images/arrow-l-act.png) no-repeat 0 0; border-right:1px solid #666}
#moveRight {background: url(../images/arrow-right.png) no-repeat 0 0; margin-left:970px; border-left:1px solid #bbb}
#moveRight:hover {background: url(../images/arrow-r-act.png) no-repeat 0 0; border-left:1px solid #666}

.iFriends li {float:left; color:#777; width:99%; padding-bottom:20px}
.iFriends p {float:left; text-align: center; margin-right:20px; padding:0; background:#fff; height:75px}
.iFriends li:hover p {border-color:#ddd}
.iFriends li:hover h4 a {color:#d00}
.iFriends p img {height:75px}
.iFriends h4 a {color:#000; text-decoration:none}

.iPress {margin:0 auto; display:table; width:100%; text-align:center; padding:10px 0; background:#f7f7f7; -moz-border-radius:7px 7px 0 0 ; -webkit-border-top-left-radius:7px; -webkit-border-top-right-radius:7px;}
.iPress a {margin:0 10px; display:block; float:left}
.item div.iPress img {height:60px; width:auto; margin:0; padding:0; border-color:#e7e7e7}
.item div.iPress img:hover {border-color:#ccc}
/*.item div.iPress a.act img {border-color:#d00}*/

.iListPress {padding:10px; border:2px solid #f7f7f7; -moz-border-radius:0 0 7px 7px; -webkit-border-bottom-left-radius:7px; -webkit-border-bottom-right-radius:7px;}
.iListPress h2 {padding:10px 0 0 20px}
.iListPress ul {padding-left:50px}
.iListPress ul li {list-style-type:circle; padding-bottom:20px; color:#777}
.iListPress ul li a {display:block; font-size:13px}

#iSocial {position:absolute; margin:0px 0 0 807px; width:190px; background:#242424; display:none; border:1px solid #333; border-top:0; -moz-border-radius:0 0 7px 7px; -webkit-border-bottom-left-radius:7px; -webkit-border-bottom-right-radius:7px; z-index:9; top:83px;}
#iSocial ul {background:none; width:auto; height:auto; padding:0; margin:10px}
#iSocial ul li {display:block; float:none; padding:5px 0; color:#fff}
#iSocial ul li a {padding:0; margin:0; text-transform:none; display:block; color:#aaa; font-size:13px; font-weight:normal}
#iSocial ul li a img {float:left; padding-right:7px; width:24px; margin-top:-2px}
#iSocial ul li a:hover {background:none}
#iSocial ul li.fr {padding-bottom:10px}

.item div.YMaps-layer-container img {border:0; float:none; padding:0}
.YMaps-slider {top:17px !important}
.YMaps-placemark.YMaps-Active {display:none}

ul.contI {width:47%; margin:20px 0 0 25px; float:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:15px}
ul.contI li {padding-bottom:15px}
ul.contI li a {color:#d00}

ul.contI.to2 li {padding-bottom:35px; color:#777; margin-left:0; font-size:16px}
ul.contI.to2 li a { font-size:15px}

.iNominant {font-size:15px; padding-bottom:20px}
.iNominant li {padding-bottom:10px}

div.temp_screen {background:none;
margin:-200px 0 0 300px;
position:relative;}

.for404 {margin-top:1%}
.for404 h1 {text-align:center; font-size:6em; color:#fff; font-weight:normal; font-family:"Times New Roman", Times, serif}
.for404 p {text-align: right; color:#fff; font-size:0.9em; font-weight:normal; padding-top:20px; opacity:0.7; padding-bottom:100px}

.forLeft {float:left; width:50%; font-size:250px; line-height:200px}
.forRight {float: right; width:50%; color:#ccc}
.forRight h1 { font-weight:normal; color:#fff; padding-bottom:50px}
.forRight ul {line-height:30px; margin-top:20px}

.iBanners {margin:-10px 0 25px}
.iBanners textarea {clear:both; color:#888; font-size:12px; height:18px; margin-bottom:25px; width:100%; border:1px solid #ddd; background:#f8f8f8}
.iBanners img {border:1px solid #d7d7d7 !important; padding:0 !important; margin:0 0 3px 0 !important; width:auto !important; display:block !important}

#header .twits {clear:both; padding-top:10px}
#header .twits h3 {font-weight:normal; padding-bottom:5px }
#header .twits h3 a {float:none; font-size:12px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; color:#259ed4; text-decoration:none}
#header .twits ul {position:relative; background:none; color:#d7d7d7; font-family:Georgia, "Times New Roman", Times, serif; width:820px; clear:none; margin:4px 0 0 50px;}
#header .twits ul li {position:absolute; display:none}
#header .twits ul li span {color:#777; display:block}
#header .twits a {float:left}

.donate {display:block; width:180px; color:#ddd; height:53px; text-align: center; text-decoration:none; background: url(../images/donate-bg.png) no-repeat 0 0; float:right; padding-top:7px; margin:20px 0 -20px}
.donate span {display:block; padding-top:5px; font-size:14px; font-weight:bold}
.donate:hover {color:#fff; background: url(../images/donate-act-bg.png) no-repeat 0 0;}