/*	-------------------------------------------------------------
	Position
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
body {
background-color: #fff;
font-family: "Arial", " Verdana",  " Tahoma", Serif;
font-size: 12px;
color: #444444;
border: 0px;
margin: 0px;
padding: 0px;
text-align: center;
}

#container
{
width: 740px;
margin:0px auto;
padding: 0px;
text-align: left;
}
#header {
	height: 189px;
	width: 740px;
	margin-top: 22px;
	margin-bottom: 22px;
	
	
	background-image: url(images/bg_header.gif);
background-position: top left;
background-repeat: repeat-x;

}
#special_message{
	position:absolute;
	left:28px;
	width:600px;
	top:-240px;
	z-index:1;
	color:red;
	font-size:large;
	font-family:"Tahoma";
	text-align:center;
	border:3px solid #777;
	background-color:#ddd;
	padding:24px;
	display:none;
}

/*	-------------------------------------------------------------
 logo
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#logo{
float: left;
	width: 232px;
	height: 189px;

background-image: url(images/logo_dakic_on_line.gif);
background-position: 0px 0px;
background-repeat: no-repeat;

margin: 0px;
}

#logo a{
	width: 232px;
	height: 189px;
	position: relative;
	display: block;
	/*  IE 5 Hack \*/
	overflow: hidden;
	/* end hack */ 
}

#logo a:link, #logo a:visited{
text-indent: -9999px;}

#logo h1{
background-image: none;	
}



/*	-------------------------------------------------------------
claim
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#claim{
float: left;
	width: 486px;
	height: 181px;

background-image: url(images/claim.gif);
background-position: 0px 0px;
background-repeat: no-repeat;

margin-left: 22px;
text-indent: -9999px;
}

/*	-------------------------------------------------------------
 top navigation
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#top_nav{
float: left;
	width: 486px;
	margin-left: 22px;
	height: 8px;
	
	background-image: url(images/bg_nav.gif);
background-position: 10px 0px;
background-repeat: no-repeat;
}	

#top_nav li{
display: inline; 
float:left;
}
#nav_ul {
float: left;
	height: 36px;
	list-style-type: none;
	list-style-image: none;
	padding: 0 0 0 0;
	margin: 0px;
	display: inline;
}

#nav_ul a{
height: 36px;
	
	position: relative;
	display: block;
	/*  IE 5 Hack \*/
	overflow: hidden;
	/* end hack */ 
}

#nav_home, #nav_home_on{ width: 48px;  height: 8px;margin-left: 127px;}
#nav_profile, #nav_profile_on {width: 69px; height: 8px; margin-right: 0px;}
#nav_services, #nav_services_on {width: 75px; height: 8px; margin-right: 0px;}
#nav_contact, #nav_contact_on {width: 82px; height: 8px;}
#nav_solutions, #nav_solutions_on {width: 85px; height: 8px;}


#nav_home a, #nav_home_on a {width: 48px; height: 8px;}
#nav_profile a, #nav_profile_on a {width: 69px; height: 8px;}
#nav_services a, #nav_services_on a {width: 75px; height: 8px;}
#nav_solutions a, #nav_solutions_on a {width: 85px; height: 8px;}


#nav_home a:link, #nav_home a:visited { background: url(images/nav_home.gif) no-repeat;text-indent: -9999px; }
#nav_profile a:link, #nav_profile a:visited { background: url(images/nav_profile.gif) no-repeat;text-indent: -9999px; }
#nav_services a:link, #nav_services a:visited { background: url(images/nav_services.gif) no-repeat;text-indent: -9999px; }
#nav_contact a:link, #nav_contact a:visited { background: url(images/nav_contact.gif) no-repeat;text-indent: -9999px; }
#nav_solutions a:link, #nav_solutions a:visited { background: url(images/nav_solutions.gif) no-repeat;text-indent: -9999px; }

#nav_home a:hover { background: url(images/nav_home_on.gif) no-repeat;text-indent: -9999px; }
#nav_profile a:hover { background: url(images/nav_profile_on.gif) no-repeat;text-indent: -9999px; }
#nav_services a:hover { background: url(images/nav_services_on.gif) no-repeat;text-indent: -9999px; }
#nav_contact a:hover { background: url(images/nav_contact_on.gif) no-repeat;text-indent: -9999px; }
#nav_solutions a:hover { background: url(images/nav_solutions_on.gif) no-repeat;text-indent: -9999px; }

