html
{
	overflow-x: auto;
	height: 100%;
}

body {
color:#989898;
font-family:Tahoma,Arial,sans-serif;
font-size:11px;
margin:0;
}

a {
text-decoration: none;
color: #989898;
}

a:hover {
color: #7d52a0;
}

p {
text-align: justify;
line-height: 130%;
}

img {
border: none;
}

#mid {
height:auto;
width:100%;
background: transparent url(layout/lineh.png) repeat-x 0 0;
}

#content {
height:auto;
width:100%;
background: transparent url(layout/lineh.png) repeat-x 0 0;
}

#footer {
clear: both;
width:100%;
background: url("layout/grey-bar.png") no-repeat scroll 50% 0 transparent;
margin: 0 auto;
padding: 0;
width: 930px;
height: 24px;
}

#wrapper {
margin: 0 auto;
padding: 0 15px;
width:898px;
}

#wrapper .clients {
padding: 0 0 0 20px;
}

#wrapperBottomline {
margin: 0 auto;
padding: 5px 15px 0 15px;
width:898px;
}


#top #wrapper {
height: 84px;
}

#top #wrapper #logo {
margin: 20px 0 0 0;
float: left;
}

#top #wrapper #nav {
float: right;
padding: 28px 0 0 0;
width: 540px;
}

#top #wrapper #nav #lang {
margin:0;
padding:5px 0 5px 20px;
border-left: 1px solid #efedf1;
float: left;
}


#mid #wrapper, #content #wrapper {
width:930px;
padding: 0;
}

#content #wrapper {
background: transparent url(layout/grey-bar.png) no-repeat 50% 0;
padding-top: 5px;
}

#content #wrapper .container {
background: transparent url(layout/indexcontbg.png) repeat-y 50% 0;
padding: 0 15px;
overflow: hidden;
}

#content #wrapper .Rcontainer {
background: transparent url(layout/rindexcontbg.png) repeat-y 50% 0;
padding: 0 15px 0 0;
overflow: hidden;
border-bottom: 1px solid #F0F0F0;
}

#content #wrapper .Ncontainer {
padding: 0 15px 0 0;
overflow: hidden;
}

#content #wrapper .backnext {
padding: 4px 10px 4px 10px;
overflow: hidden;
border-bottom: 1px solid #F0F0F0;
}

#content #wrapper .backnext img.back {
float: left;
overflow: hidden;
}

#content #wrapper .backnext img.next {
padding: 0 2px;
float: right;
overflow: hidden;
}

#footer #wrapperFooter {
overflow: hidden;
color: #989898;
}

#footer #wrapperFooter #copy {
float: left;
padding: 10px 0 0 0;
height: 25px;
width: 400px;
}

#footer #wrapperFooter #copy a {
color: #e0a3f7;
}

#footer #wrapperFooter #links {
float: right;
padding: 10px 0 0 0;
color: #989898;
}

#footer #wrapperFooter #links ul {
list-style-type:none;
margin: 0;
}

#footer #wrapperFooter #links ul li {
border-left:1px solid #b56bd1;
float:left;
padding:0 8px;
}

#footer #wrapperFooter #links ul li.first {
border: none;
}

/* top menu */

#top #wrapper #nav ul {
list-style-type:none;
margin:0;
padding:7px 0;
float: left;
}

#top #wrapper #nav ul li {
float:left;
margin:0 50px 0 0;
}

#top #wrapper #nav ul li.last {
float:left;
margin:0 20px 0 0;
}

#top #wrapper #nav #lang ul  {
list-style-type:none;
margin:0;
padding:0;
float: left;
}

#top #wrapper #nav #lang ul li {
float:left;
margin:0 5px 0 0;
}






#switchpl {
background:transparent url(layout/pl/switchpl.png) no-repeat;
display:block;
height:15px;
overflow:hidden;
text-indent:-9999px;
width:16px;
}

#switchpl:hover {
background-position: 0 -15px;
}

#switchen {
background:transparent url(layout/pl/switchen.png) no-repeat;
display:block;
height:15px;
overflow:hidden;
text-indent:-9999px;
width:16px;
}

#switchen:hover {
background-position: 0 -15px;
}

