/*
	 *  @2009
	 * Screen CSS
	 *
	 *
	 */



html, body, div, p, blockquote, h1, h2, h3, h4, h5, h6, form, fieldset, legend, a, img, address, strong, em
	{ margin: 0; padding: 0; font-weight: normal; font-style: normal; border: 0; outline: none; }
a span { cursor: pointer; }
form legend { display: none; }
.clear-list, 
.clear-list li, 
.clear-list dt, 
.clear-list dd { margin: 0; padding: 0; list-style: none; }

html { background: #360805 url(../../image/bg-html.png) repeat-x 0 1px; }
body { background: url(../../image/bg-body.png) no-repeat 50% 450px; font: normal 11px/19px Arial, Tahoma, Helvetica, sans-serif; }


.aural { position: absolute; left: -100em; }

a { color: #ffaf19; text-decoration: none; }
a:focus, a.focus, a:hover { text-decoration: underline; }

#top:after, #wrapper:after, #footer:after, .tab:after, #f-nav ul:after { display: block; height: 0; clear: both; visibility: hidden; content: '.' } /* 6, 7 */

#page { position: relative; width: 815px; margin: 0 auto; padding: 0 0 175px; }

#outofdemo { position: fixed; top: 0; right: 0; display: block; width: 190px; height: 174px; background: url(../../image/img-full-version.png) no-repeat 0 0; text-indent: -100em; overflow: hidden; }

/* top */
#top { padding: 1px 30px; background: url(../../image/bg-top.png) no-repeat 0 0; }
#top #phone { width: 259px; height: 89px; float: right; margin: -1px 0 0; background: url(../../image/bg-phone.png) no-repeat 0 0; text-indent: -100em; overflow: hidden; }
#top #slogan { display: block; width: 523px; height: 61px; clear: both; margin: 0 0 0 8px; padding: 10px 0 0; background: url(../../image/bg-slogan.png) no-repeat 0 100%; text-indent: -100em; overflow: hidden; }
#top #logo { float: left; margin: 28px 0 0; }
#top #client { float: right; margin: -72px 0 0; }

#nav { position: absolute; left: 0; bottom: 0; width: 100%; }
#nav li { height: 158px; float: left; padding: 28px 0 0; background: url(../../image/bg-nav-item.png) no-repeat 0 300px; }
#nav li a { display: block; height: 156px; text-indent: -100em; overflow: hidden; }
#nav li.item-0 a { width: 242px; background: url(../../image/img-portfolio.png) no-repeat 0 0; }
#nav li.item-1 a { width: 241px; background: url(../../image/img-info.png) no-repeat 0 0; }
#nav li.item-2 a { width: 150px; background: url(../../image/img-blog.png) no-repeat 0 0; }
#nav li.item-3 a { width: 153px; background: url(../../image/img-kontakt.png) no-repeat 0 0; }
#nav li.act { background-position: 50% 0; }

 
#wrapper { background: url(../../image/bg-wrapper.png) no-repeat 0 100% }
#wrapper .tab { display: none; padding: 0 15px 20px 0; background: url(../../image/bg-tab.png) no-repeat 0 0; }
#wrapper #tab-0 { display: block; }
#wrapper #tab-0 h3 { display: block; line-height: 15px; padding: 15px 10px 5px; color: #ffaf19; background: url(../../image/bg-h3.png) no-repeat 0 100%; font-size: 14px; font-weight: bold; }
#wrapper #tab-0 .slide-txt { display: block; line-height: 15px; position: static; padding: 5px 10px; background: url(../../image/bg-img.png) no-repeat 0 0; font-size: .9em; }
#wrapper #tab-1 {  }

/* content */
.content { font-size: 12px; width: 460px; height: 300px; color: #996764; }
.content a { font-weight: bold; }
.content p { margin: 0 0 1em; }
.content em { font-style: italic; }
.content strong { font-weight: bold; }
.content .img { display: block; width: 100%; height: 145px; border: solid #360906; border-width: 1px 0; overflow: hidden; }

.content h2 { line-height: 25px; color: #fff; font-size: 24px; }
.content h2 span , .side-bar-0 h2 a { color: #ffaf19; font-weight: bold; }
.content h2 small { display: block; font-style: italic; }

.btn-portfolio { display: inline-block; height: 30px; color: #360805; padding: 0 0 0 10px; background: url(../../image/btn-portfolio.png) no-repeat 0 0; font-weight: bold; font-size: 14px;  }
.btn-portfolio span { display: inline-block; height: 30px; line-height: 30px; padding: 0 10px 0 0; color: #360805; background: url(../../image/btn-portfolio-child.png) no-repeat 100% 0; font-weight: bold; font-size: 14px; }

.btn-left,
.btn-right,
.btn-center { display: block; }
.btn-left a { float: left; }
.btn-right a { float: right; }
.btn-center { text-align: center }

.jScrollPaneContainer { height: 290px; float: right; }

/* add:cloud */
#cloud {  display: none; position: absolute; width: 264px; padding: 9px 0 0; background: url(../../image/bg-cloud-top.png) no-repeat 0 0; z-index: 1001; }
#cloud strong { display: block; margin: 0 14px; text-decoration: underline; }
#cloud p { position: relative; margin: 0 0 -7px; padding: 0 14px 9px; color: #e5e5e5; background: url(../../image/bg-cloud-bottom.png) no-repeat 0 100%; }
.cloud,
.cloud a,
.overcloud a,
.cleacloud a { cursor: pointer }


.note-list li { margin: 0 0 10px 10px; padding: 0 0 0 15px; background: url(../../image/icon-bracket.png) no-repeat 0 8px; }
.note-list li h5,
.note-list li h5 a { color: #fff; font-size: 14px; font-weight: bold; }
.note-list li small { display: block; color: #944c47; font-size: 11px; }

/* side-bar */
.side-bar-0 {  width: 295px; float: left; padding: 0 0 0 30px; text-align: right; } 
.side-bar-0 h2 { line-height: 28px; color: #fff; font-size: 24px; }
.side-bar-0 h2 span , .side-bar-0 h2 a { color: #ffaf19; font-weight: bold; }

/* footer */
#footer { width: 815px; height: 110px; margin: 0 auto; padding: 5px 0; background: url(../../image/bg-footer.png) no-repeat 0 0; font: 11px Tahoma, Helvetica, sans-serif }


#clients-mod { height: 61px; line-height: 61px; margin: 10px 0 0; background: url(../../image/bg-clients-mod.png) no-repeat 0 0; text-align: center; overflow: hidden; }
#clients-mod ul { height: 61px; background: url(../../image/bg-clients-link.png) no-repeat 0 100px; cursor: pointer }
#clients-mod ul li { display: inline; padding: 0 10px; }
#clients-mod ul:hover { background-position: 50% 50% }
#clients-mod ul:hover li { display: none; }

#f-nav { margin: 20px 0 0; background: url(../../image/bg-f-nav.png) no-repeat 0 0; }
#f-nav ul { padding: 20px 20px 0; background: url(../../image/bg-f-nav-child.png) no-repeat 0 100%; text-align: left; cursor: default; }
#f-nav li { width: 24%; float: left; }
#f-nav li ul { padding: 0;  background: none; }
#f-nav li li { width: auto; float: none; padding: 2px 0; }
#f-nav h5 { margin: 0 0 5px; color: #ffaf19; font-size: 1em; font-weight: bold; }
#f-nav a { display: block; padding: 0 0 0 10px; color: #fff; background: url(../../image/icon-dot.png) no-repeat 0 3px; font-size: 1em; }

.slide-txt { display: none; position: absolute; left: 0; top: 0; padding: 10px; width: 435px; background: url(../../image/bg-trans.png) repeat; }
#last-project { position: relative; width: 455px; color: white; }
.center{ text-align: center; }