#nav_home_on a:link, #nav_home_on a:visited { background: url(images/nav_home_on.gif) no-repeat;text-indent: -9999px; }
#nav_profile_on a:link, #nav_profile_on a:visited { background: url(images/nav_profile_on.gif) no-repeat;text-indent: -9999px; }
#nav_services_on a:link, #nav_services_on a:visited { background: url(images/nav_services_on.gif) no-repeat;text-indent: -9999px; }
#nav_contact_on a:link, #nav_contact_on a:visited { background: url(images/nav_contact_on.gif) no-repeat;text-indent: -9999px; }
#nav_solutions_on a:link, #nav_solutions_on a:visited { background: url(images/nav_solutions_on.gif) no-repeat;text-indent: -9999px; }





/*	-------------------------------------------------------------
services
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	h2{
	margin: 0px;
	padding: 0px;
	font-size: 15px;
}
/*	produce website -	*/
#services_website a{
float: left;
margin-top: 0px;
margin-right: 22px;
		width: 232px;
	height: 189px;
	
	position: relative;
	display: block;
	/*  IE 5 Hack \*/
	overflow: hidden;
	/* end hack */ 
}
#services_website a:link, #services_website a:visited {
background-image: url(images/feature_produce_website.gif);
background-position: top left;
background-repeat: no-repeat;
margin-top: 0px;
text-indent: -9999px;
}
#services_website a:hover{
background-image: url(images/feature_produce_website_on.gif);
background-position: top left;
background-repeat: no-repeat;
margin-top: 0px;
text-indent: -9999px;
}



/*	online store -	*/

#services_store a{
float: left;
margin-right: 22px;
margin-top: 0px;
width: 232px;
height: 189px;
	
	position: relative;
	display: block;
	/*  IE 5 Hack \*/
	overflow: hidden;
	/* end hack */ 
}
#services_store a:link, #services_store a:visited {
background-image: url(images/feture_online_store.gif);
background-position: top left;
background-repeat: no-repeat;
margin-top: 0px;
text-indent: -9999px;
}
#services_store a:hover{
background-image: url(images/feture_online_store_on.gif);
background-position: top left;
background-repeat: no-repeat;
margin-top: 0px;
text-indent: -9999px;
}


/*	cms -	*/

#services_cms a{
float: left;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 22px;
width: 232px;
height: 189px;
	
	position: relative;
	display: block;
	/*  IE 5 Hack \*/
	overflow: hidden;
	/* end hack */ 
}
#services_cms a:link, #services_cms a:visited {
background-image: url(images/feature_cms.gif);
background-position: top left;
background-repeat: no-repeat;
margin-top: 0px;
text-indent: -9999px;
}
#services_cms a:hover{
background-image: url(images/feature_cms_on.gif);
background-position: top left;
background-repeat: no-repeat;
margin-top: 0px;
text-indent: -9999px;
}


/*	-------------------------------------------------------------
titles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	h2{
	margin: 0px;
	padding: 0px;
}
/*	latest news at dakic online -	*/
#title_latest_news a{
float: left;
margin-top: 0px;
margin-right: 22px;
		width: 486px;
	height: 24px;
	
	position: relative;
	display: block;
	/*  IE 5 Hack \*/
	overflow: hidden;
	/* end hack */ 
}
#title_latest_news a:link, #title_latest_news a:visited {
background-image: url(images/title_latest_news.gif);
background-position: top left;
background-repeat: no-repeat;
margin-top: 0px;
text-indent: -9999px;
}

/*	welcome to dakic online -	*/
#title_welcome {
float: left;
margin-top: 0px;
margin-bottom: 6px;
margin-right: 22px;
		width: 486px;
	height: 24px;
	
	background-image: url(images/title_welcome.gif);
background-position: top left;
background-repeat: no-repeat;
	
	position: relative;
	display: block;
	/*  IE 5 Hack \*/
	overflow: hidden;
	/* end hack */ 
	text-indent: -9999px;
}


#title_feedback{
float: left;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
		width: 232px;
	height: 41px;
	
	background-image: url(images/title_feedback.gif);
