/***************************************
Layout
-------------------------------------- */

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

body {
text-align: center;
color: #000;
background: #fff;
font: 12px/16px Arial, Helvetica, sans-serif;
}

#wrapper {
width: 840px;
margin: 0 auto;
text-align: left;
}

#logo {
margin: 0 10px;
padding-bottom: 20px;
border-bottom: 1px solid #000;
}

#blurb {
float: right;
width: 540px;
padding: 14px 10px 20px 0;
color: #bbb;
font-size: 27px;
line-height: 33px;
}

div.pics {
clear: both;
width: 820px;
height: 250px;
margin: 0 10px;
overflow: hidden;
}

div.pics img {
width: 820px;
height: 250px;
top: 0;
left: 0;
}

#content {
float: left;
width: 672px;
padding: 10px 0 0 0;
}

.portfolio-nav {
height: 19px;
padding: 3px 10px 7px 10px;
text-align: right;
}

.prev, .next {
display: block;
float: right;
padding-left: 5px;
}

.disabled {
display: none;
}

.vertical {
position: relative;
width: 672px;
height: 624px;
overflow: hidden;
}

#client, #related-news {
float: left;
width: 660px;
padding: 8px 6px 32px;
}

#main-content {
float: left;
width: 464px;
padding: 0 10px 10px 4px;
}

#sidebar {
float: left;
width: 170px;
padding: 11px 10px 0px 10px;
}

div.col-326 {
float: left;
width: 326px;
padding: 10px 0 0 4px;
}

div.col-260 {
float: left;
width: 260px;
padding: 10px;
}

div.col-120 {
float: left;
width: 120px;
padding: 10px;
}

div.items {	
position:absolute;
height:20000em;
}

div.page {	
height:468px;
}

div.item {
float: left;
width: 148px;
height: 136px;
padding: 0 10px 20px;
}

div.portfolio-item {
background: transparent url(../img/bg-portfolio-item.gif) 0 0;
height: 136px;
}

div.portfolio-item img {
height:112px;
width:148px;
}

#stranica {
padding: 3px 10px 7px 10px;
text-align: right;
}

#kontakti #slideshow1 {
border-bottom: 1px solid #000;
}

#info {
clear: both;
padding: 35px 10px 20px 290px;
color: #666;
}

div.portfolio-nav, #stranica {
color: #999;
}

#footer {
clear: both;
padding: 70px 10px 20px 290px;
font-size: 8px;
line-height: 8px;
text-indent: -2000px;
background: transparent url(../img/bg-footer.gif) 290px 60px no-repeat;
}

/***************************************
Navigation
-------------------------------------- */

#nav {
float: left;
width: 148px;
padding: 16px 10px 20px 10px;
line-height: 11px;
font-weight: bold;
}

#nav li {
list-style: none;
padding: 4px 0;
}

#nav li a {
color: #777;
text-decoration: none;
border: 0;
}

#nav li a:hover {
color: #000;
}

#home #nav li a.nav-home, #portfolio #nav li a.nav-portfolio, #news #nav li a.nav-news, #onama #nav li a.nav-onama, #kontakti #nav li a.nav-kontakti {
cursor: default;
color: #000;
}

/***************************************
Elements
-------------------------------------- */

img {
border: 0;
}

#pane-target img {
width: 148px;
height: 112px;
}

#main-content img.month {
display: block;
margin-left: 4px;
padding: 10px 0 0;
width: 408px;
height: 124px;
border-bottom: 1px solid #000;
}

h1 {
height: 35px;
margin: 0 10px;
font-size: 7px;
font-weight: normal;
text-indent: -2000px;
}

#home h2 {
margin: 0 10px;
padding: 20px 0 4px;
font-size: 16px;
font-weight: normal;
color: #999;
border-top: 1px solid #000;
}

#content h2 {
padding: 0 4px 3px;
font-size: 21px;
line-height: 21px;
font-weight: bold;
}

#main-content h2 {
clear: both;
padding: 8px 50px 3px 4px;
font-size: 17px;
line-height: 20px;
font-weight: bold;
}

#related-news h2 {
padding-top: 16px;
border-top: 1px dotted #999;
}

