/************************************
     *                                   *
     *           fatchilli.com           *
     *    CSS by: fatchilli.com, mB      *
     *                                   *
     *         All web content           *
     *                                   *
     *  Last update: 19.06.2007, 12:48   *
     *                                   *
     ************************************/

	* { margin: 0px; padding: 0px; list-style: none;	}

	/*****************************
	*         HTML tags          *
	*****************************/	
	html {height: 100%; }
	body {height: 100%; background-color: #f1f1f1; font: normal 0.8em/1.3em sans-serif; }
	p {margin: 8px 0; }
	strong {font-weight: normal; background-color: #ffffd7; padding: 1px; color: #000; }	
	a img {border: 0px; }
	h1 {font: normal 1.7em sans-serif;}		

	/*****************************
	*      General classes       *
	*****************************/
	.hidden { display: none; }
	.par1 {	letter-spacing: 1px; color: #868686; }	
	.fat { color: #000; }
	.chilli { color: #ae2429; }

	/*****************************
	*       General layout       *
	*****************************/		
	#width-holder { height: 100%; min-width: 1004px;}
	#content-bar { width: 82%; float: left; background: #FFF url(../images/content_background.png) repeat-y right; min-height: 100%; position: relative;	}
	#navigation-bar { background-color: #f1f1f1; width: 18%; float: right; padding-top: 105px; position: relative; }
	#content { position: relative; float: right; width: 100%; min-width: 800px; margin-top: 70px; }
	#col1 { float: right; width: 244px; min-height: 450px; padding: 0 33px 0 15px; background: transparent url(../images/col1_background_en.png) 10px top no-repeat; padding-top: 49px; color: #434343; position: relative;}	
	#col2 { float: right; overflow: hidden; width: 510px; min-width: 510px; text-align: left; padding-top: 49px; background: #FFF url(../images/col2_background.png) repeat-x; }
	#col2.home {width: 63%;}
	#foot { height: 35px; margin-top: 10px; background-color: #f0f0f0; clear: both; position: relative; }
	#copy { display: block; position: absolute; bottom: 0px; color: #ce0000; }
		
	/*****************************
	*         Navigation         *
	*****************************/	
	#navigation { position: relative; top: 15px; left: -2px; background: transparent url(../images/navigation_background.png) no-repeat 8px bottom; padding-bottom: 24px; width: 13em; min-height: 432px; }
	#navigation li { width: 13em; overflow: hidden; padding: 12px 0px 12px 5px; background: url(../images/link_background.png) no-repeat 10px bottom; 	position: relative; }
	#navigation li.active { border: 1px solid #cfcfcf; border-left: none; background-color: #FFF; margin-bottom: 0px; margin-top: -3px; }
	#navigation li p {margin: 0px; margin-left: 2px; font-size: 0.85em; line-height: 1.1em; color: #868686; padding-right: 3px; }
	#navigation li p a {color: #000; }
	#navigation li p a:hover { color: #b63a3a; }	
			
	/* ---| Links construction |--- */
	#navigation li a, #navigation li a span { display: block; width: 153px; height: 23px; background-position: 0px 0px; cursor: pointer; position: relative; }
	#navigation li p a 	 { display: inline; }
	#navigation li a span {	position: absolute; left: 0px; top: 0px; }	
	#navigation li a:hover span { background-position: 0px -23px; }
	#navigation li.active a span { 	background-position: 0px -46px; }
	#navigation li.active a:hover span { background-position: 0px -69px; }
	#lang { position: absolute; left: 5px; top: 80px; color: #b63a3a; font-size: 0.9em; background: none; }
	#lang:hover {color: #000;}
	
	/* ---| Slovak links |--- */
	.sk #home, .sk #home span { background-image: url(../images/home_sk.png); width: 60px;}
	.sk #portals, .sk #portals span { background-image: url(../images/portals_sk.png); width: 132px;}
	.sk #company, .sk #company span { background-image: url(../images/company_sk.png); width: 154px;}
	.sk #web, .sk #web span { background-image: url(../images/web_sk.png); width: 132px;}
	.sk #reality, .sk #reality span { background-image: url(../images/reality_sk.png); width: 53px;}
	.sk #contact, .sk #contact span { background-image: url(../images/contact_sk.png); width: 58px;}

	/* ---| English links |--- */
	.en #home, .en #home span { background-image: url(../images/home_en.png); width: 60px;}
	.en #portals, .en #portals span { background-image: url(../images/portals_en.png); width: 132px;}
	.en #company, .en #company span { background-image: url(../images/company_en.png); width: 154px;}
	.en #web, .en #web span { background-image: url(../images/web_en.png); width: 132px;}
	.en #reality, .en #reality span { background-image: url(../images/reality_en.png); width: 100px;}
	.en #contact, .en #contact span { background-image: url(../images/contact_en.png); width: 70px;}	

	/*****************************
	*            Col1            *
	*****************************/	
	#col1 h2 {font: bold 1.6em/2.0em sans-serif; }
	#col1 a {color:#a00;font-weight:bold;}
	#col1 a:hover {color:#000;}
	
	/*****************************
	*       portfolio_item       *
	*****************************/	
	.portfolio-item {margin-bottom: 10px;}
	.portfolio-item h3 {margin-bottom: 2px; font: normal 1em sans-serif;}
	.portfolio-item h3 a {color: #af6161; text-decoration: none;}
	.portfolio_item h3 a:hover{color:#000;}
	.portfolio-item .p {margin-bottom: 6px; color:#888;}
	.portfolio-item a:visited img {filter: alpha(opacity=20); -moz-opacity: 0.2;}
	.portfolio-item a:hover img {filter: alpha(opacity=100); -moz-opacity: 1;}
	
	/*****************************
	*            Col2            *
	*****************************/	
	#col2 .image {text-align:right; margin-bottom:15px;}
	#col2 h2 {font-size:1.6em;margin-bottom:10px;color:#333;}
	#col2 p {font-size:1em;color:#888;font-weight:normal; text-align:justify;}
	#col2 strong, #col2 b {color:#000;font-weight:normal;}
	#col2 a {color:#a00;font-weight:bold;}
	#col2 a:hover {color:#000;}
	.foot {padding:0px 0px 0 0px; text-align:left;}
	
	/*****************************
	*            Foot            *
	*****************************/	
	#foot {padding:10px 10px 0 20px;}
	#foot div {text-align:left;}