@import url('addons.css');
@import url('imagegallery.css');

/*
Katti Zoob 2010
Defaults & main layout css
Made by: Baal - www.ews.hu
*/

/************************************************
Define basics (a, img, png, links, addons, etc...) 
************************************************/

a		{ outline: none; border: none;}
img		{ outline: none; border: none; }
img.png	{ behavior: url(css/png2.htc); }

/************************************************
Define default container DIVs 
************************************************/

body{
	background:		#000;
	padding:		0;
	margin:			0;
	color:			#fff;
	font-family:	Georgia, Arial, Helvetica, sans-serif; 
	/*background:		#380f0f url(../images/bg.jpg) repeat-x left top;*/
	background:		#000 url(../images/bg.jpg) repeat-x fixed;
	}

div#menuHolder{
	width:			auto;
	height:			auto;
	position:		fixed;
	top:			0px;
	left:			0px;
	z-index:		10000;
	border-right:	1px dotted #888;
	background:		#050505;
	}
	
	div#menuHolder div.menu{
		padding:		20px 20px 10px 20px;
		color:			#fff;
		font-family:	Georgia, Arial, Helvetica, sans-serif; 
		font-size:		11px;
		text-transform:	uppercase;
		/*z-index:		10000;*/
		}
		
		div#menuHolder div.menu div#level1{
			width:		166px;
			height:		auto;
			margin:		0;
			padding:	0;
			float:		left;
			}
		
		div#menuHolder div.menu div#level1 a{
			display:			block;
			width:				auto;
			hieght:				auto;
			color:				#888;
			text-decoration:	none;
			margin:				0;
			padding:			0 0 10px 0;
			text-align:			left;
			}
			div#menuHolder div.menu div#level1 a:hover, div#menuHolder div.menu div#level1 a:focus{
				color:				#fff;
				text-decoration:	underline;
				}
				
		div#menuHolder div.menu div#level1 div.shower{
			}
		
		div#menuHolder div.menu div#level1 div.shower a{
			display:	block;
			width:		166px;
			height:		auto;
			margin:		0 0 10px 0;
			padding:	0 0 0 0;
			text-align:	right;
			}
			
		div#menuHolder div.menu img{
			/*width:			110px;*/
			border-bottom:	20px solid #050505;
			/*border-top:		20px solid #050505;*/
			float:			left;
			}

div.wrapper{
	width:		754px;
	height:		auto;
	margin:		0;
	padding:	100px 0 0 206px;
	background:	transparent;
	z-index:	100;
	text-align:	left;
	overflow:	hidden;
	}
	
	div.wrapper h1{
		display:		block;
		width:			100%;
		height:			auto;
		margin:			0 0 10px 0;
		padding:		0 0 5px 0;
		font-size:		21px;
		color:			#fff;
		font-family:	Georgia, Arial, Helvetica, sans-serif;
		font-weight:	normal;
		cursor:			default;
		border-bottom:	1px solid #888;
		}
		
	div.wrapper h2{
		display:		block;
		width:			100%;
		height:			auto;
		margin:			0 0 10px 0;
		padding:		0 0 5px 0;
		font-size:		18px;
		color:			#fff;
		font-family:	Georgia, Arial, Helvetica, sans-serif;
		font-weight:	normal;
		cursor:			default;
		border-bottom:	1px solid #888;
		text-align:		left;
		}
		
	div.wrapper p{
		display:		block;
		width:			100%;
		height:			auto;
		margin:			7px 0 0 0;
		padding:		7px 0 0 0;
		font-size:		11px;
		color:			#fff;
		font-family:	Georgia, Arial, Helvetica, sans-serif;
		font-weight:	normal;
		line-height:	1.8em;
		text-align:		justify;
		}
	
	div.wrapper div.leftSide{
		width:		290px;
		height:		auto;
		margin:		0;
		padding:	0;
		float:		left;
		overflow:	hidden;
		}
		
		div.wrapper div.leftSide p, div.wrapper div.leftSide img, div.wrapper div.leftSide h1, div.wrapper div.leftSide h2{
			width:	260px;
			}
	
	div.wrapper div.rightSide{
		width:		464px;
		height:		auto;
		margin:		0;
		padding:	0;
		float:		left;
		overflow:	hidden;
		}
		
