#projects-baner { position: relative; margin: 0px 0px 80px 0px; }
#projects-baner-line-container { width: 980px; height: 514px; position: relative; overflow: hidden; }
#projects-baner-line-container-imgs { height: 514px; width: 4900px; position: absolute; left: 0px; }
#projects-baner-line-container-imgs img { float: left; }
#projects-baner #projects-circle-button { width: 83px; height: 83px; background: url(../images/circle-big.png); position: absolute; bottom: 35px; left: 450px; overflow: hidden; cursor: pointer; }
#projects-baner #projects-circle-button > p { font-size: 10px; color: #FFFFFF; text-align: center; width: 83px; position: absolute; }
#projects-baner #projects-circle-button > p.text1 { top: 30px; }
#projects-baner #projects-circle-button > p.text2 { top: 30px; }
#projects-baner #projects-circle-button > span { display: block; height: 6px; background: url(../images/arrow-down.png) no-repeat center center; width: 83px; position: absolute; }
#projects-baner #projects-circle-button > span.arrow1 {  top: 55px; }
#projects-baner #projects-circle-button > span.arrow2 {  top: -100px; }

#projects-baner .left-button, #projects-baner .right-button { width: 286px; height: 156px; position: absolute;  top: 180px; overflow: hidden; cursor: pointer; display: none; }
#projects-baner .left-button .blue-button, #projects-baner .right-button .blue-button { width: 26px; height: 156px; background-color: #42a7dc; background-position: center center; background-repeat: no-repeat; display: block; position: absolute; z-index: 3; }
#projects-baner .left-button .blue-button { background-image: url(../images/arrow-right.png); right: 0; }
#projects-baner .right-button .blue-button { background-image: url(../images/arrow-left.png); left: 0; }
#projects-baner .left-button { right: 954px;  }
#projects-baner .right-button { left: 954px; }
#projects-baner .left-button-mini, #projects-baner .right-button-mini { position: absolute; bottom: 0px; width: 60px; height: 60px; display: block; background-color: #42a7dc; background-position: center center; background-repeat: no-repeat; z-index: 3; cursor: pointer; display: none; }
#projects-baner .right-button-mini { background-image: url(../images/arrow-left.png); right: 0; }
#projects-baner .left-button-mini { background-image: url(../images/arrow-right.png); left: 0; }
#left-button-line-container { position: relative; }

#projects-baner #project-details { position: absolute; color: #FFFFFF; font-size: 26px; font-weight: 200; bottom: 50px; right: 545px; text-align: right; text-shadow: 1px 1px 0px #000000; filter: dropshadow(color=#000000, offx=1, offy=1); }
#projects-baner #project-details #project-name > span { font-weight: 900; }
#projects-baner #project-details #project-area { padding: 0px 10px 0px 0px; }

.main-left { width: 680px; float: left; padding: 0px 10px 0px 0px; }
.main-right { width: 280px; float: right; padding: 0px 10px 0px 0px; }

.circle-title { line-height: 43px; padding: 30px 0px 0px 0px; }
.circle-title .circle { display: block; width: 43px; height: 43px; background: url(../images/circle-small.png); text-align: center; line-height: 43px; font-weight: 900; float: left; margin: 0px 30px 0px 0px; }
.circle-text { padding: 0px 0px 0px 73px; font-size: 13px; text-align: justify; line-height: 1.5em; }

.articles-side-menu { border: 1px solid #000; background: url(../images/articla-side-menu-bg.png); margin: 0px 0px 0px 10px; }
.articles-side-menu li { overflow: hidden; display: block; width: 100%; height: 66px; background: url(../images/line-separator.png) repeat-x center top; margin: -2px 0px 0px 0px; position: relative; }
.articles-side-menu li a { display: block; height: 66px; line-height: 66px; padding-left: 40px; text-decoration: none; }
.articles-side-menu li:hover a { color: #42a7dc; }
.articles-side-menu li span.arrow { background-image: url(../images/blue-arrow-right.png); background-repeat: no-repeat; background-position: center center; display: block; width: 9px; height: 66px; position: absolute; left: 17px; }
.articles-side-menu li:hover span.arrow { background-image: url(../images/arrow-right.png);