
/* created by & property of Foky Balazs aka eFBe */

/* -------------------- main body -------------------- */
body
{
	background: url(../pikture/toolz/bg_wm.gif) center no-repeat;
	text-align: center;
	margin: 0;
	padding: 0;
}

#wrapper
{
	background: transparent;
	width: 770px;
	height: 550px;
	margin: 0px auto;
	margin-top: 0px;
	position: relative;
}

/* -------------------- header -------------------- */
#header
{
	width: 770px;
	height: 100px;
	background: transparent;
	position: relative;
	overflow: hidden;
}

#header_img
{
	width: 770px;
	height: 60px;
	background: transparent;
	position: relative;
	text-align: left;
	overflow: hidden;
}

#header_menu
{
	width: 770px;
	height: 30px !important; /* non-IE height */
	height: 34px; /* IE height */
	background: #16B9E9;
	position: relative;
	text-align: center;
	padding-top: 2px;
	margin-top: 10px; 
}

/* -------------------- main content -------------------- */

#shaft
{
	width: 770px;
	height: 430px;
	background: transparent;
	position: absolute;
	top: 110px;
	left: 0px;
	text-align: center;
}


/* -------------------- fotoz -------------------- */
#foto_top_nest
{
	width: 381px;
	height: 191px;
	background: #C0C0C0;
	position: absolute;
	top: 20px;
	left: 20px;
	text-align: center;
}

#foto1
{
	width: 190px;
	height: 190px;
	background: url(../pikture/toolz/bf.gif);
	position: relative;
	text-align: center;
	float: left;
}

#foto1 a:link, #foto1 a:active, #foto1 a:visited
{
	background: url(../pikture/toolz/bf.gif);
	text-align: center;
	width: 190px;
	height: 190px;
	position: relative;
	float: left;
}

#foto1 a:hover
{
	background: url(../pikture/toolz/bf2.gif);
}

#foto2
{
	width: 190px;
	height: 190px;
	background: url(../pikture/toolz/jf.gif);
	position: relative;
	text-align: center;
	float: right;
}

#foto2 a:link, #foto2 a:active, #foto2 a:visited
{
	width: 190px;
	height: 190px;
	background: url(../pikture/toolz/jf.gif);
	position: relative;
	text-align: center;
	float: right;
}

#foto2 a:hover
{
	background: url(../pikture/toolz/jf2.gif);
}

#foto_bottom_nest
{
	width: 381px;
	height: 190px;
	background: #C0C0C0;
	position: absolute;
	top: 211px;
	left: 20px;
	text-align: center;
}

#foto3
{
	width: 190px;
	height: 190px;
	background: url(../pikture/toolz/ba.gif);
	position: relative;
	text-align: center;
	float: left;
}

#foto3 a:link, #foto3 a:active, #foto3 a:visited
{
	background: url(../pikture/toolz/ba.gif);
	text-align: center;
	width: 190px;
	height: 190px;
	position: relative;
	float: left;
}

#foto3 a:hover
{
	background: url(../pikture/toolz/ba2.gif);
}

#foto4
{
	width: 190px;
	height: 190px;
	background: url(../pikture/toolz/ja.gif);
	position: relative;
	text-align: center;
	float: right;
}

#foto4 a:link, #foto4 a:active, #foto4 a:visited
{
	width: 190px;
	height: 190px;
	background: url(../pikture/toolz/ja.gif);
	position: relative;
	text-align: center;
	float: right;
}

#foto4 a:hover
{
	background: url(../pikture/toolz/ja2.gif);
}

#foto_nest
{
	width: 381px;
	height: 381px !important; /* non-IE height */
	height: 370px; /* IE height */
	background: transparent;
	position: absolute;
	top: 20px;
	left: 20px;
	text-align: center;
}


/* -------------------- wordz -------------------- */
#intro_nest
{
	width: 320px;
	height: 379px !important; /* non-IE height */
	height: 381px; /* IE height */
	background: transparent;
	position: absolute;
	top: 20px;
	left: 430px;
	text-align: center;
	border-top: 1px solid #16B9E9;
	border-bottom: 1px solid #16B9E9;
}

#intro
{	
	width: 300px !important; /* non-IE width */
	width: 310px; /* IE width */
	height: 350px;
	background: transparent;
	position: absolute;
	top: 6px;
	left: 10px;
	text-align: justify;
	font-family: verdana;
	font-size: 12px;
	color: #646464;
	overflow: hidden;
	padding-right: 10px;
	line-height: 14px;
}

#intro a:link, #intro a:active, #intro a:visited
{
	font-family: lucida grande;
	font-size: 12px;
	color: #000;
	text-decoration: none;
}

#intro a:hover
{
	color: #646464;
	text-decoration: underline;
}

#intro2
{	
	width: 300px !important; /* non-IE width */
	width: 310px; /* IE width */
	height: 350px;
	background: transparent;
	position: absolute;
	top: 6px;
	left: 10px;
	text-align: justify;
	font-family: verdana;
	font-size: 12px;
	color: #646464;
	overflow: hidden;
	padding-right: 10px;
	line-height: 16px;
}

#intro2 a:link, #intro2 a:active, #intro2 a:visited
{
	font-family: verdana;
	font-size: 12px;
	color: #000;
	text-decoration: none;
}

#intro2 a:hover
{
	color: #646464;
	text-decoration: underline;
}

#efbe
{
	position: absolute;
	top: 401px;
	left: 450px;
	height: 15px;
	width: 290px;
	background: transparent;
	line-height: 15px;
	font-family: tahoma;
	color: #C0C0C0;
	text-align: right;
	font-size: 10px;
}

#efbe a:link, #efbe a:active, #efbe a:visited
{
	color: #C0C0C0;
	text-decoration: none;
	cursor: default;
}

#efbe a:hover
{
	color: gray;
}

#b {
	position: absolute;
	top: 440px;
	left: 0px;	
}


/* -------------------- that's all folx -------------------- */
