/*
                                                 
-> Project: dobbin.hr                    
-> Author: Dobbin			 
-> Copyright (c) 2007. Dobbin
                   					                         
*/

/* CLEARING METHODS
----------------------------------------------------------------------------*/

	.clearfix:after { 
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0; 
		height: 0; 
		}
	
	.clearfix {
		display: inline-block; 
		}
	
	html[xmlns] .clearfix {
		display: block; 
		}
	
	* html .clearfix {
		height: 1%; 
		}
	
	.clear {
		clear: both; 
		}

/* BASE
----------------------------------------------------------------------------*/

	body {
		margin: 0px;
		padding: 0px;
		background: #322f2b url("../../images/bg_spring.jpg") top center no-repeat fixed;
		text-align: center;
		font-size: 62.5%;
		}
	
	html {
		font: normal 1.2em Arial, Verdana, Helvetica, sans-serif;
		color: #1f1f1f;
		text-decoration: none;
		}
	
	p {
		font: normal 1.2em/145% Arial, Verdana, Helvetica, sans-serif;
		margin: 5px 0 10px 0;
		color: #5b5b5b;
		}
	
	.clear {
		clear: both;
		font-size: 0.1em;
		}
	
	a {
		outline: none;
		}
	
	a:hover {
		text-decoration: none;
		}
	
	a:visited {
		text-decoration: none;
		}
	
	.hide {
		display: none;
		}
	
	.show	{
		display: block;
		}
		
		
/* FONTS
----------------------------------------------------------------------------*/
		
	@font-face {
		font-family: 'AniversRegular';
		src: url('../../include/fonts/Anivers_Regular.eot');
		src: local('Anivers Regular'), local('Anivers-Regular'), url('../../include/fonts/Anivers_Regular.woff') format('woff'), url('../../include/fonts/Anivers_Regular.otf') format('opentype');
		}
	
	
/* LAYOUT
----------------------------------------------------------------------------*/
	
	#page-container {
		background: url("../../images/header_background.jpg") top center no-repeat;
		}
	
	#page-wrap {
		width: 960px;
		margin: 0px auto;
		text-align: left;
		}
	
	#header	{
		height: 100px;
		}
	
	#content-container {
		background: #fff url("../../images/bg_content_container.gif") repeat-y 50% 0%;
		margin-top: 64px;
		}
	
	#main-nav {
		height: 64px;
		margin: 0px;
		position: relative;
		top: -64px;
		}
	
	#content-main {
		width: 720px;
		float: left;
		padding: 0px;
		margin: 0px;
		}
	
	#content-main span {
		color: #CF3746;
		}
	
	#content-extract {
		width: 220px;
		float: left;
		}
	
	
/* HEADER
----------------------------------------------------------------------------*/
	
	#header h1 {
		width: 350px;
		margin: 0px;
		padding-top: 20px;
		float: left;
		}
	
	#header h1 a {
		width: 410px;
		height: 63px;
		background: url("../../images/logo_dobbin.gif") no-repeat 0px 0px;
		text-indent: -9999px;
		display: block;
		margin-left: 10px;
		}
	
	#header h1.en a {
		background: url("../../images/logo_dobbin_eng.gif") no-repeat 0px 0px;
		}
		
	#header #contact-data-header {
		float: right;
		border-left: 1px solid #4f4e4b;
		padding-left: 20px;
		height: 70px;
		position: relative;
		top: 20px;
		left: -60px;
		}
		
	#header #contact-data-header p {
		font: normal 0.9em/135% Arial, Verdana, Helvetica, sans-serif;
		color: #969281;
		}
		
	#header #contact-data-header p strong {
		color: #87b33f;
		}
		
	#header #contact-data-header p a {
		color: #c5c2b8;
		}
		
		
/* HEADER SERVICE NAVIGATION
----------------------------------------------------------------------------*/
	
	#header ul {
		width: 200px;
		float: right;
		margin: 12px 0px 0px 0px;
		padding: 40px 5px 0px 0px;
		list-style: none;
		}
	
	#header ul li {
		float: right;
		}
	
	#header ul li.rss {
		border: none;
		}
	
	#header ul li a {
		font: normal 0.9em Arial, Verdana, Helvetica, sans-serif;
		color: #dfdaca;
		text-decoration: none;
		text-transform: uppercase;
		display: block;
		padding: 4px 11px 4px 11px;
		}
	
	#header ul li a:hover {
		text-decoration: underline;
		}

		
