/*************************/
/*       TAJGOPROM       */
/*************************/


/* ----- CSS RESET ----- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
* {outline:none;}


/* ----- Tajgoprom.hr ----- */

/*#left_menu,#colored_column { height: 862px; }*/

body {
	background: url(img/body-bg.jpg) repeat;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
}

a, a:visited {
	text-decoration:none;
	color:#f47920;
	cursor:pointer;
	}
	
a:hover {
	text-decoration:underline;
	}

#container {
	width:920px;
	margin:20px auto;
	}
	
#content { 
	clear:both;
	float:none;
	}
	
#top-links, #footer {
	font-size:12px;
	color:#888;
	}
	

#footer {
	padding:40px 0;
	clear:both;
	}
	
		/*#footer*/ .menu { float:left; width:80%}
		/*#footer*/ .authors { float:right; position:relative; padding-right:105px; }
		
					a.designeus { 
						display:-moz-inline-box; display:inline-block; 
						width:100px; height:29px; 
						text-indent:-9999px; 
						background:url(img/logo-designeus.png) no-repeat;
						position:absolute; top:-8px; right:0;
						}
						
					a.designeus:hover { background-position:left -29px; }

#top_glow, #bottom_glow { width:100%; height:11px; background:url(img/top-bottom-glow.png) no-repeat }

		#top_glow { background-position:top right}
		
		#bottom_glow { background-position:bottom right; clear:left; }
	
#left_menu,#colored_column,#colored_column-kclassic,#header,#catalogue_orange,#catalogue_darkred,#catalogue_khaki,#catalogue_grey,#catalogue_darkgrey,a.logo,#header h1,#contact-info {float:left}
	
#left_menu {
	width:82px;
	background:url(img/left_menu-bg.png) no-repeat top right;
	}
	
		a.home_link, a.home_link:visited {
			width: 56px; height:61px;
			background:url(img/link-home-bg.png) no-repeat top;
			margin:28px 0 10px 26px;
			display:block;
			}
		
		a.home_link:hover { background-position: bottom }
		
		
		#left_menu ul { list-style-type:none }
		
		#left_menu ul li {  }
		
		#left_menu ul li a, #left_menu ul li a:visited {
			width:60px;
			height:28px;
			background:url(img/links-items-bg.png) no-repeat;
			font-size:12px;
			line-height:14px;
			color:#eee;
			text-decoration:none;
			padding:21px 6px 17px 16px;
			display: block;
			text-align:right;
			}
			
		#left_menu ul li a:hover { color:#fff; }
			
		#left_menu ul li a.top_tab, #left_menu ul li a.top_tab:visited { background-position: 2px 0; padding-top: 24px; padding-bottom:14px; }
		
			#left_menu ul li a.top_tab:hover { background-position: -88px 1px }
		
		#left_menu ul li a.middle_tab, #left_menu ul li a.middle_tab:visited  { height:27px; background-position: 2px -66px; }
			
			#left_menu ul li a.middle_tab:hover { background-position: -88px -65px }
			
		#left_menu ul li a.bottom_tab, #left_menu ul li a.bottom_tab:visited { background-position: 2px -131px; }
		
			#left_menu ul li a.bottom_tab:hover { background-position: -88px -130px }
			
		#left_menu ul li a.top_tab_active { background-position: -173px 0px; padding-top: 24px; padding-bottom:14px; }
		
		#left_menu ul li a.tab_kmoderna_active { background-position: -173px -65px; height:27px; }
		
		#left_menu ul li a.tab_kexclusive_active { background-position: -173px -130px; height:27px; }
		
		#left_menu ul li a.tab_ssobe_active {  background-position: -173px -195px; height:27px; }
		
		#left_menu ul li a.bottom_tab_active {  background-position: -173px -260px; height:27px; }
		
				#left_menu ul li a.top_tab_active,
				#left_menu ul li a.tab_kmoderna_active,
				#left_menu ul li a.tab_kexclusive_active,
				#left_menu ul li a.tab_ssobe_active,
				#left_menu ul li a.bottom_tab_active { font-weight:bold; color:#fff; }
		
		
		
	
#colored_column { width:16px; background-color:#222; margin:0; padding:0; }
		
#header { height:93px; margin-bottom:20px; width: 100%; }

		a.logo { 
			background:url(img/logo.png) no-repeat;
			display:block;
			}
			
			a.logo, #contact-info { width:206px; height:93px }
		
		#header h1 {
			margin:42px 12px 0 16px;
			font-size:10px;
			line-height:16px;
			letter-spacing:4px;
			color:#bbb;
			}
		
		#contact-info {	}

				#contact-info a.phone, #contact-info a.mobile, #contact-info a.address, #contact-info a.email,
				#contact-info a.phone-active, #contact-info a.mobile-active, #contact-info a.address-active, #contact-info a.email-active { 
					background:url(img/contact-info-bg.png) no-repeat;
					width:30px; height:45px;
					margin: 0px 0 16px 4px;
					float:right;
					}
				
				#contact-info a.phone, #contact-info a.phone:visited { background-position: 0 0 }
				#contact-info a.mobile, #contact-info a.mobile:visited { background-position: -34px 0 }
				#contact-info a.address, #contact-info a.address:visited { background-position: -68px 0 }
				#contact-info a.email, #contact-info a.email:visited { background-position: -102px 0 }
				
				#contact-info a.phone:hover { background-position: 0 -45px }
				#contact-info a.mobile:hover { background-position: -34px -45px }
				#contact-info a.address:hover { background-position: -68px -45px }
				#contact-info a.email:hover { background-position: -102px -45px }
				
				#contact-info a.phone-active { background-position: 0 -90px }
				#contact-info a.mobile-active { background-position: -34px -90px }
				#contact-info a.address-active { background-position: -68px -90px }
				#contact-info a.email-active { background-position: -102px -90px }
				
				#contact-info .phone-info, #contact-info .mobile-info, #contact-info .address-info, #contact-info .email-info  { 
					display:block; 
					clear:right; 
					text-align:right; 
					font-size:12px; 
					color:#fe7e21; 
					}
	
