/* */
html, body, h1, h2, h3, h4, h5, dl, dt, dd, form, fieldset, blockquote, p {margin: 0; padding: 0;}

/* body default */
body {background: url('../images/site/bg.page.png') repeat-x; font: 0.625em/1.5em Arial; color: #5b5b5b;}

hr {display: none;}

img {display: block; border: 0;}

.menu {list-style: none;} /* ul */
	.menu li {float: left;}
		.menu li a {display: block; float: left; text-decoration: none;}

.container {width: 979px; margin: 0 auto; position: relative;}

/* modules */
form {}
	form fieldset {border: 0;}

a {color: #5b5b5b; text-decoration: none;}	
	a:hover {text-decoration: underline;}	
	
/* Header */
#header {}
	#header .container {height: 130px; position: relative;}

	#header h1 {width: 251px; height: 76px; position: absolute; top: 33px; left: 0;}
		#header h1 a {width: 251px; height: 76px; display: block;}
			#header h1 a span {width: 251px; height: 76px; background: url('../images/site/header.h1.a.span.png') no-repeat;}
	
/* Navigation Menu */
#navigation-menu {position: absolute; top: 80px; right: 0;}
	#navigation-menu h2 {display: none;}
	#navigation-menu ul {list-style: none; padding: 0; margin: 0;}
		#navigation-menu li {height: 23px; padding: 0 15px 0 10px; background: url('../images/menu/sep.menu.png') right no-repeat;}
			#navigation-menu li a {line-height: 23px;}
				#navigation-menu li a span {height: 23px; cursor: pointer;}
				#navigation-menu li.last-item {background: none; padding-right: 0;}
			
			#navigation-menu li a:hover span, #navigation-menu li a.current span {background-position: 0 -23px;}
			
			#why-we {width: 86px;}		
				#why-we span {width: 86px; background: url('../images/menu/why.we.png') no-repeat;}		
			
			#ask-a-question {width: 90px;}		
				#ask-a-question span {width: 90px; background: url('../images/menu/ask.a.question.png') no-repeat;}		
						
			#work-with-us {width: 92px;}		
				#work-with-us span {width: 92px; background: url('../images/menu/work.with.us.png') no-repeat;}
				
			#links {width: 41px;}		
				#links span {width: 41px; background: url('../images/menu/links.png') no-repeat;}
				
			#contact {width: 56px;}		
				#contact span {width: 56px; background: url('../images/menu/contact.png') no-repeat;}		
			
			#little-loosely {width: 82px;}		
				#little-loosely span {width: 82px; background: url('../images/menu/little.loosely.png') no-repeat;}		
			
			
/* Accessibility */		
#accessibility {width: 524px; border-bottom: 1px solid #f6f6f6; position: absolute; top: 0; right: 0;}
	#accessibility ol {height: 50px; list-style: none; padding: 0; margin: 0; float: right;}
		#accessibility ol li {float: left; margin: 20px 0 0 15px;}
			#accessibility ol li a {border-right: 1px solid #dadada; font-size: 1.1em; padding: 0 15px 0 20px; display: block; float: left; text-decoration: none;}
				#accessibility ol li.last-item {}
					#accessibility ol li.last-item a {border: 0; padding-right: 0;}
				#accessibility ol li a:hover {text-decoration: underline;}
			
		#accessibility ol li a.home-page {background: url('../images/icons/home.png') left no-repeat;}
		#accessibility ol li a.site-map {background: url('../images/icons/sitemap.png') left no-repeat;}
		#accessibility ol li a.contact {background: url('../images/icons/contact.png') left no-repeat;}


/* Web Categories */	
#categories-content {background: url('../images/site/bg.category.content.png') center bottom no-repeat;}
	#categories-content .container {height: 269px;}
		#categories-content h3 {width: 506px; height: 269px; float: left;}
			#categories-content h3 span {width: 506px; height: 269px; background: url('../images/site/categories.h3.span.png') no-repeat;}
	
		#categories-content #categories {width: 473px; height: 269px; background: url('../images/site/categories.bg.ul.png') no-repeat; float: left;}
			#categories-content #categories h4 {display: none;}
			#categories-content #categories ul {list-style: none; padding: 0; margin: 0;}
				#categories-content #categories ul li {float: left; display: inline; margin-bottom: 1px;}
					#categories-content #categories ul li.even {margin-left: 1px;}
					#categories-content #categories ul li.last-item {margin-bottom: 0px !important;}
					
					#categories-content #categories ul li a {width: 197px; line-height: 44px; font-size: 1.1em; color: #fff; display: block; float: left; padding-left: 39px; background: url('../images/site/categories.sep.png') 22px 20px no-repeat;}
						#categories-content #categories ul li a:hover, #categories-content #categories ul li a.current {font-weight: bold; color: #c52127; background: #fff url('../images/site/categories.sep.a.png') 22px 19px no-repeat;}
					

/* Content */					
#content {background: #f8f6e8 url('../images/site/bg.content.png') repeat-x;}	
	#content .container {overflow: hidden; padding-bottom: 20px;}	
	
	
/* Choose Panel */	
#what-you-choose {width: 979px; height: 81px; padding-bottom: 30px;}
	#what-you-choose h3 {display: none;}
	#what-you-choose ul {list-style: none; padding: 0; margin: 0;}
		#what-you-choose ul li {float: left;}
			#what-you-choose ul li a {height: 81px; display: block; float: left;}
				#what-you-choose ul li a span {height: 81px; cursor: pointer;}
	
			#the-subsidy-for-local {width: 254px;}
				#the-subsidy-for-local a span {width: 254px; background: url('../images/options/the-subsidy-for-local2.png') no-repeat;}
	
			#grant-to-NGO {width: 252px;}
				#grant-to-NGO a span {width: 252px; background: url('../images/options/grant-to-NGO2.png') no-repeat;}
	
			#the-grant-for-the-company {width: 237px;}
				#the-grant-for-the-company a span {width: 237px; background: url('../images/options/the-grant-for-the-company2.png') no-repeat;}
	
			#the-grant-for-tourism {width: 236px;}
				#the-grant-for-tourism a span {width: 236px; background: url('../images/options/the-grant-for-tourism2.png') no-repeat;}
	
	
	/* Main Content */
	#main-content {}
		#main-content .box {}
			#main-content .box h3.header {height: 43px;}
			.sIFR-active h3.header {font-size: 2.2em;}
			#main-content .box .body {padding-right: 15px; border-right: 1px solid #d8d6bf;}
				#main-content .box .body p {text-align: justify;}
		
			#main-content #main {width: 367px; float: left;}
				#main-content #main.full {width: 737px; float: left;}
			#main-content #sidebar {width: 340px; float: left; padding: 0 15px;}
			#main-content #aside {width: 224px; float: right; padding-left: 15px;}
	
			/* What we do */
			#main .what-we-do {}
				#main .what-we-do .body {}
					#main .what-we-do .body p {margin: 0 0 20px 0; font-size: 1.2em; line-height: 1.9em;}
	
			/* News list */
			#sidebar .news {width: 340px;}
				#sidebar .news ul {list-style: none; padding: 0; margin: 0;}
					#sidebar .news ul li {position: relative; margin-bottom: 19px;}
					    #sidebar .news ul li h4 {width: 260px; line-height: 19px; padding-bottom: 3px; font-size: 1.2em; font-weight: bold;}
/*						#sidebar .news ul li h4 {height: 30px; line-height: 19px; font-size: 1.2em; font-weight: bold;}*/
						#sidebar .news ul li dl {width: 71px; height: 19px; position: absolute; top: 0; right: 0; background: url('../images/site/bg.data.png') no-repeat;}
							#sidebar .news ul li dl dt {display: none;}
							#sidebar .news ul li dl dd {text-align: right; line-height: 19px; padding: 0 4px; font-size: 1.1em;}
						#sidebar .news ul li .text {font-size: 1.2em;}
							#sidebar .news ul li .text p {text-align: justify; line-height: 1.9em;}
						#sidebar .news ul li .more {text-align: right;}
							#sidebar .news ul li .more a {font-size: 1.2em; color: #c52127;}
	/* News list full*/
			#main .news {width: 730px;}
				#main .news ul {list-style: none; padding: 0; margin: 0;}
					#main .news ul li {position: relative; margin-bottom: 19px;}
					    #main .news ul li h4 {width: 630px; line-height: 19px; padding-bottom: 3px; font-size: 1.2em; font-weight: bold;}
						#main .news ul li dl {width: 71px; height: 19px; position: absolute; top: 0; right: 0; background: url('../images/site/bg.data.png') no-repeat;}
							#main .news ul li dl dt {display: none;}
							#main .news ul li dl dd {text-align: right; line-height: 19px; padding: 0 4px; font-size: 1.1em;}
						#main .news ul li .text {font-size: 1.2em;}
							#main .news ul li .text p {text-align: justify; line-height: 1.9em;}
						#main .news ul li .more {text-align: right;}
							#main .news ul li .more a {font-size: 1.2em; color: #c52127;}
	
			/* Contact */
			#aside .contact {}
				#aside .contact .info {list-style: none; padding: 0; margin: 0;}
					#aside .contact .info li {line-height: 29px; border-bottom: 1px solid #e0dfc9; font-size: 1.2em; padding: 0 3px;}
						#aside .contact .info li a {font-weight: bold; color: #c52127;}
						#aside .contact .info li.last-item {border: none;}
						
					/* Contact -> contact form */
					#contact-form {margin: 0 3px; position: relative;}
						#contact-form ul {list-style: none; padding: 0; margin: 0;}
							#contact-form ul li {width: 221px; height: 45px; line-height: 22px; background: url('../images/inputs/big.input.png') no-repeat bottom;}
								#contact-form ul li.text-area {height: 110px; background: url('../images/inputs/text.area.png') no-repeat bottom;}
								#contact-form ul li.small-input {background: url('../images/inputs/small.input.png') no-repeat left bottom;}
									#contact-form ul li label {}
									#contact-form ul li input, #contact-form ul li textarea {background: none; border: none; font: 0.625em/1.5em Arial; font-size: 1.2em; color: #7b7b7b; padding-left: 3px; padding-right: 3px;}
										#contact-form ul li .input {width: 215px;}
										#contact-form ul li .small-input {width: 186px;}
										#contact-form ul li #text-input {width: 215px; height: 88px;}
						#contact-form p {width: 22px; height: 22px; position: absolute; top: 268px; left: 199px;}
	
/* Footer */	
#footer {width: 100%; background: url('../images/site/bg.footer.png') center no-repeat; display:table;}	
	#footer .container {height: 81px; position: relative;}
	
		#footer h3 {width: 241px; height: 80px; float: right; margin-top: 1px;}	
			#footer h3 span {width: 241px; height: 80px; text-indent: -666em; background: url('../images/site/call.consultant.png') no-repeat;}	
			
		#footer ul {line-height: 81px; list-style: none; padding: 0; margin: 0;}	
			#footer ul li {font-size: 1.1em; background: url('../images/site/sep.menu.footer.png') right no-repeat;}	
				#footer ul li a {padding: 0 11px;}	
				#footer ul li.last-item {background: none;}	
	
	
/* image replacement */
#header h1 a, #navigation-menu li a, #accessibility ol li a, #categories-content h3, #what-you-choose ul li h4, #footer h3 {position: relative; overflow: hidden;}
	#header h1 a span, #navigation-menu li a span, #accessibility ol li a span, #categories-content h3 span, #what-you-choose ul li h4 a span, #footer h3 span {position: absolute; top: 0; left:0;}
	
	
	

/* PAGINATION */



#pagination ul {
	display: table;
	margin: 0 auto;
	border-spacing: 2px;
	border-collapse: separate;
}

#pagination li {
	display:table-cell;
} 

#pagination li a {
	display: block;
	height: 25px;
	width: 25px;
	border: 1px solid #d3d3d3;
	background: #f8f6e8;
}


/* STYLE */

#pagination a {
	text-align: center;
	line-height: 25px;
	color: #c52127;
}

#pagination .prev {
	border: 0;
	width: 70px;
	border: 1px solid #d3d3d3;
}
#pagination .prev:hover {
	border: 0;
	width: 70px;
	border: 1px solid #bf9765;
}
#pagination .next  {
	border: 0;
	width: 70px;
	border: 1px solid #d3d3d3;
}
#pagination .next:hover  {
	border: 0;
	width: 70px;
	border: 1px solid #bf9765;
}


#pagination .active, #pagination .active:hover {
	background: #d9bd9c;
	border-color: #bf9765;
	color: #5b5b5b;
	cursor: default; /* IE & Firefox */
}

#pagination a:hover {
	background: #d9bd9c;
	color: #c52127;
	border-color: #bf9765;
}