body { background: #f8f8f8; font-family: "Tahoma", Arial, sans-serif; background: #fff url('../images/layout/bg_body.gif') center repeat-y;}
	
	#container { width: 999px; margin: 0 auto; }
	
	/* =Header
	----------------------------------------------- */
	#header { background: url('../images/layout/bg_header.jpg') no-repeat; width: 999px; height: 286px; position: relative; }
		#header h1 { padding: 9px 0 0 10px; }
		#header h1 a { display: block; background: url('../images/headings/h1_logo.gif') no-repeat; width: 292px; height: 39px; text-indent: -5000px; }
		#header h2 { background: #007a00 url('../images/headings/h2_boje_i_lakovi.gif') no-repeat; width: 329px; height: 45px; text-indent: -5000px; position: absolute; top: 128px; right: 195px; }
		#header p { font-size: 10px; font-weight: bold; color: #007a00; position: absolute; top: 32px; right: 24px; }
		
		#main-nav { position: absolute; top: 187px; left: 0; }
		#main-nav li { display: inline; }
		#main-nav li a { display:block; float: left; height: 59px; text-indent: -5000px; background: #007a00; }
		#main-nav li.nav-item-1 a { background: #007a00 url('../images/nav/main_nav_naslovnica.gif') no-repeat; width: 120px; }
		#main-nav li.nav-item-2 a { background: #007a00 url('../images/nav/main_nav_usluge.gif') no-repeat; width: 98px; }
		#main-nav li.nav-item-3 a { background: #007a00 url('../images/nav/main_nav_proizvodi.gif') no-repeat; width: 123px; }
		#main-nav li.nav-item-4 a { background: #007a00 url('../images/nav/main_nav_cjenik.gif') no-repeat; width: 121px; }
		#main-nav li.nav-item-5 a { background: #007a00 url('../images/nav/main_nav_reference.gif') no-repeat; width: 121px; }
		#main-nav li.nav-item-6 a { background: #007a00 url('../images/nav/main_nav_kontakt.gif') no-repeat; width: 104px; }
		#main-nav li a:hover, #main-nav li a.current-page { background-position: right; }
	
	/* =Content
	----------------------------------------------- */
	#content { background: url('../images/layout/bg_content.gif') repeat-y; padding-left: 17px; margin-bottom: 4px; font-size: 12px; line-height: 1.5; }
		#main-content { width: 652px; float: left; margin-right: 56px; }
		#main-content h2 { font: bold italic 24px Arial, Helvetica, sans-serif; color: #5f9851; text-transform: uppercase; margin-bottom: 5px; }
		#main-content p { margin-bottom: 12px; }
		#main-content .img-left { float: left; margin-right: 12px; border: 1px solid #000; padding: 1px; }
		#main-content a { color: #007b0a; text-decoration: none; font-weight: bold; }
		#main-content a:hover { text-decoration: underline; }
		#main-content a.cjenik { float: right; margin-top: -20px; display: block; }
		#main-content #photo-list li { margin-right: 3px; float: left; margin-top: 15px; }
		#main-content #photo-list li img { border: 1px solid #000; padding: 1px; }
			
			#products h2 {  background: #607b58; text-indent: 12px; padding: 6px 0; font-size: 12px; font-weight: bold; font-style: normal; text-transform: uppercase; color: #fff; margin-bottom: 1px; clear: both; }
			#products h3 { background: url('../images/layout/bg_products_h3.gif') no-repeat; height: 20px; color: #363; font-size: 12px; font-weight: bold; text-indent: 22px; padding-top: 4px; margin-bottom: 1px; clear: both; } 
			#products .product-image { width: 109px; height: 121px; border: 1px solid #2b4f21; position: relative; float: left; margin: 0 1px 16px 0; }
			#products ul { float: left; width: 536px; }
			#products ul li { background: url('../images/layout/bg_products_li.gif') repeat-y; padding: 3px 0; margin-bottom: 1px; }
			#products ul li strong { width: 125px; display: block; float: left; font-weight: bold; text-indent: 7px; }
			#products ul li.custom { width: 530px; }
			#products ul li { width: 239px; float: left; }
			#products ul li img { margin-bottom: -5px;  }
			#products ul li.icon { padding: 0; }
			#products ul li.icon strong { padding-top: 3px; }
			
			#products p.pages { display: block; text-align: center; clear: both; }
			#products p.pages a { color: #363; text-decoration: none; }
			#products p.pages a:hover, #products p.pages a.current-page { font-weight: bold; }
			
			#top-content { padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid #007a01; }
			#top-content ul { margin-bottom: 12px; }
			#top-content ul li { margin-bottom: 4px; background: url('../images/layout/bg_bullet.gif') top left no-repeat; text-indent: 15px; }
			#top-content ul li strong { color: #057a00; font-weight: bold; }
			#top-content h3 { color: #5f9851; font: bold italic 18px Arial, Helvetica, sans-serif; text-transform: uppercase; margin-bottom: 5px; }
			#top-content .column { width: 350px; float: left; }
			#top-content .columnKontakt { width: 652px; float: left; }
			#top-content .column.photos { float: right; width: 288px; }
			#top-content .column.photos img { padding: 1px; border: 1px solid #000; }
			#top-content .column.photos li { margin-bottom: 5px; background: none; }
		
		#sidebar { width: 236px; float: left; }
		#sidebar h3 { width: 242px; height: 20px; text-indent: -5000px; margin: 0 0 8px -7px; position: relative; }
		#sidebar h3#izdvojene-usluge { background: url('../images/headings/h3_izdvojene_usluge.gif') no-repeat; }
		#sidebar h3#info-centar { background: url('../images/headings/h3_info_centar.gif') no-repeat; }
		#sidebar h3#iz-ponude { background: url('../images/headings/h3_izdvajamo_iz_ponude.gif') no-repeat; margin-top: 40px; }
		#sidebar h3#preuzmite-katalog { background: url('../images/headings/h3_preuzmite_katalog.gif') no-repeat; margin-top: 40px; }
		#sidebar p span { color: #007a00; text-decoration: underline; }
		#sidebar p strong { font-weight: bold; color: #007a00; }
		#sidebar p.usluge-prijevoza { background: url('../images/other/usluge_prijevoza.gif') no-repeat; width: 273px; height: 142px; position: relative; text-indent: -5000px; margin: 0 0 0 -20px; }
		
		#sidebar #border { position: relative; width: 228px; height: 181px;border: 3px solid #3b5d33;  }
		#sidebar #border img { display: block; }
		#sidebar #border a, #products .product-image a { background: url('../images/nav/zoom.gif') no-repeat; width: 57px; height: 24px; position: absolute; bottom: 0!important; bottom: -1px; right: 0; display: block; text-indent: -5000px; }
		#sidebar #border p { position: absolute; bottom: -20px; left: 0; font-size: 10px; }
		#sidebar #border a.katalog { background: url('../images/other/preuzmite_katalog.jpg') no-repeat; width: 228px; height: 182px; display: block; text-indent: -5000px; position: relative; }
	
	/* =Footer
	----------------------------------------------- */
	#footer { clear: both; height: 182px; background: #2b4f21 url('../images/layout/bg_footer.gif') top repeat-x; position: relative; font-size: 12px; line-height: 1.5; }
		#footer ul { position: absolute; left: 12px; top: 17px; }
		#footer ul li { display: inline; }
		#footer ul li a { color: #007a00; text-decoration: none; display: block; float: left; margin-right: 60px; padding-left: 11px; }
		#footer ul li a:hover, #footer ul li a.current-page { font-weight: bold; background: url('../images/nav/footer_nav_bullet.gif') left no-repeat; }
		#footer address { position: absolute; left: 20px; top: 80px; color: #fdfdfb; }
		#footer address strong { color: #d4f0d2; font-weight: bold; }
		#footer p.contact-info { color: #fff; position: absolute; top: 80px; left: 235px; }
		#footer p.contact-info span { color: #d4f0d2; font-weight: bold; }
		#footer p.contact-info a { text-decoration: none; font-weight: bold; color: #d4f0d2; }
		#footer a.onip { display: block; text-indent: -5000px; background: url('../images/other/peintures_onip.gif') no-repeat; width: 98px; height: 102px; position: absolute; right: 7px; top: 54px; }
		#footer p.copyright { position: absolute; left: 20px; top: 160px; color: #969696; }
		#footer p.site-by { position: absolute; bottom: 7px; right: 7px; color: #c6c5c5; }
		#footer p.site-by a { color: #c6c5c5; text-decoration: none; font-weight: bold; }
	
	/* form styles */
	
	form {
		width: 652px;
		text-align: left;
	}
	
	fieldset {
		margin: 0;
		border: 0;
		padding: 0;
	}
	
	legend {
		display: none;
	}
	
	form h3 {
		clear: both;
		padding: 5px 0px 5px 0px;
		font-size: 14px;
	}
	
	form label {
		display: block;
		width: 645px;
		font-size: 12px;
		line-height: 14px;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
	}
	
	form input {
		display: block;
		margin-top: 0px;border:#669900 solid 1px;
	}
	
	form select {
		float: left;
		display: block;
	}
	
	form label.field-first,
	form label.field-address,
	form label.field-city,
	form label.field-email {
		clear: left;
		padding-bottom:12px;
	}
	
	
	form label.field-first,
	form label.field-last,
	form label.field-city,
	form label.field-email,
	form label.field-phone {
		float: left;
		margin: 0px 10px 0px 0px;
		width: 310px;
			padding-bottom:12px;
		
	}
	
	
	form label.field-first input,
	form label.field-last input,
	form label.field-email input,
	form label.field-city input,
	form label.field-phone input {
		float: left;
		width: 300px;
		padding: 0px;
		
	}
	
	form label.field-state {
		float: left;
		margin-right: 10px;
		width: 60px;
	}
	
	/*form label.field-submit {
		display: block; width:200px;
		margin-top: 0px;border:#669900 solid 1px;
	}*/
	
	
	form label.field-state select {
		width: 60px;
		float: left;
		margin-top: 3px;
	}
	
	form label.field-zip {
		float: left;
		width: 80px;
	}
	
	form label.field-zip input {
		float: left;
		width: 80px;
	}
	
	form label.field-address {
		float: left;
		width: 310px;
		margin: 0px 0px 0px 0px;
	}
	
	form label.field-address input {
		float: left;
		width: 310px;
		padding: 0px;
	}
	
	form input#radiobutton_1,
	form input#radiobutton_2,
	form input#radiobutton_3,
	form input#radiobutton_4 {
		clear: left;
		float: left;
		padding: 0px;
		margin: 0px 0px 0px 0px;
	}
	
	form label.radioitem {
		clear: none;
		margin: 0px 0px 0px 25px;
		padding: 0px 0px 15px 0px;
	}
	
	textarea {
		display: block;
	}
	
	form input#checkbox_1,
	form input#checkbox_2,
	form input#checkbox_3 {
		clear: both;
		float: left;
		padding: 0px;
		margin: 0px;
	}
	
	form label.field-checkbox {
		clear: none;
		margin: 0px 0px 0px 25px;
		padding: 0px 0px 15px 0px;
	}
	
	form textarea {
		margin-top: 3px;
		width: 620px;
		border:solid 1px #669900;
	}