@import url(reset.css);

body{ font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#858282;}
h1{}
h2{font-size:19px; color:#010101;}
h3{font-size:12px; padding-top:17px;}
a{ color:#FFF;}

/*INTRO PAGE*/
	#intro{ width:960px; height:687px; margin:0 auto; background:url(../images/intro.jpg) 0 130px no-repeat;}
		#introEnglish{ width:960px; height:687px; margin:0 auto; background:url(../images/under_construction.jpg) 0 130px no-repeat;}
			#introEnglish p{ color:#ffffff; position:absolute; bottom:35px; text-align:center; width:100%;}
		#intro a.srpski{position:absolute; display:block; width:47px; height:12px; top:217px; left:347px; vertical-align:bottom; padding-top:50px;}
		#intro a.english{position:absolute; display:block; width:47px; height:12px; padding-top:50px; top:217px; right:353px;}
		#intro a:hover{ text-shadow:#726E62 1px 1px 1px;}
		#intro p{ color:#ffffff; position:absolute; bottom:35px; text-align:center; width:100%;}
		
		
/*INNER PAGES*/

	/*top segment*/
	#topSegment{ width:914px; height:363px; margin:0 auto; background:url(../images/top_segment_bg.jpg) 0 0 no-repeat; overflow:hidden;}
		#topSegment h1{ width:283px; height:80px; margin-top:166px; padding-left:21px;}
			#topSegment h1 a{ display:block; width:283px; height:80px; background:url(../images/logo_h1.png) 0 0 no-repeat; outline:none;}
		ul#topNav{ position:absolute; top:0px; left:203px; padding-top:34px;}
			ul#topNav li{ float:left; padding-left:30px; margin-right:30px;}
				ul#topNav li a{ padding-left:10px; background:url(../images/top_nav_arrow.png) center left no-repeat;}
				
	/*content*/			
	#content{width:914px; min-height:450px; height:auto; margin:0 auto; background:url(../images/content_bg.jpg) bottom right no-repeat;}
		/*---sidebar---*/	
		#sidebar{ width:298px; min-height:392px; float:left; overflow:hidden; background:url(../images/sidebar_bg.jpg) 0 0 no-repeat;}
			ul#sideNav{ list-style-type:none;}
				ul#sideNav li{ width:256px; height:33px; border-top:1px solid #f5ecdc; border-bottom: 1px solid #c4b79d; border-right:1px solid #c4b79d; margin-bottom:1px;}
				ul#sideNav li:hover, li.current{background:url(../images/side_hover.png) 0 0 no-repeat;}
					ul#sideNav li a{ display:block; height:25px; padding-top:10px; padding-left:132px; color:#000; background:url(../images/side_bar_arrow.png) right center no-repeat;}
					/*usluge dropdown*/
					li.usluge{ height:auto !important;}
						ul#subMeny{ height:auto; display:none; }
						ul.vidljiva{ height:auto;display:block !important;}
						.onClick{border-bottom:none !important; }
						.activeBg{ background:url(../images/down_arrow.png) right center no-repeat !important;}
							/*dropdown 2nd level*/	
							ul#subMeny li{ height:24px; background-color:#fae38f; border-top:1px solid #fcecb6;border-bottom: 1px solid #e2ce82; border-right:1px solid #c4b79d; margin-bottom:0px;}
							ul#subMeny li:hover{ width:277px; background-image:none; background-color:#fae38f;}
								ul#subMeny li a{ font-size:11px; padding:4px 26px 4px 100px; height:auto;}
								li.subActive{width:277px !important;}
							
		/*---main---*/		
		#mainContent{width:555px;padding:0 0 40px 60px; float:left; overflow:hidden;}
			#mainContent h2{width:auto; padding-bottom:24px; padding-left:5px;}
				#mainContent h2 span { width:auto; background:url(../images/h2_bg.jpg) right center no-repeat; padding-right:27px; font-weight:400;}
				#mainContent i b{ color:#060000;}
				#mainContent h3{ color:#060000;}
			#mainContent p{ padding:19px 66px 0 0;}
					ul.mainList{ padding:10px 66px 0 10px; }
						ul.mainList li{ color:#000; padding-left:21px; background:url(../images/bullet_arrow.jpg) 0 0 no-repeat;}
							ul.mainList li span{color:#858282; font-size:12px;}
						li.refItem{ padding-bottom:15px; line-height:13px; background:none !important; padding-left:2px !important;}
							li.refItem h3{ padding-top:0px;}
						a.galerija{ display:block; width:65px; height:14px; background:url(../images/galBg.jpg) 0 0 no-repeat; color:#010101; font-size:11px; margin-top:10px; padding-left:12px;}
						a.galerija:visited{ background-position:0 -14px; color:#6c6a6a;}
						
						.leftList{ float:left; padding:0 !important; width:290px; margin-bottom:35px;}
						.rightList{ float:left; width:240px;margin-bottom:35px; padding:0px 0px 0px 0px!important;}
				p.contact{ background:url(../images/mail_bg.jpg) top right no-repeat; font-size:12px; line-height:18px; padding:0px 18px 0 10px!important;}
					p.contact a{color:#7F7F7F;}
						p.contact a:hover{ text-decoration:underline;}
								p.contact span{ color:#000; font-weight:bold; font-size:12px;}
								
						
				p.homeImage{ width:460px; height:293px; background:url(../images/home_note.jpg) 0 0 no-repeat; text-indent:-9999px;}
					
				/*---gallery---*/
				#galleryContent{width:578px;padding:0 0 40px 36px; float:left; overflow:hidden;}
					#galleryContent h3{ padding-top:0px; padding-bottom:28px; color:#000000;}
					ul.gallery{ width:578px; overflow:hidden; padding-bottom:19px;}
						ul.gallery li{ float:left; width:187px; height:136px; }
							ul.gallery li a{ display:block; width:auto; height:auto;}
								ul.gallery li a img{  width:161px; height:107px; border:10px solid #f0ede6;}
					a.video{ display:block; width:auto; height:17px; padding-left:22px; background:url(../images/video_icon.jpg) 0 0 no-repeat; color:#000; font-size:12px; margin-bottom:15px; }
					a.video:hover{ text-decoration:underline;}
					a.backGallery{ background:url(../images/back_arrow.jpg) 0 0 no-repeat; padding-left:15px; color:#858282; position:absolute; bottom:10px; left:34px;}
					a.backGallery:hover{ background-position:0 -13px; color:#999;}
				
			/*---quote---*/
			p.quoteFat{ position:absolute; left:0; bottom:0; padding-right:12px; background:url(../images/quteFatEnd.jpg) top right no-repeat;}
			p.quoteFat i{ color:#FFF;background:url(../images/quoteFatBg.jpg) 0 0 repeat-x; padding:9px 0 10px 12px; font-size:11px; display:block;}
			p.quoteThin{ position:absolute; left:0; bottom:1px; padding-right:12px; background:url(../images/quoteThinEnd.jpg) top right no-repeat;}
			p.quoteThin i{ color:#FFF;background:url(../images/quoteThinBg.jpg) 0 0 repeat-x; padding:9px 0 10px 12px; font-size:12px; display:block;}
			/*---reference logoi---*/
			ul.clients{ position:absolute; bottom:0px; left:155px;}
				ul.clients li{ float:left; padding-left:20px;}
				.floater{ clear:both;}
					
	/*footer*/
	#footer{ width:914px; margin:0 auto; padding-top:37px; border-top:1px solid #e1e1e1; clear:both;}
		#footer p{ width:100%; text-align:center; padding-bottom:20px;}