html, body, blockquote, p, form, q, dt, dl, dd, div, h1, h2, h3, h4, h5, h6, br, a, img, hr, ul, li, ol
{padding: 0; margin: 0; border: 0; list-style-type: none;}

body {font:0.75em Tahoma, Verdana, Arial, sans-serif; color:#555; background:#fff url(../images/body-bg.gif) repeat-x}
a {color:#800040;} a:hover {text-decoration:none;}
input, select, textarea {font:1em Tahoma, Verdana, Arial, sans-serif;}
table {border-collapse: separate; border-spacing: 0;}
#header h1 a span, #social-links a span, .totop a span, .prev-next span {display:none;} a span {cursor:pointer}
a:active, a:focus {outline: 0;} *:focus {outline: none;}

#background {float:left; width:100%;/* background:url(../images/background.png) no-repeat center 52px;*/ padding:0 0 40px 0}
#wrapper {width:980px; margin:0 auto}

#header {width:980px; height:52px; position:relative;}
#header h1 {position:absolute; top:5px; left:0;}
#header h1 a {display:block; width:89px; height:42px; background:url(../images/logo.png) no-repeat}

#main-menu {position:absolute; top:9px; left:105px;}
#main-menu li {float:left; font-size:1.667em; background:url(../images/line1.gif) no-repeat right 4px; padding:0 15px}
#main-menu li.last {background:none; padding-right:0}
#main-menu a {color:#2B2825; text-decoration:none}
#main-menu a:hover, #main-menu li.selected a {color:#800040;}

#language {position:absolute; top:5px; right:0}
#language a{display:block; text-decoration:none; font-size:0.833em; text-transform:uppercase; color:#fff; float:right; height:19px; background:url(../images/main.png) no-repeat 0 0; padding:0 0 0 6px}
#language a span {display:block; height:19px; background:url(../images/main.png) no-repeat right -19px; padding:0 6px 0 0}
#language a em {font-style:normal; display:block; height:16px; background:url(../images/main.png) no-repeat 0 -78px; padding:3px 0 0 20px}
#language a.bg em {background-position:0 -96px}
#language a:hover {background-position:0 -38px}
#language a:hover span {background-position:right -57px}

#slider {width:980px; height:480px; overflow:hidden; margin:0 0 20px 0}
#slider-hot {width:980px; height:270px; padding:10px 0 0 0}
#slider-hot-image {width:400px; height:260px; overflow:hidden; float:left}
#slider-hot-content {width:520px; height:240px; padding:20px 0 0 0; float:right; overflow:hidden}
#slider-hot-content h2 {color:#fff; font-weight:normal; font-size:2.333em;} #slider-hot-content h2 a {color:#fff; text-decoration:none} #slider-hot-content h2 a:hover {color:#f1f1f1}
#slider-hot-content p {color:#ccc; line-height:180%; padding:40px 0; text-align:justify}
#slider-hot-pager {float:left;}
#slider-hot-pager li {float:left; padding:0 10px 0 0}
#slider-hot-pager a {display:block; width:20px; height:17px; padding:3px 0 0 0; color:#fff; text-decoration:none; text-align:center; background:url(../images/main.png) no-repeat 0 -118px}
#slider-hot-pager a:hover {background-position:0 -143px}
#slider-hot-pager li.selected a {background-position:0 -168px}

#slider-hot-content #slider-hot-links {float:right; padding:0; line-height:normal}
#slider-hot-content #slider-hot-links a {margin-left:10px}

.see-more {display:block; float:left; height:20px; color:#fff; text-decoration:none; background:url(../images/main.png) no-repeat 0 -193px; padding:0 0 0 10px}
.see-more span {display:block; height:18px; background:url(../images/main.png) no-repeat right -213px; padding:2px 10px 0 0}
.see-more:hover {background-position:0 -233px; color:#f1f1f1}
.see-more:hover span{background-position:right -253px}

.view-online {display:block; float:left; height:20px; color:#fff; text-decoration:none; background:url(../images/main.png) no-repeat 0 -273px; padding:0 0 0 10px}
.view-online span {display:block; height:18px; background:url(../images/main.png) no-repeat right -293px; padding:2px 10px 0 0}
.view-online:hover {background-position:0 -313px; color:#f1f1f1}
.view-online:hover span{background-position:right -333px}

.small-see-more {display:block; position:relative; z-index:2; float:left; height:16px; font-size:0.833em; color:#fff; text-decoration:none; background:url(../images/main.png) no-repeat 0 -358px; padding:0 0 0 8px}
.small-see-more span {display:block; height:15px; background:url(../images/main.png) no-repeat right -374px; padding:1px 8px 0 0}
.small-see-more:hover {background-position:0 -390px; color:#f1f1f1}
.small-see-more:hover span{background-position:right -406px}

.small-view-online {display:block; position:relative; left:-8px; z-index:1; float:left; width:50px; height:15px; font-size:0.833em; text-align:right; color:#fff; text-decoration:none; background:url(../images/main.png) no-repeat 0 -422px; padding:1px 12px 0 0}
.small-view-online:hover {background-position:0 -438px; color:#f1f1f1}

.last-projects {float:left; width:100%;}
.last-projects li {float:left; margin:0 20px 0 0; width:210px; height:220px; background:url(../images/last-projects-bg.png) no-repeat 0 0; padding:10px 10px 0 10px;}
.last-projects li.hover {background-position:0 -230px;}
.last-projects li img {margin-bottom:10px}
.last-projects li.last {margin:0}

#sidebar .last-projects li {margin:0; background:none; padding:0 0 20px 0; height:auto;}
#sidebar .last-projects li.last {padding:0}

.textcontent {float:left; clear:both; width:100%;}
.textcontent h2 {color:#800040; font-weight:normal; font-size:3em; margin:0 0 15px 0}
.textcontent h3 {color:#1A1A1A; font-weight:normal; font-size:2.667em; margin:0 0 15px 0}
.textcontent h4 {color:#3E3E3E; font-weight:normal; font-size:2em; margin:0 0 10px 0;} .textcontent h4 a {color:#3E3E3E; text-decoration:none} .textcontent h4 a:hover{color:#800040}
.textcontent h5 {color:#1A1A1A; font-size:1.333em; margin:0 0 10px 0}
.textcontent h6 {color:#800040; font-size:1.167em; margin:0 0 10px 0}
.textcontent p {line-height:150%; padding:0 0 20px 0}
.textcontent ul {background:#f9f9f9; color:#1F1F1F; border:solid 1px #f4f4f4; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:5px 10px 10px 10px; margin:0 0 20px 0}
.textcontent li {background:url(../images/main.png) no-repeat -156px -577px; padding:5px 0 0 12px}
.textcontent a {color:#1A1A1A; text-decoration:none; border-bottom:dotted 1px #800040}
.textcontent a:hover {border-bottom:dotted 1px #fff}

#services-list dd {width:440px; height:100px; overflow:hidden; float:left; padding:0 0 0 60px; background:url(../images/services-icons.gif) no-repeat 0 6px;}
#services-list dd.second {width:420px;}
#services-list dd p {padding:0 20px 0 0} #services-list dd.second p {padding:0}
#services-list #services-web-sites {background-position:0 6px;}
#services-list #services-content-management-systems {background-position:0 -159px;}
#services-list #services-e-shops {background-position:0 -327px;}
#services-list #services-web-solutions {background-position:0 -492px;}
#services-list #services-seo {background-position:0 -660px;}
#services-list #services-consulting {background-position:0 -828px;}
#services-list #services-web-hosting {background-position:0 -996px;}
#services-list #services-flash-presentations-and-banners {background-position:0 -1161px;}

#footer {float:left; width:100%; height:132px; background:url(../images/footer-bg.gif) repeat-x}
#footer-content {width:980px; height:132px; margin:0 auto;/* background:url(../images/footer-content-background.png) no-repeat 0 0;*/ position:relative}
#footer a {color:#8F8F8F; text-decoration:none} #footer a:hover {color:#ccc}
#footer-menu {position:absolute; left:-10px; top:20px}
#footer-menu li {float:left; background:url(../images/line2.gif) no-repeat right 5px; padding:0 11px 0 10px}
#footer-menu li.last {background:none; padding-right:0}
#footer-menu li.selected a {color:#ccc}
#copyright {position:absolute; left:0; bottom:20px; height:20px; padding:10px 0 0 76px; background:url(../images/footer-logo.png) no-repeat 0 0;}

#footer-contacts {position:absolute; width:320px; right:0; top:15px}
#footer-contacts h4 {color:#fff; font-weight:normal; font-size:1.5em; float:left;}
#footer-contacts p {padding:10px 0 0 0; float:left; clear:both; white-space:nowrap}
#social-links {float:right}
#social-links li {float:left; padding:0 0 0 10px}
#social-links a {display:block; width:24px; height:24px; background: url(../images/main.png) no-repeat right -459px}
#social-links a#social-link-facebook {background-position:left -459px}
#social-links a#social-link-twitter {background-position:left -483px}
#social-links a#social-link-linkedin {background-position:left -507px}
#social-links a#social-link-contact {background-position:left -531px}

#page-title {width:980px; height:117px; position:relative;}
#page-title h2 {color:#fff; font-weight:normal; font-size:3.5em; position:absolute; left:0; top:20px;}
#breadcrumbs {position:absolute; left:0; bottom:20px;}
#breadcrumbs li {float:left; color:#959595; padding:0 10px 0 0}
#breadcrumbs a {color:#727272; text-decoration:none; text-transform:lowercase; background:url(../images/main.png) no-repeat right -559px; padding:0 13px 0 0}
#breadcrumbs a:hover {color:#959595}

#inner-page {float:left; position:relative; width:940px; padding:20px; min-height:360px; background:url(../images/inner-page-bg.png) no-repeat 0 0}
#inner-content {float:left; width:680px; min-height:360px; padding:0 21px 0 0; background:url(../images/inner-content-line.gif) no-repeat right 0}
#sidebar {float:right; width:220px;}

.sidebar-box {float:left; width:220px; background: url(../images/line3.gif) no-repeat left bottom; padding:0 0 21px 0; margin:0 0 20px 0}
.sidebar-box h4 {color:#1D1D1D; font-size:1.833em; margin:0 0 20px 0}

.sidebar-list {position:relative;}
.sidebar-list li {height:16px; background: url(../images/main.png) no-repeat left -602px; padding:0 0 10px 22px}
.sidebar-list li.last {padding-bottom:0}
.sidebar-list a {color:#1A1A1A; text-decoration:none; border-bottom:dotted 1px #800040}
.sidebar-list a:hover {border-bottom:dotted 1px #fff}
.sidebar-list li.selected a {border-bottom:dotted 1px #1a1a1a; font-weight:bold}

.inner-title {float:left; width:100%; position:relative;}
.inner-title h3 {color:#1A1A1A; font-weight:normal; font-size:2em; float:left; padding:0 0 20px 0}

.pager {float:left} .pager li {float:left; padding:0 5px 0 0; font-size:0.917em}
.pager a, .pager strong {display:block; color:#fff; float:left; width:11px; height:15px; padding:1px 0 0 6px; text-decoration:none; font-weight:normal; background:url(../images/main.png) no-repeat 0 -647px;}
.pager a {background-position:0 -663px}
.pager a:hover {background-position:0 -679px}
.inner-title .pager {padding:10px 0 0 0; position:absolute; left:370px;}

.projects-list, .projects-list dd {float:left; width:100%;}
.projects-list dd {padding:0 0 21px 0; margin:0 0 20px 0; background:url(../images/line4.gif) no-repeat 0 bottom}
.projects-list img {float:left; margin:0 10px 0 0}
.projects-list h5 {font-size:1.333em; color:#1A1A1A} 
.projects-list h5 a {color:#1A1A1A; text-decoration:none}
.projects-list p {padding:20px 0 0 0;} .projects-list p.text {line-height:180%;}

.totop {float:right} .inner-title .totop {padding:10px 0 0}
.totop a {display:block; width:17px; height:16px; background:url(../images/main.png) no-repeat 0 -695px}
.totop a:hover {background-position:0 -711px}

.project-preview {float:left; width:680px; background:url(../images/project-preview-bg-repeat.gif) repeat-y; margin:0 0 20px 0}
.project-preview-top {float:left; width:680px; height:3px; background:url(../images/project-preview-bg-top.gif) no-repeat 0 0;}
.project-preview-bottom {float:left; width:680px; height:3px; background:url(../images/project-preview-bg-bottom.gif) no-repeat 0 0;}
.project-preview img {float:left; padding:0 0 0 5px}

.prev-next {position:absolute; top:-20px; left:653px}
.prev-next li {float:left; padding:0 0 0 5px}
.prev-next a {display:block; width:16px; height:15px; background:url(../images/main.png) no-repeat -47px -647px}
.prev-next strong {display:block; width:16px; height:15px; background:url(../images/main.png) no-repeat -63px -647px}
.prev-next li.next a {background-position:-47px -662px}
.prev-next a:hover {background-position:-47px -677px}
.prev-next li.next a:hover {background-position:-47px -692px}
.prev-next li.next strong {background-position:-63px -662px}

#sidebar-project-info {background:none}
#sidebar-project-info li {padding:20px 0; color:#727272; background:url(../images/line3.gif) no-repeat 0 bottom}
#sidebar-project-info li a {text-decoration:none; color:#727272; border-bottom:dotted 1px #800040}
#sidebar-project-info li a:hover {border-bottom:dotted 1px #fff}
#sidebar-project-info li p {background:url(../images/main.png) no-repeat -89px -647px; height:15px; padding:1px 0 0 26px}
#sidebar-project-info li.date p {background-position:-89px -647px}
#sidebar-project-info li.category  p{background-position:-89px -704px}
#sidebar-project-info li.client p {background-position:-89px -770px}
#sidebar-project-info li.link p {background-position:-89px -846px}