div#langSelect{
	width:		100%;
	height:		auto;
	text-align:	left;
	position:	absolute;
	color:		#888;
	font-size:	10px;
	overflow:	hidden;
	}
	div#langSelect a{
		padding:	0;
		color:				#888;
		text-decoration:	none;
		}
		div#langSelect a:hover, div#langSelect a:focus{
			color: #fff;
			text-decoration:	underline;
			}	
		
		
		
		
		
		
		
	
	div.wrapper div.header{
		width:			960px;
		height:			auto;
		margin:			0 0 15px 0;
		padding:		0 0 15px 0;
		text-align:		left;
		background:		transparent url(../images/header-bottom-border.gif) no-repeat left bottom;
		font-size:		11px;
		color:			#fff;
		}
		
		div.wrapper div.header img.logo{
			display:	block;
			width:		166px;
			height:		82px;
			float:		left;
			margin:		0 0 15px 0;
			}
			
		div.wrapper div.header div.menu1{
			width:		774px;
			height:		auto;
			margin:		0 0 0 0;
			padding:	0;
			float:		right;
			text-align:	left;
			color:		#fff;
			}
			div.wrapper div.header div.menu1 div.inner{
				margin:	66px 0 0 0;
				}
			div.wrapper div.header div.menu1 div.inner a{
				font-size:			11px;
				color:				#999;
				text-decoration:	none;
				text-transform:		uppercase;
				margin:				0 15px 0 15px;
				}
				div.wrapper div.header div.menu1 div.inner a.active, div.wrapper div.header div.menu1 div.inner a:hover{
					color:			#fff;
					border-bottom:	2px solid #fff;
					}
					
		
		div.wrapper div.header div.menu2{
			width:	960px;
			height:	auto;
			float:	none;
			clear:	both;
			margin:	15px 0 10px 0 !important;
			color:	#fff;
			}
			
			div.wrapper div.header div.menu2 span.title{
				font-size:		21px;
				color:			#fff;
				border-bottom:	2px solid #999;
				text-transform:	uppercase;
				}
				
			div.wrapper div.header div.menu2 a{
				font-size:			11px;
				color:				#999;
				text-decoration:	none;
				text-transform:		uppercase;
				margin:				0 15px 0 15px;
				}
				div.wrapper div.header div.menu2 a.active, div.wrapper div.header div.menu2 a:hover{
					color:			#fff;
					border-bottom:	2px solid #fff;
					}
					
	div.wrapper div#content{
		width:			960px;
		height:			auto;
		margin:			0 0 15px 0;
		padding:		0 0 15px 0;
		background:		transparent url(../images/header-bottom-border.jpg) no-repeat left bottom;
		font-size:		11px;
		color:			#fff;
		}
		
		/**********************************
		KOLLEKCIO
		***********************************/
		
		div.wrapper div#content div.kollekcio div.info{
			width:			250px;
			height:			auto;
			padding:		0 0 0 0;
			margin:			0 0 0 0;
			float:			left;
			font-size:		11px;
			color:			#fff;
			text-align:		justify;
			line-height:	1.8em;
			}
			
			div.wrapper div#content div.kollekcio div.info span.title{
				display:		block;
				width:			230px;
				height:			auto;
				margin:			0 0 10px 0;
				padding:		0 0 10px 0;
				font-size:		21px;
				text-transform:	uppercase;
				color:			#fff;
				border-bottom:	2px solid #999;
				}
			
			div.wrapper div#content div.kollekcio div.info p{
				width:		230px;
				padding:	0;
				margin:		0;
				font-size:11px;
				}
				
		div.wrapper div#content div.kollekcio div.galery-js{
			width:		710px;
			height:		auto;
			margin:		0;
			padding:	0;
			float:		left;
			text-align:	left;
			background:	#000;
			}
			/*div.wrapper div#content div.kollekcio div.galery-js img{ border-left:	10px solid #9f1717; }*/
			div.wrapper div#content div.kollekcio div.galery-js img{ border-left:	10px solid #000; }
			
			div.wrapper div#content div.kollekcio div.galery-js div#gMenu{
				width:	700px;
				height:	120px !important;
				}
			
			div.wrapper div#content div.kollekcio div.galery-js div#gMenu img{
				height:			100px;
				width:			auto;
				cursor:			pointer;
				background:		#999;
				}
				
				
	/**********************
	A Tervezo
	**********************/
	
	div.wrapper div#content div.tervezo div.image{
		width:		260px;
		height:		auto;
		float:		left;
		margin:		0;
		padding:	0;
		overflow:	hidden;
		text-align:	left;
		}
		
		div.wrapper div#content div.tervezo div.image img{
			width:		240px;
			height:		auto;
			margin:		0;
			padding:	0;
			border:		none;
			}
			
	div.wrapper div#content div.tervezo div.text{
		width:		700px;
		height:		auto;
		margin:		0;
		padding:	0;
		float:		left;
		text-align:	left;
		}
		
		div.wrapper div#content div.tervezo div.text span.title{
			display:		block;
			width:			700px;
			height:			auto;
			margin:			0 0 0 0;
			padding:		0;
			font-size:		21px;
			text-transform:	uppercase;
			color:			#999;
			}
		
		div.wrapper div#content div.tervezo div.text div.section{
			width:		680px;
			padding:	0 0 0 20px;
			margin:		5px 0 15px 0;
			}
			
		div.wrapper div#content div.tervezo div.text p{
			display:	block;
			width:		700px;
			height:		auto;
			margin:		0 0 0 0;
			padding:	0 0 0 0;
			font-size:	11px;
			color:		#fff;
			line-height:	1.8em;
			}
			
				div.wrapper div#content div.tervezo div.text dl{
				display:	block;
				width:		700px;
				height:		auto;
				float:		none;
				clear:		both;
				padding:	0 0 5px 0;
				line-height:	1.8em;
				}
			
				div.wrapper div#content div.tervezo div.text dl dt{
					display:	block;
					width:		90px;
					height:		auto;
					margin:		0;
					padding:	0;
					float:		left;
					color:		#fff;
					font-weight:	bold;
					line-height:	1.8em;
					}
				div.wrapper div#content div.tervezo div.text dl dd{
					display:		block;
					width:			610px;
					height:			auto;
					margin:			0;
					padding:		0;
					float:			left;
					color:			#fff;
					font-weight:	normal;
					line-height:	1.8em;
					}
					