/* MAIN NAVIGATION
----------------------------------------------------------------------------*/

	#main-nav {
		margin: 0px ;
		padding: 0px;
		list-style: none;
		}
	
	#main-nav ul {
		margin: 0px ;
		padding: 0px;
		list-style: none;
		}
	
	#main-nav ul li {
		float: left;
		width: auto;
		position: relative;
		top: 14px;
		}
		
	#main-nav ul li.custom, #main-nav ul li.lan {
		float: left;
		width: auto;
		position: relative;
		top: 14px;
		}
		
	#main-nav ul li.custom a, #main-nav ul li.lan a {
		display: block;
		font: normal 1em Arial, Verdana, Helvetica, sans-serif;
		text-shadow: #000 1px 1px 0px;
		color: #dfdaca;
		padding: 15px 10px 15px 10px;
		text-transform: uppercase;
		text-decoration: none;
		background-color: #64655f;
		margin-right: 2px;
		border-top-right-radius: 3px;
		border-top-left-radius: 3px;
		-moz-border-radius-topright: 3px;  
		-moz-border-radius-topleft: 3px;
		-webkit-border-top-right-radius: 3px;
		-webkit-border-top-left-radius: 3px;
		}

	#main-nav ul li a {
		display: block;
		font: normal 1em Arial, Verdana, Helvetica, sans-serif;
		color: #dfdaca;
		padding: 15px 10px 15px 10px;
		text-transform: uppercase;
		text-decoration: none;
		background-color: #464743;
		margin-right: 2px;
		border-top-right-radius: 3px;
		border-top-left-radius: 3px;
		-moz-border-radius-topright: 3px;  
		-moz-border-radius-topleft: 3px;
		-webkit-border-top-right-radius: 3px;
		-webkit-border-top-left-radius: 3px;
		}

	#main-nav ul li a:hover {
		background-color: #88b340;
		text-shadow: #64842f 1px 1px 0px;
		color: #fff;
		}
	
	#main-nav ul li.active a {
		background-color: #88b340;
		text-shadow: #64842f 1px 1px 0px;
		color: #fff;
		}
	
	
/* HEADER IMAGES
----------------------------------------------------------------------------*/
	
	#main-image {
		position: absolute;
		width: 710px;
		height: 200px;
		}
	
	#content-main .home { background: url("../../images/headers/head_home.jpg") no-repeat 0% 0%; }
	#content-main .production { background: url("../../images/headers/head_production.jpg") no-repeat 0% 0%; }
	#content-main .subtitling { background: url("../../images/headers/head_subtitling.jpg") no-repeat 0% 0%; }
	#content-main .util { background: url("../../images/headers/head_util.jpg") no-repeat 0% 0%; }
	#content-main .why { background: url("../../images/headers/head_why.jpg") no-repeat 0% 0%; }
	#content-main .representation { background: url("../../images/headers/head_representation.jpg") no-repeat 0% 0%; }
	#content-main .consulting { background: url("../../images/headers/head_consulting.jpg") no-repeat 0% 0%; }
	
	
/* CONTENT
----------------------------------------------------------------------------*/
	
	#content-main .inner {
		padding: 230px 30px 0 30px;
		position: relative;
		top: -64px;
		}
	
	#content-main a {
		color: #CF3746;
		text-decoration: none;
		}
	
	#content-main a:hover {
		text-decoration: none;
	  border-bottom: none;
		}
	
	#content-main h1 {
		background: url("../../images/h1_bullet.gif") no-repeat 0px 2px;
		font: normal 2.3em Arial, Verdana, Helvetica, sans-serif;
		color: #000;
		margin: 10px 0 25px 0;
		padding-left: 32px;
		position: relative;
		left: -33px;
		}
	
	#content-main h2 {
		font: bold 1.4em Arial, Verdana, Helvetica, sans-serif;
		color: #7ca439;
		}

	#content-main h3 {
		font: normal 1.3em Arial, Verdana, Helvetica, sans-serif;
		color: #CF3746;
		margin: 0 0 50px 0;
		}

	#content-main ul {
		list-style: none;
		padding-left: 15px;
		border-left: 5px solid #edf4df;
		margin: 20px 0 20px 0;
		}
	
	#content-main ul li {
		font: normal 1.2em/135% Arial, Verdana, Helvetica, sans-serif;
		padding: 2px 0 2px 15px;
		background: url("../../images/bullet_list.gif") no-repeat 1px 10px;
		color: #5b5b5b;
		}

	#content-main .newsbox {
		padding: 0px;
		margin-top: 15px;
		}
		
	#content-main .newsbox h3 {
		display: block;
		font: normal 1.8em Arial, Verdana, Helvetica, sans-serif;
		margin: 0px 0 15px 0;
		color: #000;
		border-left: 4px solid #87b33f;
		padding-left: 10px;
		}
	
	#content-main .newsbox h3 span {
		font: normal 0.5em/170% Arial, Verdana, Helvetica, sans-serif;
		text-transform: uppercase;
		color: #000;
		}
	
	