background-position: top left;
background-repeat: no-repeat;
	
	position: relative;
	display: block;
	/*  IE 5 Hack \*/
	overflow: hidden;
	/* end hack */ 
	text-indent: -9999px;
}





/*	-------------------------------------------------------------
content
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.content{
clear: both;
float: left;
	width: 740px;
	
margin-top: 0px;
padding: 0px;
background-color: #fff;
color: inherit;
background-image: url(images/bg_content.gif);
background-position: top right;
background-repeat: repeat-y;
}

.content_profile{
clear: both;
float: left;
	width: 740px;
	
margin-top: 0px;
padding: 0px;
background-color: #fff;

background-image: url(images/bg_content.gif);
background-position: top left;
background-repeat: repeat-y;
}

.content_profile #copy {
	float: left;
	margin: 0px 0px 60px 17px; 
	width: 476px;
}

.content_profile #copy p{
    text-align: justify;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 24px;
}
.profile_text{
	width: 487px;
	float: right;
	margin-top: 5px;
	margin-bottom: 15px;
	font-size:1.2em;
}
.content_profile h1{
	width: 487px;
	float: right;
	margin-bottom: 0px;
}

/*	-------------------------------------------------------------
news items
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
.news_container{
width: 210px;
float: left;
/* background-image: url(images/bg_news_content.gif); 
background-position: top left;
background-repeat: repeat-y;*/
	
}

.news_item{
margin-top: 15px;
margin-bottom: 10px;
width: 200px;
margin-right: 10px;
font-size: 12px;
}

.news_item  img{
 border: solid #f4f4f4;
	border-width : 5px;
}

.news_item  img:hover{
 border: solid #e3e3e3;
	border-width : 5px;
}

.news_item p{
	width: 480px;
	margin: 0px;
	padding: 0px;
	text-align: justify;
}

.news_item h1{
	width: 480px;
	font-size: 14px;
	font-weight:bold;
}

/*	-------------------------------------------------------------
      Footer
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#footer{
	width: 740px;
	height: 40px;
	margin-bottom: 22px;
	margin-top: 0px;
	background-image: url(images/bg_footer.gif);
	background-position: top left;
	background-repeat: no-repeat;
	clear: both;
	font-size: 12px;
	color: #7F7F7F;
	text-align:center;
	padding:40px;
}


#footer p{
	margin: 0px;
	padding: 0px;
	line-height: 40px;
}

#footer a{
	color: #333;
}



/*	-------------------------------------------------------------
   Generic elements
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.intro_text{


float: left;
margin-top: 5px;
margin-bottom: 0px;
margin-right: 0px;
		width: 486px;
	height: 210px;
	
	background-image: url(images/intro_text.gif);
background-position: top left;
background-repeat: no-repeat;
	
	position: relative;
	display: block;
	/*  IE 5 Hack \*/
	overflow: hidden;
	/* end hack */ 
	text-indent: -9999px;
}


	
	 img{
	border: 0px;
}
	
	p{
	line-height: 22px;
	margin: 0px;
}
	
	a{
	color: #0975DA;
	margin: 0px;
}

h1{
	font-size: 20px;
	font-weight: normal;
	color: #1F8CCA;
	margin: 0px 0 5px 0;
	

}

#header h1{
	margin: 0px;
	
	

}

	.red_font{
	color: #F91C1C;
}

h3{
	margin: 0;
	padding: 0;
	color: #1888bc;

}


