body, a { font-family: Arial, Helvetica, sans-serif; }
body
	{
	background-color: #000000;
	color: #878686;
	letter-spacing: 0px;
	margin: 0;
	cursor: default;
	line-height: 16px;
	width: 100%;
	height: 100%;
	}
p { font-size: 0.73em; margin: 0; padding: 0; }
a { outline: none; color: #dedede; text-decoration: none; cursor: pointer; }
a:hover { color: #878686; }
:focus { outline-style: none; }
h1, h2 { font-size: 0.75em; font-weight: bold; margin: 0; padding: 0; }
h3 { font-size: 1.00em; font-weight: bold; margin: 0; padding: 0; }
img { border: none; }

.kover { font-weight: bold; }
.clear { clear: both; }

/* Container*/

#twinidum_container, .container_poz1, .container_poz2 { width: 800px; height: 520px; }
#twinidum_container { position: absolute; top: 0px; left: 0px; }
.container_poz1, .container_poz2 { top: 50%; left: 50%; margin-top: -260px; margin-left: -400px; }
.container_poz1 { position: absolute; }
.container_poz2 { position: fixed; }
#false_container, #false_container img { position: absolute; top: 0; left: 0; width: 0px; height: 0; }
.cont_bg_1 {background: url(../html/img/twinidum_bgf.jpg); background-repeat: no-repeat; background-position: center top; }
.cont_bg_2 {background: url(../html/img/twinidum_bg.jpg); background-repeat: no-repeat; background-position: center top; }
#cont_takaro
	{
	background: url(../html/img/takaro.png);
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 800px;
	height: 260px;
	z-index: 3;
	display: none;
	}

#alert_text
	{
	background-color: #000000;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -200px;
	margin-left: -225px;
	padding: 25px;
	width: 400px;
	height: 350px;
	z-index: 100;
	border: solid 1px #878686;
	text-align: justify;
	}
#alert_text ul { list-style: decimal; }
#alert_text li { margin-bottom: 5px; }

/* Menu */

#menu, #fake_menu, #menu_mirror, #fake_menu_mirror
	{
	position: absolute;
	left: 50%;
	margin-left: -320px;
	width: 640px;
	height: 45px;
	display: none;
	}
#menu, #fake_menu { bottom: 260px; }
#menu_mirror, #fake_menu_mirror { top: 260px; }
#menu, #menu_mirror { z-index: 5; }
#fake_menu, #fake_menu_mirror { z-index: 2; }
#menupont_mirror
	{
	background: url(../html/img/menu_mirror.png);
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	margin-left: 10px;
	bottom: 15px;
	width: 620px;
	height: 30px;
	}
.m_cv_m, .m_ref_m, .m_gal_m, .m_cont_m, .m_int_m
	{
	position: absolute;
	float: left;
	text-indent: -10000px;
	height: 30px;
	top: 15px;
	cursor: pointer;
	}
.m_cv_m { width: 111px; left: 10px; }
.m_ref_m { width: 132px; left: 121px; }
.m_gal_m { width: 125px; left: 253px; }
.m_cont_m { width: 128px; left: 378px; }
.m_int_m { width: 124px; left: 506px; }
.m_cv_m_bg_x { background: url(../html/img/m_cv_x.png); background-repeat: no-repeat; }
.m_cv_m_bg_h { background: url(../html/img/m_cv_h.png); background-repeat: no-repeat; }
.m_ref_m_bg_x { background: url(../html/img/m_ref_x.png); background-repeat: no-repeat; }
.m_ref_m_bg_h { background: url(../html/img/m_ref_h.png); background-repeat: no-repeat; }
.m_gal_m_bg_x { background: url(../html/img/m_gal_x.png); background-repeat: no-repeat; }
.m_gal_m_bg_h { background: url(../html/img/m_gal_h.png); background-repeat: no-repeat; }
.m_cont_m_bg_x { background: url(../html/img/m_cont_x.png); background-repeat: no-repeat; }
.m_cont_m_bg_h { background: url(../html/img/m_cont_h.png); background-repeat: no-repeat; }
.m_int_m_bg_x { background: url(../html/img/m_int_x.png); background-repeat: no-repeat; }
.m_int_m_bg_h { background: url(../html/img/m_int_h.png); background-repeat: no-repeat; }
#m_mozg_l, #m_mozg_r, #m_mozg_t, #mm_mozg_l, #mm_mozg_r, #mm_mozg_b { position: absolute; }
#m_mozg_l span, #m_mozg_r span, #m_mozg_t span, #mm_mozg_l span, #mm_mozg_r span, #mm_mozg_b span { display: block; float: left; text-indent: -10000px; cursor: default; }
#m_mozg_l, #m_mozg_r, #mm_mozg_l, #mm_mozg_r, #m_mozg_l span, #m_mozg_r span, #mm_mozg_l span, #mm_mozg_r span { width: 10px; height: 30px; }
#m_mozg_t, #mm_mozg_b, #m_mozg_t span, #mm_mozg_b span { width: 620px; height: 15px; }
#m_mozg_l { top: 15px; left: 0px; }
#m_mozg_r { top: 15px; right: 0px; }
#m_mozg_t { top: 0px; left: 10px; }
#mm_mozg_l { bottom: 15px; left: 0px; }
#mm_mozg_r { bottom: 15px; right: 0px; }
#mm_mozg_b { bottom: 0px; left: 10px; }

/* MenuContent */

#content_cv, #content_ref, #content_gal, #content_cont, #content_int
	{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 800px;
	height: 520px;
	display: none;
	}
#content_cv, #content_ref, #content_cont, #content_int { z-index: 4; }
#content_gal { z-index: 20; }

/* Default Position */

.cont_poz1, .cont_poz2, .cont_poz3, .cont_poz4, .cont_pozc { position: absolute; }
.cont_poz1 { top: 25px; left: 100px; }
.cont_poz2 { top: 25px; right: 100px; }
.cont_poz3 { bottom: 0px; left: 100px; }
.cont_poz4 { bottom: 0px; right: 100px; }
.cont_pozc { top: 25px; left: 300px; }

/* CV */

#pers_data_place { position: absolute; top: 25px; left: 50%; margin-left: -250px; width: 575px; }
#pers_data, #pers_data_text { float: left; }
#pers_data span, #pers_data_text span { display: block; }
#pers_data { width: 234px; padding: 50px 16px 0px 0px; text-align: right; }
#pers_data_text { width: 325px; }
#pers_data_text h3 { display: block; height: 18px; color: #FFFFFF; }
.cv_data_tarto { height: 16px; }
#cv_text { width: 295px; text-align: justify; }

/* Reference */

#three_best_ref { position: absolute; bottom: 0px; left: 100px; width: 600px; }
.tbr_place { float: left; padding: 0px 5px 0px 5px; width: 190px; }
.tbr_place h2, .tbr_place h3 { font-weight: bold; margin: 0; padding: 0; display: block; height: 18px; }
.tbr_place h3 { color: #FFFFFF; }
.tbr_place span { display: block; padding-bottom: 8px; }
.tbr_text { height: 100px; }
.tbr_img { height: 130px; }
#webszerk_ref, #webdesign_ref, #web_ref { float: left; }
#webszerk_ref h1, #webdesign_ref h2, #web_ref h3 { font-weight: bold; margin: 0; display: block; height: 18px; color: #FFFFFF; padding: 0px 5px 0px 5px; }
#web_ref h3 { font-size: 0.75em; }
#webszerk_ref span, #webdesign_ref span, #web_ref span { display: block; padding: 0px 5px 0px 5px; }
.ref_data_tarto { height: 16px; }
.ref_data_ktarto { height: 6px; }

/* Gallery */

#gal_bg, #gallery { position: absolute; top: 0; left: 0; width: 800px; height: 520px; }
#gal_bg { background-color: #000000; z-index: 19; display: none; }
#gallery { z-index: 21; overflow: hidden; }
#gal_on_bg { background: url(../html/img/gal/gal_t01.jpg); background-repeat: no-repeat; background-position: 0px 0px; position: absolute; top: 0px; left: -120px; width: 120px; height: 520px; z-index: 22; }
#gal_t0, #gal_t1, #gal_t2, #gal_t3, #gal_t4, #gal_t5 { position: absolute; top: 0px; left: 50px; width: 120px; height: 520px; }
#gal_t0 { background: url(../html/img/gal/gal_t00.jpg); background-repeat: no-repeat; background-position: 0px 0px; }
#gal_t1 { background: url(../html/img/gal/gal_t01.jpg); background-repeat: no-repeat; background-position: 0px 0px; }
#gal_t2 { background: url(../html/img/gal/gal_t02.jpg); background-repeat: no-repeat; background-position: 0px 0px; }
#gal_t3 { background: url(../html/img/gal/gal_t03.jpg); background-repeat: no-repeat; background-position: 0px 0px; }
#gal_t4 { background: url(../html/img/gal/gal_t04.jpg); background-repeat: no-repeat; background-position: 0px 0px; }
#gal_t5 { background: url(../html/img/gal/gal_t05.jpg); background-repeat: no-repeat; background-position: 0px 0px; }
#gal_img_place { position: absolute; top: 20px; right: 50px; width: 450px; height: 450px; text-align: center; }
#gal_img { position: absolute; }
#gal_text { position: absolute; top: 480px; right: 50px; width: 450px; height: 20px; line-height: 20px; text-align: center; font-weight: bold; font-size: 0.75em; }
.thumb_place { position: absolute; top: 20px; left: 35px; width: 75px; height: 400px; }
.thumb_place img { display: block; padding-bottom: 15px; cursor: pointer; }
.thumb_forward, .thumb_backward, .thumb_close { background: url(../html/img/gal/gal_control.jpg); background-repeat: no-repeat; position: absolute; display: block; text-indent: -10000px; width: 75px; height: 11px; left: 35px; line-height: 11px; font-size: 1px; cursor: pointer; }
.thumb_forward { top: 429px;  background-position: 0px 0px; }
.thumb_forward:hover { background-position: 0px -11px; }
.thumb_backward { top: 449px; background-position: 0px -22px; }
.thumb_backward:hover { background-position: 0px -33px; }
.thumb_close { top: 489px; background-position: 0px -66px; }
.thumb_close:hover { background-position: 0px -77px; }

/* Contact */

#author { width: 250px; }
#thanks_place { width: 250px; height: 186px; }
#thanks_text { position: absolute; bottom: 0px; width: 250px; text-align: justify; }
#imp_text { width: 295px; text-align: justify; }
.imp_t_line { padding-bottom: 5px; border-bottom: solid 1px #878686; }
#author h2, #author h3, #thanks_place h2, #thanks_place h3, #imp_text h2 { font-weight: bold; margin: 0; padding: 0; display: block; color: #FFFFFF; }
#author span, #thanks_place span, #imp_text span { display: block; padding-top: 5px; }