body { background:url('../images/main-dots-bg.png') -2px 0; font-family: "Trebuchet MS",Arial; }
#main-homepage-wrapper { background:url('../images/main-home-bg.png') no-repeat; width: 1068px; height:908px;position: absolute; }
#main-wrapper { background:url('../images/main-bg.png') no-repeat; width: 100%; height:910px; position: absolute;}

#studiomleczko-logo {padding: 0; margin: 0; position: absolute; left: 79px; top: 22px;}
#studiomleczko-logo a { display: block; width: 149px; height: 94px; }

#header { height:150px; }
#languages-tool { position: absolute; top:6px; left: 935px; }
#languages-tool a, #languages-tool a:hover, #languages-tool a:visited { font-size: 11px; font-family: "Trebuchet MS",Arial; text-decoration: none; color: #48484a;}
#languages-tool a:hover {text-decoration:underline;}
#menu-wrapper { position: absolute; top:44px; left: 286px; }
#menu { list-style: none; padding: 0; margin: 0; width: 597px; height: 49px; position: relative;}
#menu span { display: none; position: absolute;}
#menu a { display: block; text-indent: -900%; position: absolute; outline: none;}
#menu li.active a, #menu a:hover { background-position: left bottom;}
#menu li.active a span, #menu a:hover span { display: block;}

#menu .logo { width: 79px; height: 49px; background: url(../images/logo.png) no-repeat; left: 0px; top: 0px;}
#menu .logo span { width: 79px; height: 49px; left: 0px; top: -49px;}

#menu .packages { width: 106px; height: 49px; background: url(../images/packages.png) no-repeat; left: 79px; top: 0px;}
#menu .packages span { width: 106px; height: 49px; left: 79px; top: -49px;}

#menu .web { width: 47px; height: 49px; background: url(../images/web.png) no-repeat; left: 185px; top: 0px;}
#menu .web span { width: 47px; height: 49px; left: 185px; top: -49px;}

#menu .print { width: 55px; height: 49px; background: url(../images/print.png) no-repeat; left: 232px; top: 0px;}
#menu .print span { width: 55px; height: 49px; left: 232px; top: -49px;}

#menu .news { width: 57px; height: 49px; background: url(../images/news.png) no-repeat; left: 287px; top: 0px;}
#menu .news span { width: 57px; height: 49px; left: 287px; top: -49px;}

#menu .offer { width: 67px; height: 49px; background: url(../images/offer.png) no-repeat; left: 344px; top: 0px;}
#menu .offer span { width: 67px; height: 49px; left: 344px; top: -49px;}

#menu .clients { width: 69px; height: 49px; background: url(../images/clients.png) no-repeat; left: 411px; top: 0px;}
#menu .clients span { width: 69px; height: 49px; left: 411px; top: -49px;}

#menu .contact { width: 117px; height: 49px; background: url(../images/contact.png) no-repeat; left: 480px; top: 0px;}
#menu .contact span { width: 117px; height: 49px; left: 480px; top: -49px;}

#content ul { text-align: center; text-transform: uppercase; margin: 27px 0 0 190px;  font-family: "Trebuchet MS",Arial; font-size:15px; color: #000; height: 390px;}
#content li { padding-bottom: 21px; }
#content li h2 { color: #b20066; font-size: 20px; display: inline;}

#page-content strong { color: #b20066; font-weight: bold; }

#content-contact { margin: 44px 0 0 89px; width: 380px; float: left; }
#content-contact strong { color: #b20066; }
#content-contact .general-info-common { font-family: "Trebuchet MS",Arial; text-transform: uppercase; padding-left: 5px; }
#content-contact .general-info-common h2 { color: #b20066; }
#content-contact .general-info-common a {text-decoration: none;}
#content-contact .general-info { font-size: 16px; padding-bottom: 23px;}
#content-contact .phone { font-size: 14px; padding-bottom: 21px; }
#content-contact .email { font-size: 14px; padding-bottom: 13px; border-bottom: 1px solid #bdbdbd;}
#content-contact .address { padding-top: 9px; padding-bottom: 23px; }
#content-contact .phone-fax { padding-bottom: 12px; border-bottom: 1px solid #bdbdbd; }
#content-contact .remaining { padding-top: 14px; padding-bottom: 10px; border-bottom: 1px solid #bdbdbd; margin-bottom: 15px;color: #a8a8a8; font-weight: bold; height:26px}
#content-contact .remaining span { padding-right: 5px; }
#content-contact .remaining .blip { padding: 0px 13px; }

#contact-right { margin: 35px 0 0 155px; float: left;}
#contact-form {width: 285px;}
#contact-form p { position: relative; }
#contact-form p label { position: absolute; left: 0; font-family: "Trebuchet MS",Arial; font-size: 12px; padding: 11px 6px; color: #b7b7b7; line-height:13px; }
#contact-form input { width: 272px; margin-bottom: 6px; padding: 8px 5px; }
#contact-form textarea { width: 272px; margin-bottom: 6px; text-indent: 3px; padding: 8px 5px; }
#contact-form input.submit  { line-height: 18px; padding: 6px 5px; border: none; color:#FFFFFF; float: right; width: 89px; height: 29px; background-color: #b20066; text-transform: uppercase; font-family: "Trebuchet MS",Arial; font-size: 12px; font-weight: bold; cursor:pointer;}