#catalogue_orange, #catalogue_darkred, #catalogue_khaki, #catalogue_grey, #catalogue_darkgrey {
	width:674px;
	padding:0 74px 0 90px;
	background-repeat:repeat-y;
	}
	
		#catalogue_orange { background:url(img/catalogue-bg-orange.png) }
		#catalogue_darkred { background:url(img/catalogue-bg-darkred.png) }
		#catalogue_khaki { background:url(img/catalogue-bg-khaki.png) }
		#catalogue_grey { background:url(img/catalogue-bg-grey.png) }
		#catalogue_darkgrey { background:url(img/catalogue-bg-darkgrey.png) }
	
	
		#catalogue_orange p, #catalogue_darkred p, #catalogue_khaki p, #catalogue_grey p, #catalogue_darkgrey p {	font-size:13px; clear: left; }
		
		#categories a, #categories a:visited { color:#fff; }
			
		#categories a:hover { color:#FF7F21; text-decoration:none }
		
		a.kuhinje-classic, 
		a.kuhinje-moderna,
		a.kuhinje-exclusive,
		a.dnevni-boravci,
		a.spavace-sobe,
		a.ugradbeni-ormari,
		a.poslovni-prostori { 
			float:left; 
			padding:163px 0px 7px 0px;
			width:206px; height:22px;
			margin-top:24px;
			background-position:left;
			background-repeat:no-repeat;
			display:block;
			}
			
		a.kuhinje-classic,
		a.kuhinje-moderna,
		a.dnevni-boravci,
		a.spavace-sobe { margin-right: 16px }
		
		a.poslovni-prostori { margin-left: 221px }
			
		a.kuhinje-classic { background-image:url(img/kuhinje-classic.jpg) }
		a.kuhinje-moderna { background-image:url(img/kuhinje-moderna.jpg) }
		a.kuhinje-exclusive { background-image:url(img/kuhinje-exclusive.jpg) }
		a.spavace-sobe { background-image:url(img/spavace-sobe.jpg) }
		a.dnevni-boravci { background-image:url(img/dnevni-boravci.jpg) }
		a.ugradbeni-ormari { background-image:url(img/ugradbeni-ormari.jpg) }
		a.poslovni-prostori { background-image:url(img/poslovni-prostori.jpg) }
		
		a.kuhinje-classic:hover, 
		a.kuhinje-moderna:hover,
		a.kuhinje-exclusive:hover,
		a.spavace-sobe:hover,
		a.dnevni-boravci:hover,
		a.ugradbeni-ormari:hover,
		a.poslovni-prostori:hover { background-position:right; border-color: #fff; }
		
	
/* ----- PRODUCT -----*/

#product h2, #company h2 { font-size:28px; margin-bottom:18px; }

#product h2 { text-align:right; }
	
#slideshow {
	clear:both;
	text-align:center;
	}
	
	#slideshow img {
		padding:9px;
		border:1px solid #fff;
		}
	
#product p {
	margin-top: 30px; }
	
	
#colored_column-kclassic, #colored_column-kmoderna, #colored_column-kexclusive, #colored_column-ssobe, #colored_column-pprostori { width:16px; float:left }
	
#colored_column-kclassic { background-color:#ed6522 }
#colored_column-kmoderna { background-color:#8e181b }
#colored_column-kexclusive { background-color:#956e4a }
#colored_column-ssobe { background-color:#5b5b53 }
#colored_column-pprostori { background-color:#cd5227 }

/*----- COMPANY -----*/

#company h2 { text-align:left; margin-top:12px; }

#company p { margin: 10px 0; font-size:16px; }

#bottom_picture { margin: 20px 0; text-align:center; }

/*----- CONTACT -----*/

#contact { 
	padding-left:74px;
	margin:50px 0 68px;
	 }
	 
#contact h3 { font-size:25px; margin:10px 0 0 0; }
	 
#contact p { font-size:16px; margin-top:16px;}

	#contact-form {
		padding:10px;
		float:left;
		font-size:14px; 
		}
	
	#contact-form {
		margin-bottom:60px;
		}
		
#contact table { 
/*	background-color:#222222;*/
	width:100%;
	}

#contact td { 
	border:none;
	height:32px;
	}
	
.label { 
	text-align:right; 
	padding-right:10px;
	width:110px;
	font-size:14px; 
	}
	
	input, textarea {
		border: 1px solid #fff;
		margin-bottom:5px;
		padding:3px;
		font-size:13px;
		color: #000;
		font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
		background:#fff url(img/contact-form-input-bg.png) repeat-x top;
		}
		
	.button { width:120px; background: #ccc; font-weight: bold; margin-top:10px;}
	
	.button:hover {
		background:#f47920;
		color: #000;
		cursor:pointer;
		border:1px solid #ccc;
		}
		
#map_canvas { color:#000; width:674px; height: 450px; }