div.rightSide p{
	display:		block;
	width:			464px;
	height:			auto;
	margin:			0 0 7px 0;
	padding:		0 0 0 0;
	font-size:		11px;
	color:			#fff;
	font-family:	Georgia, Arial, Helvetica, sans-serif;
	font-weight:	normal;
	line-height:	1.8em;
	text-align:		justify;
	}
	
	div.rightSide p a{
		color:	#888;
		}
					
/* MISC */

div#CLHolder{
	display:			block;
	width:				970px;
	height:				10px;
	color:				#fff;
	text-decoration:	none;
	font-size:			10px;
	text-transform:		uppercase;
	padding:			4px 10px 2px 0;
	text-align:			right;
	}
	
	div#CLHolder a{color:#888;text-decoration:none;}
	div#CLHolder a:hover, div#CLHolder a:focus{color:#fff;text-decoration:underline;}
	
	
/* IMAGES */

a.imgInit img{
	border:	3px solid #000;
	}
	a.imgInit:hover img{
	border:	3px solid #ccc;
	}
	
a.openGallery{
	display:	block;
	width:		464px;
	height:		280px;
	cursor:		pointer;
	}
	
/* ARTICLES AND SUCH */

div.articles{
	width:	754px;
	height:	400px;
	color:	#fff;
	border:	none;
	}
	div.articles a{color: #fff;}
	
	div.articles div.article{
		width:		754px;
		height:		auto;
		color:		#fff;
		text-align:	left;
		margin:		0 0 15px 0;
		}
		
		div.articles div.article h2{
			display:		block;
			width:			754px;
			height:			auto;
			margin:			0 0 10px 0;
			padding:		0 0 5px 0;
			font-size:		16px;
			color:			#fff;
			font-family:	Georgia, Arial, Helvetica, sans-serif;
			font-weight:	normal;
			cursor:			default;
			text-align:		left;
			border-bottom:	1px dotted #fff;
			}
			
		div.articles div.article p{
			display:	block;
			width:		754px;
			height:		30px;
			text-align:	justify;
			margin:		0 0 0 0;
			padding:	0 0 0 0;
			color:		#fff;
			font-size:	11px;
			}
			
		div.articles div.article a.more{
			display:	block;
			width:		754px;
			text-align: right;
			}
	
div#artPager{
	width:		754px;
	height:		auto;
	margin:		10px 0 0 0;
	font-size:	13px;
	color:		#fff;
	text-align:	center;
	}
	div#artPager a{
		color:				#fff;
		text-decoration:	none;
		padding:			0 5px 0 0;
		}
		
		div#artPager a:hover, div#artPager a:focus{
			text-decoration:	underline;
			}