.offer-nav { margin: 4px 0 0 85px; }
.offer-nav a { display: block; }
.offer-nav li { float: left; width: 114px; margin-right: 27px;}
.offer-nav li.active a, #offer-nav a:hover { background-position: left bottom;}
.offer-nav .number { background: url(../images/offer-nav.png) no-repeat; width: 78px; height: 78px; margin: 0px 18px 15px 18px; position: relative; }
.offer-nav .text { text-decoration: none; font-weight: bold; font-size: 16px; line-height: 19px; text-align: center;}
.offer-nav .number span { position: absolute; top: 29px; left: 33px; color: #FFF; }
.offer-nav .nav-text { color: #000 }
#offer-description { margin: 80px 0 0 85px; width: 860px;  min-height: 200px;font-size: 15px; line-height: 17px; }
#offer-description p{ display: inline; padding-left: 2px; }
#offer-description h2{ color: #b20066; display: inline; font-weight: bold;}
#offer-definition { margin-top: 28px; }
#offer-definition p{ font-size: 21px; line-height: 23px; }

#news-main { width: 851px; margin: 0 0 0 85px; }
#news-left { float: left; width: 195px; text-align: right; }
#news-left div { margin-right: 14px; margin-top: 8px; font-weight: bold; font-size: 14px; }
#news-left .main-menu a { color: #b20066; font-weight: bold; font-size: 14px; text-decoration: none; }
#news-left .main-menu li { padding-bottom: 5px; }

#news-left .sub-menu a { color: #000; font-size: 12px; font-weight: normal; }
#news-left .sub-menu li { padding: 3px 0px; color: #58585a; }
#news-left .sub-menu li.active a { font-weight: bold; }
#news-right { float: left; width: 642px; border-left: 2px solid #58585a; min-height: 384px; }
#news-right div { margin: 6px 0px 0px 26px; }
#news-right .header { margin: 0px; padding-bottom: 26px; }
#news-right p { font-family: "Trebuchet MS",Arial; font-size: 12px; line-height: 15px; padding-bottom: 16px; }
#news-right a, .project-text-col a { color: #B20066; text-decoration: none; }
#news-right a:hover {  text-decoration: underline; } 
#news-right h2 { font-size: 16px; text-transform: uppercase; color: #b20066; padding-bottom: 2px; line-height: 18px; }
#news-right span { font-size: 11px; line-height: 14px; color: #b2b2b2; text-transform: uppercase; }

#clients-content { margin: 25px 0 0 85px; width: 834px; min-height: 395px;}
#clients-content .content { border-bottom: 1px solid #bdbdbd; }
#clients-content p { text-transform: uppercase; font-size: 18px; line-height: 26px; padding-bottom: 22px; }
#clients-content .signature { font-size: 14px; color: #6c6c6c; text-align: right; padding-bottom: 8px; padding-right: 8px; }
#clients-content .logos li { width: 138px; height: 84px; float: left; display: block; }

#portfolio-project-list { position: absolute; top: -22px; left: 787px; }
#portfolio-project-list .project { padding-right: 7px; border-right: 1px solid #bdbdbd;}
#portfolio-project-list .list { padding-left: 9px; }
#portfolio-center-container { background:url('../images/portfolio-bg.png') 2px 0px; font-family: "Trebuchet MS",Arial; margin: 0; height: 311px; width: 100%; }
#portfolio-center-wrapper { position: relative; }
#portfolio-content-wrapper-list { position: absolute; top: 15px; left: 81px; }
#portfolio-content-wrapper-list li { margin: 0px 21px; padding: 4px 0px; border-bottom: 1px solid #bdbdbd; text-transform: uppercase; }
#portfolio-content-wrapper-list li.active a {color: #B20066; font-weight:bold;}
#portfolio-content-wrapper-list a {font-size: 12px; line-height: 12px; text-decoration: none; color: #000; }
#portfolio-content-wrapper-list img { margin-left: 150px; }
#project-text { margin: 10px 0 0 96px; }
#project-text .project-text-col { float: left; width: 414px; margin: 0px 10px; }
#project-text .color { color: #b20066; font-weight: bold; }
#project-text .text-spacer { padding-top: 16px; }
#project-text .project-text-col h2 { font-size: 16px; line-height: 18px; }
#project-text .project-text-col p { font-size: 12px; line-height: 15px; }
#project-text .project-text-col .right-wrapper { padding-top: 18px; }

#portfolio-content-wrapper { position: absolute; top: 1px; left: 107px; cursor:pointer; }
#portfolio-content-navigation a { position: absolute; top: 132px; }
#portfolio-content-navigation a.sexyslider-prev { left: 57px; background:url('../images/arrow-left.png') 0px 0px; height: 21px; width: 20px; text-indent: -9000%; }
#portfolio-content-navigation a.sexyslider-next { left: 924px; background:url('../images/arrow-right.png') 0px 0px; height: 21px; width: 20px; text-indent: -9000%; }
#portfolio-content-control { position: absolute; top: 322px; left: 782px; z-index: 99; }
#portfolio-content-control a { position: relative; background:url('../images/control-not-active.png') 0px 0px; display: block; height: 15px; width: 15px; float:left;  margin: 0 3px; text-decoration: none; font-size: 10px; font-weight: bold; color: #FFF; text-align: center; }
#portfolio-content-control a.active { background:url('../images/control-active.png') 0px 0px; }
#portfolio-content-control a span { position: absolute; top:2px; left: 4px; font-family: Tahoma,sans-serif;  }
#dim{ position:absolute; top:0; left:0; width:100%; z-index:100; background: url('../images/dim.png'); display:none; text-align:left; }
.msgbox{ position:absolute; width: 850px; height: 580px;; z-index:200; margin-left: 100px; margin-top: 10px; }
.msgbox img {border:none; margin:5px;}
.close{ top:0px; float:right; }

#content-wrapper { position: relative; }

#footer { width: 100%; font-family: "Trebuchet MS",Arial; height: 15px; padding-top: 30px; font-size:10px; color: #5e5c5d; margin-bottom: 6px; }
#footer .footer-left {float: left; margin-left: 40px; margin-right: 201px; }
#footer .footer-right {float: left;}