/* Zeljkovi stilovi */
.headline {
	font-size: 1.5em;
	color: #1F8CCA;
	margin: 2px 10px 5px 0;
	padding-top:10px;
	padding-bottom:10px;
	
	width: 487px;
	height: 25px;
	line-height: 25px;
	
	background-image: url(images/bg_h1.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

.headline2 {
	font-size: 1em;
	font-weight:bold;
	font-variant:small-caps;
	color: #1F8CCA;
	margin: 2px 10px 5px 0;
	
	width: 487px;
	height: 25px;
	line-height: 25px;	
}

.statcounter{
	text-indent: -9999px;
	display: none;
	
}


/*	-------------------------------------------------------------
    Subnavigation
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.subnav_wraper{
	float: left;
	margin:0 0  22px 0;
	
    background-image: url(images/bg_subnav.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
	.subnav, .domtab{
	width: 247px;
	min-height: 165px;
	
	 background-image: url(images/bg_subnav_linexxx.gif);
	background-position: top left;
	background-repeat: repeat-y;
}

	.subnav_bottom{
	width: 247px;
    height: 24px;
	
	background-image: url(images/bg_subnav_bottom.gif);
	background-position: top left;
	background-repeat: no-repeat;
}


.subnavigation_ul, .domtabs    {
     width: 231px;
	 
	 margin: 0px 0  0px 16px;
	 padding: 24px 0 0 0;
	 
     list-style-type: none;
     list-style-image: none;
}

.subnavigation_ul li, .domtabs li{

}

.subnavigation_ul a, .domtabs a {
	width: 231px;
	
    line-height: 25px;
	text-indent: 7px;
	color: #7b7b7b;
	display: block;
	font-size: 12px;
	text-decoration: none;
}

.subnavigation_ul a:link, .subnavigation_ul a:visited, .domtabs a:link, .domtabs a:visited { 
background: url(images/nav_subnav.gif) no-repeat;
background-position: bottom left;
 }
 
.subnavigation_ul a:hover, .domtabs a:hover  { background: url(images/nav_subnav_on.gif) no-repeat; color: #fff;}

#subnav_on, #subnav_on a{
	background: url(images/nav_subnav_on.gif) no-repeat; 
	color: #fff;
}

		ul.domtabs li.active a:link,
		ul.domtabs li.active a:visited,
		ul.domtabs li.active a:active,
		ul.domtabs li.active a:hover{
			background: url(images/nav_subnav_on.gif) no-repeat; 
	color: #fff;
		}



/*	-------------------------------------------------------------
    services page
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	


	
	.services_text{
	float: left;
	margin: 0px 22px 0px 7px;

	width: 231px;
	min-height: 214px;
	
	background-image: url(images/bg_text.gif);
	background-position: top left;
	background-repeat: no-repeat;
}





	.services_text2{
	float: left;
	margin: 0px 0px 0px 7px;
	width: 485px;
	min-height: 214px;
	
	background-image: url(images/bg_text2.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

	.services_text_medium{
	float: left;
	margin: 0px 20px 0px 7px;

	width: 309px;
	min-height: 214px;
	
	background-image: url(images/bg_text_medium.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

.services_text_medium div{
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-top: 20px;
	font-size: 14px;
	text-align: justify;
}



/*	-------------------------------------------------------------
team
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
		.team_text{
	

}


	.team_text p, .team_text2 p{

	font-size: 12px;
	color: #a8a8a8;
	text-align: left;
	
}




	
		.team_text h2, .team_text2 h2{
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 10px;
	font-size: 14px;
	color: #1888bc;
}

	.team_text span, .team_text2 span{
		font-size: 14px;


color: #000;
}



		.team_text2{
		
	float: left;
	margin: 0px 0px 24px 0px;
	border-bottom: solid #d8d8d8 1px;
    width: 100%;

}


/*	-------------------------------------------------------------
    title
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
		.title_services h1, .title_profile h1, .title_contact h1, .title_solutions h1{
	text-indent: -9999px;
}
	
	.title_services{
	left: 50%;
	top: -10px;
	margin-left: -380px;
	position: absolute;
	width: 740px;
	height: 119px;
	
	background-image: url(images/title_top_services.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

.title_solutions{
	left: 50%;
	top: -10px;
	margin-left: -380px;
	position: absolute;
	width: 740px;
	height: 119px;
	
	background-image: url(images/title_top_solutions.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

	.title_profile{
	left: 50%;
	top: -10px;
	margin-left: -380px;
	position: absolute;
	width: 740px;
	height: 119px;
	
	background-image: url(images/title_top_profile.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

	.title_contact{
	left: 50%;
	top: -10px;
	margin-left: -380px;
	position: absolute;
	width: 740px;
	height: 119px;
	
	background-image: url(images/title_top_contact.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

	.title_blog{
	left: 50%;
	top: -10px;
	margin-left: -380px;
	position: absolute;
	width: 740px;
	height: 119px;
	
	background-image: url(images/title_top_blog.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

.title_blog a{
   display: block;
   width: 740px;
	height: 119px;
	text-indent: -9999px;
}

/*	-------------------------------------------------------------
contact page
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.contact_images{
	width: 232px;
	float: left;
	
}

.contact_content{
	width: 232px;
	float: left;
	margin-left: 22px;

}

.contact_content p{
	line-height: 20px;
	font-size: 14px;
}

.contact_content h2{
	color: #f17229;
	font-size: 15px;
}

.contact_form{
	width: 232px;
	height: 400px;
	float: left;
	margin-left: 22px;
	background-color: #f4f4f4;
	
	background-image: url(images/bg_form.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	margin-bottom: 19px;
	color: #818181;
	display: inline;

}

/*	-------------------------------------------------------------
form
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/


.contact_form2_ul {
     float: left;
     width: 200px;
	 margin: 0px 0  0px 17px;
	 padding: 0px 0px 0 0px;
     list-style-type: none;
     list-style-image: none;

font-size: 12px;

}

.contact_form2_ul li{
margin-bottom: 20px;
margin-top: 10px;
}

.contact_form2_ul textarea{
	width: 196px;
	height: 138px;
    overflow: auto;
	
		border: 2px solid #dbdada;
	
	background-color: #fff;
	font-family: arial;
	font-size: 12px;
	

}

.submit_button2{
	width: 67px;
	height: 24px;
	float: right;
	border: 0px;
	margin-right: 0px;	
}

.inputf{
	width: 196px;
	height: 21px;
	padding: 0px;
	border: 2px solid #dbdada;
	
	background-color: #fff;
}


.contact_content span{
font-size: 12px;
	width: 55px;
	display: inline-block;
	color: #aeaeae;
}

.none{
	display: none;
}

/*	-------------------------------------------------------------
   Sifr
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */



.sIFR-hasFlash .services_text_medium h2 {
	visibility: hidden;
	
	color: #074f78;
	letter-spacing: 0px;
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: -5px;
clear: both;
}

.sIFR-hasFlash .contact_content h2 {
	visibility: hidden;
	
	color: #074f78;
	letter-spacing: 0px;
	font-size: 18px;
	margin-top: -3px;
	margin-bottom: -5px;
clear: both;

}

.sIFR-hasFlash #copy h2 {
	visibility: hidden;
	
	color: #074f78;
	letter-spacing: 0px;
	font-size: 28px;
	margin-top: -3px;
	margin-bottom: -5px;
clear: both;


}


/*	-------------------------------------------------------------
   text_ul
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.text_ul{
    list-style-type: none;
	margin: -24px 0 24px 0;
	padding: 0;
	

}

.text_ul li{
   padding-left: 18px;
   font-size: 14px;
   line-height: 24px;
   color: #000;
   
       	background-image: url(images/ul_text.gif);
background-position: 0px 7px;
background-repeat: no-repeat;
}

.team_image{
	border: solid #f4f4f4 5px;
	float: left;
	margin: 0 15px 0 0;
}

/*	-------------------------------------------------------------
   footer columns
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/


#preeFooterBg{
   margin: 0 0 0px 0;
   background-image: url(images/bg_footer.gif);
   background-position: top left;
   background-repeat: no-repeat;
   width: 740px:
   height: 8px;
   clear: both;
line-height: 8px;
}

#preeFooter{
	clear: both;
	width: 100%;
	background-color:#E4F0F6;
	margin: 0 0 0px 0;
	padding: 20px 0 20px 0px;
	float: left;
}

#preeFooter ul{
	margin-left:4px;
	padding-left:4px;
	list-style-type:square;
}

#preeFooter .footerColumn ul{
list-style-type: none;
padding: 0 0 0 0;
margin: 0 0 0 0;
}


#preeFooter .footerColumn ul li{
padding: 0 0 0 0;
}



#preeFooter .footerColumn ul li a{
border-bottom: 1px solid #c2e3f2;
display: block;
padding: 5px 0 5px 0;
text-decoration: none;
}

#preeFooter .footerColumn ul li a:hover{
   color: #000;
}

.footerColumn{
   width: 220px;
   margin: 0 0 0 20px;
   float: left;
}

.footerColumn h2{
   color: #1f8cca;
}

.footerColumn h3{
   color: #000;
}

.footerColumn p{
   line-height: 18px;
   margin: 0 0 18px 0;
}

.footerColumn h3 span{
   color: #74a6bd;
}

.news_item img{
	padding:0;
}