* { outline: none; }
body { margin: 0; padding: 0; font-family: "Trebuchet MS", arial, helvetica, sans-serif; color: #999; background: #fff url('/images/background.png') repeat-y 50% 50%; }
a { color: #333; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: none; }
h1 a, h2 a { color: #666; }
#page { position: relative; width: 980px; margin: 15px auto; }
#menu { position: absolute; width: 220px; height: 540px; float: left; }

#menu ul { list-style-type: none; margin: 5px 0 80px 55px; padding: 0; }
#menu li a { text-indent: -99999px; display: block; overflow: hidden; width: 120px; height: 37px; background: url('/images/buttons-hr.png') no-repeat 0 0; }
.menu-english li a { background-image: url('/images/buttons-en.png') !important; }

#menu li a#home { background-position: 0 0; }
#menu li a#home:hover { background-position: -120px 0; }

#menu li a#klijenti { background-position: 0 -37px; }
#menu li a#klijenti:hover { background-position: -120px -37px; }
#menu li a#klijenti.selected { background-position: -240px -37px; }

#menu li a#projekti { background-position: 0 -74px; }
#menu li a#projekti:hover { background-position: -120px -74px; }
#menu li a#projekti.selected { background-position: -240px -74px; }

#menu li a#vijesti { background-position: 0 -111px; }
#menu li a#vijesti:hover { background-position: -120px -111px; }
#menu li a#vijesti.selected { background-position: -240px -111px; }

#menu li a#onama { background-position: 0 -148px; }
#menu li a#onama:hover { background-position: -120px -148px; }
#menu li a#onama.selected { background-position: -240px -148px; }

address, #language { color: #666; font: 11px "Trebuchet MS", arial, helvetica, sans-serif; text-align: right; margin-right: 65px; }
address a, #language a { color: #666; }

#appstore { display: block; text-indent: -999999px; overflow: hidden; width: 135px; height: 47px; background: url('/images/availableonappstore.png') no-repeat; margin: 80px 65px 0 0; float: right; }

#language { margin-top: 10px; }
#language a.selected { color: #fff; }

#content { width: 760px; min-height: 540px; height: 1%; overflow: none; float: right; padding-top: 10px; }
.clear { clear: both; }

.column { width: 350px; float: left; margin: 10px 0 0 0; }
.left-bordered { margin: 10px 0 0 30px; }

.article { margin: 0 0 30px 0; height: 1%; overflow: none; }
.article > img { margin: 0 0 15px 0; padding: 0; }
.article h1 { font-family: Dinx; font-size: 28px; color: #666; margin: 0; padding: 0; }
.article h2 { font-family: Dinx; font-size: 24px; color: #666; margin: 0; padding: 0; }
.article p, #open-positions p { font-size: 14px; margin: 15px 0; padding: 0; }
.case-info p { margin: 15px 0 0 0; }

#open-positions h1 { font-family: Dinx; font-size: 24px; color: #666; margin: 0 0 10px 0; padding: 0; }
#open-positions h2 { font-family: Dinx; font-size: 18px; color: #666; margin: 0; padding: 0; }

.social { padding: 5px 10px !important; margin: 0 !important; background: #fff; border-top: 1px solid #eee; font-size: 11px !important; }
.case-info { margin-bottom: 30px; }

#related-links ul { margin: 0; list-style-type: none; padding: 0; font-size: 12px; }
#related-links li { margin: 10px 0 0 0; }
#related-links a { font-size: 14px; }
.override_related { font-size: 24px !important; }

.tags { font-size: 11px; line-height: 22px; }
.tags a { white-space: nowrap; }
.tags .rank5 { font-size: 14px; font-weight: bold; }
.tags .rank4 { font-size: 13px; font-weight: bold; }
.tags .rank3 { font-size: 12px; font-weight: bold; }
.tags .rank2 { font-size: 12px; }
.tags .rank1 { font-size: 11px; }
.tags .more-kws { color: #999; }
#kw-tags .kw1 { display: none; }

.entrytags { font-size: 12px !important; }

.minform { margin: 10px 0 0 0; padding: 0; }
.minform fieldset { margin: 0; padding: 0; border: none; }
.minform input { border: 1px solid #ccc; width: 200px; height: 16px; font-size: 12px; margin: 0; padding: 0 5px; float: left; }
.minform input.submit { width: 18px; height: 18px; vertical-align: center; margin-left: 5px; text-indent: -1000em; cursor: pointer; cursor: hand; background: #ccc url('/images/icons.gif') no-repeat; }

#submit-search { background-position: -1px -1px; }
#submit-subscription { background-position: -1px -19px; }
#submit-rss { background-position: -1px -37px; }
#submit-twitter { background-position: -1px -55px; }
#submit-facebook { background-position: -1px -73px; }

#home-cases { padding: 18px 0; width: 760px; height: 1%; overflow: hidden; margin-bottom: 20px; background-color: #fff; }
#home-cases a { display: block; width: 130px; height: 135px; margin-left: 18px; overflow: hidden; float: left; }
#cases a:hover, #home-cases a:hover { text-decoration: none; color: #000; }
#home-cases h1 { margin: 0 0 18px 18px; display: none; }
#home-cases-container { overflow: hidden; width: 750px; height: 405px; }
#home-case-set { width: 1520px; }
#home-cases .disabled { color: #ccc; }
#home-cases-navigation { text-align: center; font-size: 11px; }
#home-cases-navigation span { cursor: pointer; }

#cases { padding: 10px 0 0 0; margin: 10px 0; background-color: #fff; }
.portfolio-wrapper { padding: 10px 0; background-color: #fff; }

#blog-cases { background: #fff; padding: 10px 0 0 10px; margin: 0 !important; font-size: 24px; color: #666; }

.message { margin: 0 0 20px 0; padding: 10px; background: #fff; }
.message p { padding: 0; margin: 0; font-size: 11px; color: #666; }
.error { background: #f00 !important; }
.error p { color: #fff; }
.error-404 { background-color: #f00 !important; background-repeat: no-repeat; background-position: right bottom; height: 150px; }
.error-404 p { color: #fff; font: italic 30px "Times New Roman", serif; padding: 20px 0 0 15px; }

.searchword { color: #7d3; }

.page-nav { height: 50px; font-size: 11px; word-spacing: -2px; }
.currentPage { color: #000 !important; }

.jcarousel-container { position: relative; padding: 0 50px; }
.jcarousel-clip { position: relative; z-index: 2; padding: 0; margin: 0; overflow: hidden; }
.jcarousel-list { position: relative; z-index: 1; overflow: hidden; top: 0; left: 0; margin: 0; padding: 0; }
.jcarousel-list li,
.jcarousel-item { float: left;  list-style: none;  width: 75px; height: 75px; }
.jcarousel-next { z-index: 3; display: none; }
.jcarousel-prev { z-index: 3; display: none;}

.portfolio-wrapper .jcarousel-container-horizontal { width: 249px; }
.portfolio-wrapper .jcarousel-clip-horizontal { width: 249px; height: 120px; }
.portfolio-wrapper .jcarousel-item { width: 120px; height: 120px; margin-right: 8px; }

#cases .jcarousel-container-horizontal { width: 660px; }
#cases .jcarousel-clip-horizontal { width: 660px; height: 135px; overflow: hidden; }
#cases .jcarousel-item { width: 130px; height: 135px; margin-right: 2px; }
#home-cases .case-description,
#cases .case-description { cursor: pointer; cursor: hand; display: block; width: 110px; height: 45px; margin: 5px 10px 0 10px; font-size: 11px; line-height: 13px; text-align: center; }

.press-forms { margin: 0; padding: 0; border-top: 1px solid #ccc; width: 410px; }
.press-forms label { display: block; margin: 0; padding: 10px 0 4px 0; font-size: 12px; }
.press-forms input { width: 400px; font-size: 14px; margin: 0; padding: 2px 5px; border: 1px solid #999; }
.press-forms textarea { margin: 0; padding: 2px 5px; width: 400px; height: 300px; border: 1px solid #999; }
.press-forms .submit-button { font-size: 18px; font-weight: bold; }

.jcarousel-next-horizontal { position: absolute; top: 0; right: 0; width: 50px; height: 120px; cursor: pointer; background: transparent url('/images/jcarousel/next.gif') no-repeat -5px 0; }
.jcarousel-next-horizontal:hover { background-position: -60px 0; }
.jcarousel-next-horizontal:active { background-position: -115px 0; }
.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -170px 0; }
.jcarousel-prev-horizontal { position: absolute; top: 0; left: 0; width: 50px; height: 120px; cursor: pointer; background: transparent url('/images/jcarousel/prev.gif') no-repeat 0 0; }
.jcarousel-prev-horizontal:hover { background-position: -55px 0; }
.jcarousel-prev-horizontal:active { background-position: -110px 0; }
.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -165px 0; }

#debug { background: #666; color: #fff; position: absolute; width: 400px; overflow: auto; }