/* CONTENT - WEB PRODUCTION
----------------------------------------------------------------------------*/
	
	#production .row {
		font: bold 0.9em/125% Arial, Verdana, Helvetica, sans-serif;
		margin: 0px 0px 10px 0px;
		clear: left;
		border-bottom: 1px solid #ddebc7;
		padding-bottom: 20px;
		}
	
	#production .column {
		width: 320px;
		float: left;
		margin: 0 11px 25px 0;
		}
		
	#production .column p a {
		font: normal 1em/125% Arial, Verdana, Helvetica, sans-serif;
		}
	
	#production .right {
		margin: 0px;
		}
	
	#production .row img {
		margin-bottom: 20px;
		border-bottom: 5px solid #87b33f;
		}

	#production .row h3 {
		font: bold 1.3em Arial, Verdana, Helvetica, sans-serif;
		color: #000;
		margin: 0 0 5px 0;
		}
	
	#production .row h3 span {
		display: block;
		font: normal 0.9em Arial, Verdana, Helvetica, sans-serif;
		color: #5a5a5a;
		text-transform: none;
		}
	
	#production .row a {
		font: normal 1.1em Arial, Verdana, Helvetica, sans-serif;
		color: #CF3746;
		text-decoration: none;
		}

	#production .column a {
		font: normal 1.3em/140% Arial, Verdana, Helvetica, sans-serif;
		text-decoration: none;
		}
		
	#production .column a:hover {
		text-decoration: underline;
		}
	
	#production .featured {
		padding: 18px 0 18px 0;
		margin: 20px 0 30px 0;
		background-color: #f5f4f3;
		}
	
	#production .featured h3 {
		font: bold 1.2em Arial, Verdana, Helvetica, sans-serif;
		color: #000;
		margin: 0 0 10px 18px;
		}

	#production .featured img {
		margin: 0 0 12px 0;
		}
	
	#production .featured a {
		font: normal 1.2em Arial, Verdana, Helvetica, sans-serif;
		color: #CF3746;
		text-decoration: none;
		margin: 0 0 0 18px;
		}
	
	#production .featured p {
		font: normal 1.15em/140% Arial, Verdana, Helvetica, sans-serif;
		margin: 0 0 10px 18px;
		max-width: 620px;
		}
		
	#production .featured p a {
		font: normal 1.1em/140% Arial, Verdana, Helvetica, sans-serif;
		text-decoration: underline;
		color: #cf3746;
		padding: 0px;
		margin: 0px;
		}
		
	#production .featured p a:hover {
		text-decoration: none;
		}
		
	.h2-spacing {
		margin-top: 30px !important;
		}
	
	
/* CONTENT - HOMEPAGE
----------------------------------------------------------------------------*/

	#homepage p {
		font: normal 1.2em/135% Arial, Verdana, Helvetica, sans-serif;
		}
	
	#homepage p a {
		color: #CF3746;
		text-decoration: none;
	  border-bottom-width: 1px;
	  border-bottom-style: solid;
	  border-bottom-color: #F1C3C8;
		font: normal 1em/135% Arial, Verdana, Helvetica, sans-serif;
		}

	#homepage span {
		color: #CF3746;
		}
		
	#homepage h1 {
		font: normal 2.3em Arial, Verdana, Helvetica, sans-serif;
		color: #000;
		margin: 10px 0 25px 0;
		}
	
	#homepage h2#about {
		font: normal 1.9em Arial, Verdana, Helvetica, sans-serif;
		}
	
	#homepage img.news {
		float: left;
		width: 160px;
		padding: 0px;
		margin: 2px 20px 5px 0;
		border: 3px solid #E9E8E0;
		}
		
	#homepage .news-block-single {
		padding: 0 15px 40px 0;
		background: url("../../images/single_news_bg.gif") no-repeat bottom left;
		}
		
				
/* CONTENT - HOMEPAGE - ABOUT US
----------------------------------------------------------------------------*/

	#about-us {
	 	background-color: #edf4e1;
		color: #000;
		padding: 30px  40px 40px 30px;
		border-radius: 3px;  
		-moz-border-radius: 3px;  
		-webkit-border-radius: 3px;
		margin: 0px;
		}
		
	#about-us p {
		color: #000;
		}
		
	#about-us p a {
		color: #87b33f;
		text-decoration: none;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #87b33f;
		}
		
	#about-us h2 {
		font: normal 2.3em Arial, Verdana, Helvetica, sans-serif;
		color: #000;
		margin: 0 0 20px 0;
		}
		
	img#shadow {
		border: none;
		padding: 0px;
		margin: 0px;
		}
			
		