#content div.portfolio-item h2 {
padding: 4px 0 4px 6px;
font-size: 11px;
line-height: 16px;
font-weight: bold;
}

h3 {
font-size: 13px;
font-weight: bold;
}

#client h3 {
padding: 32px 4px 3px;
font-size: 18px;
line-height: 21px;
color: #666;
}

#news #main-content h3 {
padding: 16px 0 0 4px;
clear: both;
}

#news #sidebar h3 {
font-size: 15px;
padding-bottom: 4px;
}

span.date {
font-weight: normal;
font-size: 10px;
color: #666;
}

#main-content p, #main-content ul, #main-content ol {
clear: both;
padding: 4px 50px 4px 4px;
}

#main-content ul, #main-content ol {
padding-left: 20px;
}

#main-content ul {
list-style-type: square;
}

p.read-more, #main-content p.read-more {
padding: 8px 0 8px 4px;
font-style: italic;
}

#client p {
clear: both;
padding: 4px 220px 4px 4px;
}

#related-news h3, #related-news p {
padding-right: 32px;
}

div.media, p.caption {
padding-left: 4px;
font-size: 11px;
color: #666;
}

p.question {
font-weight: bold;
}

p.worker {
color: #666;
}

#info p {
padding: 4px 0;
}

#client img, #main-content img {
display: block;
float: left;
padding: 4px;
}

#pane-target img {
display: block;
}

#main-content object {
padding: 4px;
}

#sidebar ul {
padding-top: 6px;
}

#sidebar li {
list-style-type: none;
}

/***************************************
Links
-------------------------------------- */

a {
color: #000;
text-decoration: none;
border-bottom: 1px dotted #000;
}

#logo a, .portfolio-nav a, #sidebar a, .portfolio-item a, div.col-120 a, p.read-more a, a.media, h3 a {
border: 0;
}

.portfolio-nav a {
cursor: pointer;
}

#sidebar a {
display: block;
float: left;
width: 130px;
margin-bottom: 8px;
line-height: 12px;
}

#onama #sidebar a {
padding: 3px 0 1px 20px;
background: transparent url(../img/pdf.gif) 0 50% no-repeat;
}

#news #sidebar ul a {
margin-bottom: 4px;
padding: 2px 0 0 13px;
font-size: 11px;
color: #666;
background: transparent url(../img/bg-archive.gif) 0 65% no-repeat;
}

#news #sidebar h4 {			/*	new	*/
float: left;
width: 130px;
font-size: 12px;
font-weight: bold;
padding: 4px 0 0 0;
}

#news #sidebar a.active {	/*	delete	*/
cursor: default;
color: #000;
}

#news #sidebar a:hover {
color: #000;
}

a.media {
display: block;
}

p.read-more a {
color: #666;
}

p.read-more a:hover {
color: #000;
}

/***************************************
Cluetip
-------------------------------------- */

/* global */

.cluetip-arrows {
display: none;
position: absolute;
top: 0;
left: -11px;
height: 22px;
width: 11px;
background-repeat: no-repeat;
background-position: 0 0;
}

#cluetip-extra {
display: none;
}

/* =cluetipClass: 'default' */

.cluetip-default {
background-color: #efefef;
text-align: left;
}

.cluetip-default #cluetip-outer {
position: relative;
margin: 0;
background-color: #efefef;
}

.cluetip-default #cluetip-inner {
padding: 20px;
}

.cluetip-default p {
font-size: 11px;
line-height: 15px;
}

.cluetip-default p.source {
padding-top: 8px;
font-size: 10px;
line-height: 13px;
}

/* default arrows */

.clue-right-default .cluetip-arrows {
background-image: url(../img/darrowleft.gif);
}

.clue-left-default .cluetip-arrows {
background-image: url(../img/darrowright.gif);
left: 100%;
margin-right: -11px;
}

.clue-top-default .cluetip-arrows {
background-image: url(../img/darrowdown.gif);
top: 100%;
left: 50%;
margin-left: -11px;
height: 11px;
width: 22px;  
}  

.clue-bottom-default .cluetip-arrows {
background-image: url(../img/darrowup.gif);
top: -11px;
left: 50%;
margin-left: -11px;
height: 11px;
width: 22px;
}