* { margin: 0; padding: 0 }

a:link { color: #eee }
a:visited { color: #ccc }
a:hover { color: #f93 }
a:active { color: #fff }

a img { border :0 }

body { background: #000 url(../gfx/body-bg.jpg) top center no-repeat; color: #ccc; font: 62.5%/1.5 Arial, Tahoma, sans-serif; margin: 3px 0 0 0; border-top: 1px solid #666 }

h1 { font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; font-size: 2.6em; font-weight: normal }

#head { border-bottom: 1px solid #333; padding: 35px 10px 25px 10px; position: relative }
	#head img { }
	#head h1 { color: #777; font-size: 1.3em; text-align: right; text-transform: uppercase; position: absolute; top: 60px; right: 10px }
	#head strong, #head em { font-style: normal; font-weight: normal }
	#head strong, #head em { background: url(../gfx/small_square.gif) right no-repeat; margin: 0 7px 0 0; padding: 0 20px 0 0 }
	
h2.heading { border-bottom: 1px solid #333; color: #666; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; font-size: 11px; font-weight: normal; padding: 30px 0 10px 0; text-transform: uppercase }	
	h2.heading a { color: #666; text-decoration: none }
	h2.heading a:hover { color: #eee }
	h2.heading em { color: #fff; font-style: normal }
	
#content p.caption { background: transparent; /*border-top: 1px solid #666; padding: 4px 0*/ margin: 2em 0 }
	/*#o-nama .caption { width: 498px }*/
	.caption small { color: #999; font-size: .8em; padding: 0 0 0 2px }
	
#wrap { margin: 0 auto; width: 960px }

#content { float: right; margin: 0 10px 0 0; width: 770px }
	#content h1 { color: #f93; margin: 15px 0 15px 0 }
	#main h2 { color: #fff; font-size: 1.8em; font-weight: normal; margin: 15px 0 0 0 }
	#content p { font-size: 1.4em; margin: 1em 0 }
		#content p.intro { color: #ccc; font-family: Georgia; font-size: 2.1em; font-style: italic }
		#content p em { color: #fff; font-family: Georgia, serif }  
	#content ol { font-size: 1.4em; margin: 1em 0 1em 20px }
		#content ol p { font-size: 1em }
	#content ul { font-size: 1.4em; list-style: square; margin: 1em 0 1em 20px }
	#content strong { color: #fff }
	
	#main { padding: 0 0 30px 0; width: 600px }
		#index #main, #stolovi #main, #interijeri #main, #kupaone #main, #boravci #main, #ormari #main, #detalji #main, #priznanja #main { width: 770px }
		
	#index #main img, #o-nama #main img { border: 1px solid #666; padding: 4px }

#menu { font-size: 1.3em; margin: 0 0 0 10px; padding: 0 0 10px 0; width: 140px }
	#menu ul { list-style: none; margin: 20px 0 }
	#menu a { border-bottom: 1px solid #222; color: #888; display: block; padding: 1px 0; text-decoration: none; width: 140px }
	#menu a:hover { background: url(../gfx/arrow.gif) right no-repeat; color: #f93 }
	#menu #current a { color: #fff }
	#menu #current a:hover { background: none }
	
	#menu:hover .heading, #content:hover .heading { color: #888; border-bottom: 1px solid #555 }
	ul#secondary-menu:hover { border-top: 1px solid #555 }

ul#secondary-menu { border-top: 1px solid #333; float: right; font-size: 1.3em; list-style: none; margin: 70px 0 30px 0; padding: 20px 0 10px 0; width: 140px }
	ul#secondary-menu a { background: url(../gfx/small_square.gif) left no-repeat; color: #888; display: block; padding: 0 0 0 20px; text-decoration: none; width: 120px }
	ul#secondary-menu a:hover { color: #fff }
	ul#secondary-menu #current-sub a { color: #fff }
	ul#secondary-menu #current-sub a:hover { }
	
#thumbs { padding: 0 0 20px 0 }
	#thumbs a { border: 1px solid #666; display: block; float: left; margin: 0 38px 38px 0; padding: 4px; width: 110px }
	#thumbs a:hover { border: 1px solid #bbb }
	#thumbs a.last { margin: 0 }

#foot { border-top: 1px solid #333; clear: both; color: #777; font-family: Arial, Tahoma, sans-serif }
	#foot p { font-size: 1.3em; padding: 20px 10px; text-align: right }
	#foot em { background: url(../gfx/small_square.gif) left no-repeat; font-style: normal; padding: 0 0 0 20px }
	#foot a { color: #777; text-decoration: none }
	#foot a:hover { color: #f93 }