/* CONTENT - RIGHT
----------------------------------------------------------------------------*/
	
	#content-extract {
		color: #C0BBA1;
		}
	
	#content-extract .inner {
		padding: 18px 10px 10px 10px;
		margin: 0px;
		background: none;
		position: relative;
		top: -64px;
		}
	
	#content-extract h1 {
		font: bold 1.1em Arial, Verdana, Helvetica, sans-serif;
		color: #e1dcce;
		margin-bottom: 6px;

		}
		
	#content-extract h1 span {
		font: normal 0.7em Arial, Verdana, Helvetica, sans-serif;
		text-transform: uppercase !important;
		color: #87b33f;
		margin-bottom: 2px;
		display: block;
		text-transform: none;
		}
		
	#content-extract p {
		font: normal 1em/135% Arial, Verdana, Helvetica, sans-serif;
		color: #9c967a;
		}
		
	#content-extract p a {
		font: normal 1em/135% Arial, Verdana, Helvetica, sans-serif;
		color: #d9d2c0;
		}
	
	#content-extract .item {
		padding: 10px 0px 5px 0px;
		border-bottom: 1px solid #4b4747;
		}
	
	#content-extract .detail {
		color: #d9d2c0;
		text-decoration: underline;
		}
	
	#content-extract .detail:hover {
		text-decoration: none;
		}

/* CONTENT - RIGHT
----------------------------------------------------------------------------*/
	
	#photoblog {
		width: 200px;
		background-color: #000;
		padding: 0 0 7px 0;
		margin: 10px 0 10px 0;
		border-radius: 3px;  
		-moz-border-radius: 3px;  
		-webkit-border-radius: 3px; 
		}
	
	#photoblog .wrap {
		padding: 8px 6px 2px 10px;
		}
	
	#photoblog h2 {
		font: normal 0.75em Arial, Verdana, Helvetica, sans-serif;
		text-transform: uppercase;
		color: #87b33f;
		margin: 0 5px 8px 0;
		}
	
	#content-extract #photoblog ul {
		padding: 10px 7px 7px 0;
		margin: 0px;
		list-style: none;
		}

	#content-extract #photoblog ul li.nav {
		float: right;
		background: none;
		margin: 0 0 0 4px;
		padding: 0px;
		}
	
	#content-extract #photoblog ul li.nav a {
		display: block;
		text-indent: -2000px;
		width: 14px;
		height: 13px;
		}
	
	#content-extract #photoblog ul li.help {
		float: left;
		margin: 0px;
		}
	
	#content-extract #photoblog ul li.help a {
		background: url("../../images/help_button_1.gif") no-repeat 0px 0px;
		}
	
	#content-extract #photoblog ul li.next a {
		background: url("../../images/bullet_navRight.gif") no-repeat 0px 0px;
		}
	
	#content-extract #photoblog ul li.previous a {
		background: url("../../images/bullet_navLeft.gif") no-repeat 0px 0px;
		}
		
/* FOOTER
----------------------------------------------------------------------------*/

	#footer {
		background-color: #000;
		padding: 20px 0 20px 0;
		background: #000 url("../../images/crane_footer_large.gif") no-repeat 420px -10px;
		border-top: 5px solid #88b340;
		}
		
	#footer p {
		font: normal 1em/145% Arial, Verdana, Helvetica, sans-serif;
		color: #a09a7e;
		}
		
	#footer p a {
		text-decoration: underline;
		color: #d9d2c0;
		}
		
	#footer p a:hover {
		text-decoration: none;
		}
		
	#footer h3 {
		font: normal 1.1em/135% Arial, Verdana, Helvetica, sans-serif;
		text-transform: uppercase;
		color: #e1dcce;
		margin: 0px;
		padding: 0px;
		}
		
	#footer h3 span {
		font: normal 0.75em/135% Arial, Verdana, Helvetica, sans-serif;
		text-transform: uppercase;
		color: #87b33f;
		}
		
	#contact-data {
		float: right;
		width: 228px;
		padding-left: 20px;
		border-left: 1px solid #383936;
		}
		
	#crane {
		float: left;
		width: 420px;
		padding-left: 30px;
		}
		
/* COPYRIGHT
----------------------------------------------------------------------------*/

	#copyright {
		font: normal 0.8em/135% Arial, Verdana, Helvetica, sans-serif;
		color: #9ab747;
		}
		
		
/* IMAGE OVERLAYS
----------------------------------------------------------------------------*/

#kilimanjaro-news-thumbnail {
	background: transparent url("../../images/news/kili2009.jpg") top left no-repeat;
	}
	
#olimpijskaklasa-news-thumbnail {
	background: transparent url("../../images/news/zdenko.gif") top left no-repeat;
	}