#lista {
background:transparent url(layout/pl/lista.png) no-repeat;
display:block;
float: right;
height:24px;
overflow:hidden;
text-indent:-9999px;
width:110px;
}

#lista:hover {
background-position: 0 -24px;
}

#next-bns {
background:transparent url(layout/pl/next-bns.png) no-repeat;
display:block;
float: right;
height:24px;
overflow:hidden;
text-indent:-9999px;
margin: 0 3px;
width:30px;
}

#next-bns:hover {
background-position: 0 -24px;
}

#back-bns {
background:transparent url(layout/pl/back-bns.png) no-repeat;
display:block;
float: left;
height:24px;
overflow:hidden;
text-indent:-9999px;
width:30px;
}

#back-bns:hover {
background-position: 0 -24px;
}

#visit-bns {
background:transparent url(layout/pl/visit-bns.png) no-repeat;
display:block;
float: right;
height:24px;
overflow:hidden;
text-indent:-9999px;
margin: 0 3px;
width:110px;
}

#visit-bns:hover {
background-position: 0 -24px;
}













#aboutMenu_pl {
background:transparent url(layout/pl/about.png) no-repeat;
display:block;
height:13px;
overflow:hidden;
text-indent:-9999px;
width:36px;
}

#aboutMenu_pl:hover {
background-position: 0 -13px;
}

#aboutMenu_en {
background:transparent url(layout/en/about.png) no-repeat;
display:block;
height:13px;
overflow:hidden;
text-indent:-9999px;
width:42px;
}

#aboutMenu_en:hover {
background-position: 0 -13px;
}

#offerMenu_pl {
background:transparent url(layout/pl/offer.png) no-repeat;
display:block;
height:13px;
overflow:hidden;
text-indent:-9999px;
width:42px;
}

#offerMenu_pl:hover {
background-position: 0 -13px;
}

#offerMenu_en {
background:transparent url(layout/en/offer.png) no-repeat;
display:block;
height:13px;
overflow:hidden;
text-indent:-9999px;
width:42px;
}

#offerMenu_en:hover {
background-position: 0 -13px;
}

#portfolioMenu_pl {
background:transparent url(layout/pl/portfolio.png) no-repeat;
display:block;
height:16px;
overflow:hidden;
text-indent:-9999px;
width:66px;
}

#portfolioMenu_pl:hover {
background-position: 0 -16px;
}

#portfolioMenu_en {
background:transparent url(layout/en/portfolio.png) no-repeat;
display:block;
height:16px;
overflow:hidden;
text-indent:-9999px;
width:66px;
}

#portfolioMenu_en:hover {
background-position: 0 -16px;
}

#clientsMenu_pl {
background:transparent url(layout/pl/clients.png) no-repeat;
display:block;
height:13px;
overflow:hidden;
text-indent:-9999px;
width:43px;
}

#clientsMenu_pl:hover {
background-position: 0 -13px;
}

#clientsMenu_en {
background:transparent url(layout/en/clients.png) no-repeat;
display:block;
height:13px;
overflow:hidden;
text-indent:-9999px;
width:47px;
}

#clientsMenu_en:hover {
background-position: 0 -13px;
}

#contactMenu_pl {
background:transparent url(layout/pl/contact.png) no-repeat;
display:block;
height:13px;
overflow:hidden;
text-indent:-9999px;
width:53px;
}

#contactMenu_pl:hover {
background-position: 0 -13px;
}

#contactMenu_en {
background:transparent url(layout/en/contact.png) no-repeat;
display:block;
height:13px;
overflow:hidden;
text-indent:-9999px;
width:53px;
}

#contactMenu_en:hover {
background-position: 0 -13px;
}

.newsBox {
float: left;
width: 285px;
padding: 15px 15px 15px 0;
}

.presentBox {
float: left;
width: 285px;
padding: 0 20px 15px 10px;
}

.LpresentBox {
float: left;
width: 285px;
padding: 0 20px 0 10px;
}

.RpresentBox {
float: left;
width: 285px;
padding: 15px;
}

.presentBox span.branza {
padding: 7px 0 0 27px;
float: left;
clear: both;
}

.RpresentBox span.branza {
padding: 7px 0 0 27px;
float: left;
clear: both;
}

