* { margin:0; border:none; padding:0; }

html, body { width:100%; height:100%; }
body { position:relative; font:11px/16px Arial, Helvetica, sans-serif; text-align:center; color:#000000; }

#backgroundImage { visibility:hidden; position:fixed; top:0; left:0; z-index:0; }
#backgroundImage img { height:100%; width:100%; display:inline; }
a { font-weight:bold; text-decoration:none; color:#9ccbd7; }
a:hover { color:#000; }
ul, ol, dl { list-style:none; }
.hidden { display:none; }
.clear { clear:both; }
.slide { display:block; }

.pageEn .pl { display:none !important; }
.pagePl .en { display:none !important; }
#langSelect { display:none; width:140px; }

#contentBackground { height:100%; }
#content { position:relative; width:960px; height:100%; margin:0 auto; text-align:left; }

#headerWrapper { position:absolute; left:0; top:0; width:160px; height:100%; }
.index #headerWrapper { min-height:676px; }
#header { position:fixed; height:100%; }
.index #header { position:absolute; height:676	px; }
#header h1 { position:absolute; left:12px; top:21px; }
#header ul { position:absolute; left:42px; top:71px; }
#header ul a { font-size:14px; line-height:18px; }
#header .active, #header a:hover { text-decoration:none; color:#000; }
#langSelect .active { color:#000 !important; }
#header p { position:absolute; left:42px; bottom:24px; }
.index #header p { top:640px; }

#main { position:relative; width:800px; height:600px; margin-left:160px; }
#main h3 { font-size:14px; line-height:16px; }
#main h4 { font-size:11px; line-height:16px; }
#main p, #main ul { margin-bottom:16px; }

.mainInfo { position:absolute; left:282px; top:23px; width:218px; }
.mainPortfolio { position:absolute; left:522px; top:23px; width:218px; }
.mainContact { position:absolute; left:762px; top:23px; width:218px; }
.mainInfo h4, .mainPortfolio h4, .mainContact h4 { font-size:14px; line-height:18px; }
.mainInfo p, .mainPortfolio p { margin-bottom:14px; }

#slideControl { position:absolute; left:36px; top:87px; }
#slideControl li { float:left; }
#slideControl a { padding:0 6px; }
#slideControl .active { color:#000000 !important; }

.footer { position:absolute; right:32px; top:640px; text-align:right; }

#slideMain { position:absolute; left:12px; top:121px; width:936px; height:500px; overflow:hidden; background:#f1f1f1; }
#slideMain li { opacity:0; }
.slidePart { position:absolute; }
.slideInfo { position:absolute; right:50px; top:360px; width:136px; z-index:10; }
.slideInfo p { margin-bottom:14px; }

#portfolioMenu { position:absolute; left:0; top:63px; width:160px; min-height:440px; }
.pagePl .portfolioMenu { position:fixed; background:url(../img/images.gif) no-repeat 0 0; }
.pageEn .portfolioMenu { position:fixed; background:url(../img/images.gif) no-repeat -160px 0; }
.portfolioMenu ul { width:124px; margin:9px 0 24px 24px; }
.portfolioMenu li {padding:2px 0; line-height:14px }
.portfolioMenu .active, #portfolioMenu a:hover { color:#000000; }

#portfolio { width:640px; padding:63px 0 48px 150px; }
#portfolio li { position:relative; width:616px; padding:0 12px; }
#portfolio a { color:#000; }
#portfolio a:hover { color:#9ccbd7; }
#portfolio img { margin:12px 0 9px 0; }
#portfolio span { position:absolute; left:24px; top:0; padding:0 12px; line-height:24px; background:url(../img/images.gif) no-repeat -332px -180px; }

#portfolioImages { width:604px; padding:78px 12px 48px 184px; }
#portfolioImages img { display:block; }
#portfolioImages .top { margin-top:48px; }
#portfolioImages .bottom { margin-bottom:48px; }

#iMacSlide, #iMacRoll { position:relative; width:604px; height:492px; background:url(../img/imac.jpg) no-repeat 0 0; }
#iMacSlide li, #iMacRoll li { position:absolute; left:40px; top:21px; width:524px; height:297px; overflow:hidden; }
#iMacSlide .active { z-index:5; }
#iMacRoll img { position:absolute; top:0; left:0; }

.portfolioInfo { position:relative; width:444px; min-height:200px; padding:12px 172px 48px 184px; background:url(../img/images.gif) no-repeat -1120px 0; }
.portfolioInfo a { color:#9ccbd7; }
.portfolioInfo a:hover { color:#000000; }
.portfolioInfo .next { position:absolute; right:0; top:0; }
.portfolioInfo .next a { display:block; width:50px; color:#000000; background:url(../img/images.gif) no-repeat -160px -457px; }
.portfolioInfo .next a:hover { color:#9ccbd7; background-position:-240px -457px; }
.portfolioInfo .next span { display:block; padding:46px 0; }
.portfolioInfo .end { position:absolute; right:0; top:0; display:block; padding:46px 0; }
.portfolioInfo .end span { display:block; font-weight:bold; }
.portfolioInfo .top { position:absolute; right:67px; top:0; width:43px; }
.portfolioInfo .top a { display:block; color:#9ccbd7; background:url(../img/images.gif) no-repeat -640px -457px; }
.portfolioInfo .top a:hover { color:#000000; background-position:-720px -457px; }
.portfolioInfo .top span { display:block; padding:46px 0; }

.info { position:absolute; left:0; top:63px; width:124px; padding:8px 12px 24px 24px; min-height:200px; background:url(../img/images.gif) no-repeat -1280px 0; }
.info h3 { margin-bottom:16px; }
.infoLatin { position:absolute; left:0; bottom:93px; width:124px; padding:9px 12px 12px 24px; background:url(../img/images.gif) no-repeat -320px bottom; }
.infoHelo { position:absolute; left:160px; top:126px; width:204px; padding:18px 12px 24px 24px; background:url(../img/images.gif) no-repeat -960px 0; }
.infoMore { position:absolute; left:400px; top:191px; width:204px; padding:18px 12px 24px 24px; background:url(../img/images.gif) no-repeat -960px 0; }
.infoLinks { position:absolute; right:0; top:281px; width:160px; min-height:300px; }
.pagePl .infoLinks { background:url(../img/images.gif) no-repeat -2400px 0; }
.pageEn .infoLinks { background:url(../img/images.gif) no-repeat -800px 0; }
.infoLinks ul { width:124px; margin:9px 0 24px 24px; }
.infoLinks a { line-height:18px; }

.contact { position:absolute; left:0; top:63px; width:204px; padding:8px 12px 24px 24px; min-height:400px; }
.pagePl .contact { background:url(../img/images.gif) no-repeat -1920px 0; }
.pageEn .contact { background:url(../img/images.gif) no-repeat -2160px 0; }
.contact h3 { margin-bottom:16px; }
.big { font-size:18px; line-height:18px; font-weight:bold; }
.infoContact { position:absolute; left:240px; top:123px; width:204px; padding:18px 12px 24px 24px; background:url(../img/images.gif) no-repeat -960px 0; }

#twitter_div { display:none; position:absolute; left:480px; top:183px; width:124px; padding:26px 12px 24px 24px; min-height:350px; background:url(../img/images.gif) no-repeat -480px 0; }
#twitter_div li { margin-bottom:16px; }
#twitter_div span { display:block; }
#twitter_div a { font-size:11px !important; font-weight:normal; font-style:italic; }
#twitter_div span a { font-style:normal; font-weight:bold; }

.error { position:absolute; left:0; top:63px; width:124px; padding:8px 12px 24px 24px; min-height:300px; background:url(../img/images.gif) no-repeat -640px 0; }

#footer { position:fixed; bottom:0; width:100%; height:4px; background:#000000; z-index:20; }