/* info
--------------------------------------------------------
	Start:	06.11.2008.
	Author:	BozooArt, www.bozooart.com
	Name: 	Razbor - www.razbor.hr
*/

/* Normalize
----------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; margin: 0; font-weight: normal; }
ol, ul { list-style: none; }
input, textarea,  select { font: 1em  "Trebuchet MS", Arial,Helvetica,sans-serif;  color: #494627;  }
img { margin: 0; padding: 0; }

/* General
----------------------------------------------- */
body 	{ font: 62.5%/1.4  "Trebuchet MS", Arial,Helvetica,sans-serif; text-align: center; background: #3b97c7 url(images/blue.jpg) repeat-x; }
a 		{ text-decoration: none; color: #4e8d22; }
a:hover { border: none; }
a:focus { outline: none; }

blockquote { margin: 0 0 30px 50px; }
.clr { clear: both; }
.left { float: left; }
.center { text-align: center; }
.hidden{display:none;}

fieldset	{ border: none; }

/* Body
----------------------------------------------- */

#wrapper { width: 100%; text-align: left; background: url(images/swirls.jpg) no-repeat 50% 0; }
	#container { width: 978px; margin: 0 auto; font-size: 110%;  }
		#content { background: #726e49; border: 1px solid #2f799f; }

	#footer { padding: 10px 0; color: #f2f0e8; padding-left: 35px;  }
		#footer a { color: #f2f0e8; padding: 1px 4px;  }
		#footer a:hover { text-decoration: underline; }
		#footer span.code { margin: 0 40px 0 450px; }


/* Header
----------------------------------------------- */
#top-part { height: 70px; padding-left: 35px; }
	#top-part h1 { background: url(images/logo.png) no-repeat 0 7px; width: 286px; height: 60px; }
	#top-part h1 span { position: absolute; left: -9999em; }
	
	#headline { background: #706c47 url(images/brown-bg.gif) no-repeat; width: 311px;  padding: 27px 10px 0px 15px; float: left; margin-right: 1px; height: 203px  }
		#headline p { font: 1.2em Arial,Helvetica,sans-serif; color: #BBB8A1; letter-spacing: 0; line-height: 1.7em;  }
	
	#head-image { background: url(images/head-image-pocetna.jpg) no-repeat #fff; width: 639px; height: 230px; float: left; position: relative }
		ul#top-navigation { height: 35px;  position: absolute; bottom: 0;  }
		ul#top-navigation li { display: inline; text-transform: uppercase; font-size: 1.1em; float: left; }
		ul#top-navigation li a { display: block; padding: 11px 16px 7px; float: left; color: #0781A8; background: #fff; opacity: .75; filter: alpha(opacity = 75);
 }
		ul#top-navigation li a.last { padding: 11px 18px 7px; }
		ul#top-navigation li a:hover,
		ul#top-navigation li.selected a { background: #bcda88; color: #41610A; opacity: 1 }
		

/* Homepage
----------------------------------------------- */

#homepage-stage { clear: both; background: url(images/homepage-content-bg.jpg) no-repeat; border-top: 1px solid #ccc8b9; height: 306px; padding: 12px 0 0 35px; }
#homepage-stage #first_row { margin-bottom: 50px; height: 100px  }
#homepage-stage #second_row { clear: both;  }

  .showcase { float: left; margin: 0 35px 0 0; color: #736f49; width: 279px;  }
		.showcase dt { font-size: 1.1em; border-bottom: 1px solid #bbb8a1; padding: 5px; margin-bottom: 5px; text-transform: uppercase; font-weight: bold; position: relative  }
		.showcase dd { padding-left: 20px; background: url(images/small_bullet.gif) no-repeat 6px 6px; margin-bottom: 6px;  }
 		.third { margin: 0; }
		.showcase dt a { position: absolute; right: 5px; font-size: .9em; font-weight: normal; background: url(images/play_video.gif) no-repeat right 4px;  text-transform: none; padding-right: 20px; color: #736f49;  }
		.showcase dt a:hover { text-decoration: underline ; color: #3b97c7; }

#useful-links { background: #726e49 url(images/useful-links.gif) no-repeat; padding-left: 35px;  }
	
	#download { padding: 17px 17px 17px 0; float: left; width: 279px; }
		#download h4 { font-size: 1.1em; color: #f2f0e8; margin-bottom: 5px; padding: 0 0 5px 6px; font-weight: bold; }
		#download ul li { line-height: 1.2em; margin: 0 0 13px 6px; color: #bbb8a1;   }
		#download ul li a { color: #f2f0e8; margin-bottom: 4px; font-weight: bold;  }
		#download ul li a:hover { color: #e2550e; }
		#download ul li.all { text-align: right; margin: 0; }
		#download ul li.all a { display: inline; padding: 1px 2px; }
		#download ul li span.date { background: #8b886b; padding: 0 1px; display: block; float: left; width: 60px; color: #514d2b; height: 13px; margin-right: 5px;    }
		#download ul li div.lead { margin-top: 4px;  }

	#order { padding: 50px 0 10px 45px; float: left; width: 285px; }
		#order a { display: block; width: 218px; height: 90px; background: url(images/razborit_banner.png) no-repeat; }
		#order a span { display: none; }
		#order a:hover { bottom: 10px; background: url(images/razborit_banner.png) -222px 0px no-repeat;   }

	
	#contact { padding: 17px 50px 17px 0; }
		#contact dt { font-size: 1.1em; color: #f2f0e8; margin-bottom: 5px; padding:  0 0 5px 7px; border-bottom: 1px solid #bbb8a1; }
		#contact dd { padding-left: 8px; margin-bottom: 3px; color: #bbb8a1;  }
		#contact dd a { color: #f2f0e8;  }
		#contact dd a:hover { color: #e2550e; }		

#order_form 					{ text-align: left; margin: 10px; }
#order_form input			{ width: 250px; border: 2px solid #97bede; background: #cddbe7; margin: 5px 0; padding: 5px; font-size: 1.1em; color: #000 }
#order_form label 		{ vertical-align: top; display: inline-block; width: 120px; font-weight: bold; font-size: 1.1em;   }
#order_form textarea 	{ width: 250px; height: 60px; border: 2px solid #97bede; background: #cddbe7; margin: 5px 0; padding: 5px; font-size: 1.1em; color: #000 }
#order_form .submit		{ margin-left: 120px !important; width: 60px; border: 2px solid #97bede; background: #cddbe7; margin: 5px 0; padding: 4px; font-size: 1.1em; color: #000 }		
#order_form	h2				{ font-size: 2.2em; margin-top: 10px; }
#order_form	p					{ font-size: 1.4em; margin: 10px 0; }
#order_form	#error		{ color: red }