.NpresentBox {
float: left;
width: 900px;
padding: 0 20px 15px 10px;
}

.wedoBox {
float: left;
width: 270px;
padding: 15px;
height: 100%;
}

.RwedoBox {
float: left;
width: 210px;
padding: 15px;
height: 100%;
}

.RwedoBox span.branza {
padding: 7px 0 0 27px;
float: left;
clear: both;
}

.contactBox {
float: left;
width: 285px;
padding: 15px 0 15px 15px;
}

.RcontactBox {
float: left;
width: 343px;
padding: 15px 0 15px 15px;
}

.news {
padding: 10px 0 6px 3px;
text-align: justify;
}

.projectButtons{
padding: 10px 0 3px 3px;
float: right;
height: 23px;
}

.newsR {
padding: 10px 0 0px 3px;
text-align: justify;
}

.techspacing {
padding: 10px 0 0 0;
}

.techlist {
padding: 10px 0 0 70px;
}

.sunnews {
padding: 25px 0 0 20px;
}

.sunnewstxt {
padding: 25px 0 0 20px;
}

.news p{
margin: 5px 0 0 0;
}

.news .title {
font-weight: bold;
color: #7b418d;
}

.news .date {
font-size: 10px;
color: #bcbcbc;
float: right;
}

.news img {
border: none;
margin: 0 0 0 7px;
}

#archive {
font-size: 9px;
padding: 10px  0 0 0;
float: right;
}

#archive a {
color: #989898;
}

#archive img {
border: none;
}

.footer-link {
color: #989898;
}

.trust {
width: 400px;
}

#bottomline {
margin: 0 auto;
width:930px;
}

#telbar {
float: right;
}

#misc {
clear: both;
overflow: hidden;
}

#paylogos {
float: left;
}

#social {
float: right;
padding: 5px 5px 0 0;
}

#social img {
margin-left: 5px;
}





#artisClient {
background:transparent url(layout/artisHover.png) no-repeat;
float: left;
height:179px;
overflow:hidden;
text-indent:-9999px;
width:295px;
}

#artisClient:hover {
background-position: 0 -179px;
}

#dataofficeClient {
background:transparent url(layout/dataofficeHover.png) no-repeat;
float: left;
height:179px;
overflow:hidden;
text-indent:-9999px;
width:295px;
}

#dataofficeClient:hover {
background-position: 0 -179px;
}

#espressoClient {
background:transparent url(layout/espressoHover.png) no-repeat;
float: left;
height:179px;
overflow:hidden;
text-indent:-9999px;
width:295px;
}

#espressoClient:hover {
background-position: 0 -179px;
}

#audiospaceClient {
background:transparent url(layout/audiospaceHover.png) no-repeat;
float: left;
height:179px;
overflow:hidden;
text-indent:-9999px;
width:295px;
}

#audiospaceClient:hover {
background-position: 0 -179px;
}

#inwebClient {
background:transparent url(layout/inwebHover.png) no-repeat;
float: left;
height:179px;
overflow:hidden;
text-indent:-9999px;
width:295px;
}

#inwebClient:hover {
background-position: 0 -179px;
}

#dialecticaClient {
background:transparent url(layout/dialecticaHover.png) no-repeat;
float: left;
height:179px;
overflow:hidden;
text-indent:-9999px;
width:295px;
}

#dialecticaClient:hover {
background-position: 0 -179px;
}

#knuplerzClient {
background:transparent url(layout/knuplerzHover.png) no-repeat;
float: left;
height:179px;
overflow:hidden;
text-indent:-9999px;
width:295px;
}

#knuplerzClient:hover {
background-position: 0 -179px;
}

#transolClient {
background:transparent url(layout/transolHover.png) no-repeat;
float: left;
height:179px;
overflow:hidden;
text-indent:-9999px;
width:295px;
}

#transolClient:hover {
background-position: 0 -179px;
}

#petvetClient {
background:transparent url(layout/petvetHover.png) no-repeat;
float: left;
height:179px;
overflow:hidden;
text-indent:-9999px;
width:295px;
}

#petvetClient:hover {
background-position: 0 -179px;
}

#screenshot{
position:absolute;
border:1px solid #ffffff;
background:#69479e;
padding:7px;
display:none;
color:#fff;
font-size:12px;