/*
 colors:
 dark: 444444
 light: DADADA
 dark-light: A5A5A5
 green: C9B701
 dark-green: 9A8F18
*/

/* MAIN PARTS, LAYOUT */

body {
	background-color: #444444;
	text-align: center;
}

#wrapper {
	margin-top: 23px;
	margin-right: auto;
	margin-left: auto;
	width: 677px;
	background-color: #444444;
	text-align: left;
	_text-align: center;
}

/* HEADERS */

.header {
	color: #DADADA;
	padding-left: -1000px;
	height: 26px;
	background-repeat: no-repeat;
	border-style: solid;
	border-color: #C9B701;
	border-width: 0px;
	border-bottom-width: 1px;
}

.header h1 {
	position: absolute;
	left: -1000px;
}

#header-main {
	background-image: url(gfx/header-main.jpg);
}

#header-contact {
	background-image: url(contact/header.jpg);
}

#header-automatic-drawings {
	background-image: url(automatic-drawings/header.jpg);
}

#header-automatic-drawings-gallery {
	background-image: url(automatic-drawings/gallery/header.jpg);
}

#header-objects {
	background-image: url(objects/header.jpg);
}

#header-objects-gallery {
	background-image: url(objects/gallery/header.jpg);
}

#header-music-I {
	background-image: url(music-I/header.jpg);
}

#header-music-II {
	background-image: url(music-II/header.jpg);
}

#header-monoprints {
	background-image: url(monoprints/header.jpg);
}

#header-monoprints-gallery {
	background-image: url(monoprints/gallery/header.jpg);
}

#header-paintings {
	background-image: url(paintings/header.jpg);
}

#header-paintings-gallery {
	background-image: url(paintings/gallery/header.jpg);
}

#header-glass {
	background-image: url(glass/header.jpg);
}

#header-glass-gallery {
	background-image: url(glass/gallery/header.jpg);
}

#header-theater {
	background-image: url(theater/header.jpg);
}

#header-biography {
	background-image: url(biography/header.jpg);
}

#header-letters {
	background-image: url(letters/header.jpg);
}

#header-studio {
	background-image: url(studio/header.jpg);
}


/* CONTENT */

#content {
	background-image: url(gfx/table.jpg);
}

#complementary-text {
	padding-top: 21px;
}

#complementary-text p {
	color: #DADADA;
	font-family: Verdana;
	font-size: 11px;
	text-align: justify;
	padding: 0;
 	margin: 0;
 	margin-bottom: 5px;
}

/* SUBPAGE - link to gallery */

.gallery-link {
	display: block;
	width: 677px;
	height: 282px;
	vertical-align: bottom;
	background-repeat: no-repeat;
	background-position: bottom center;
	padding: O;
	padding-top: 20px;
}

#gl-automatic-drawings {
	background-image: url(automatic-drawings/repr.jpg);
}

#gl-objects {
	background-image: url(objects/repr.jpg);
}

#gl-monoprints {
	background-image: url(monoprints/repr.jpg);
}


#gl-paintings {
	background-image: url(paintings/repr.jpg);
}


#gl-glass {
	background-image: url(glass/repr.jpg);
}

.gallery-link span {
	display: block;
	height: 282px;
	width: 84px;
	float: right;
	background-position: bottom;
	background-repeat: no-repeat;
	background-image: url(gfx/gallery-off.jpg);
}

.gallery-link:hover span {
	background-image: url(gfx/gallery-on.jpg);
}

.gallery-link span span {
	position: absolute;
	left: -1000px;
}

/* GALLERY */

#gallery {
	display: block;
	width: 672px;
	padding: 0;
	margin: 0;
	margin-right: auto;
	margin-left: auto;
}

.gallery-image {
	display: block;
	float: left;
	margin: 0;
	padding-right: 17px;
	padding-left: 17px;
	padding-top: 25px;
	padding-bottom: 25px;
	width: 62px;
	border: none;
}

.gallery-image img {
	border: none;
}

#spacer {
	margin: 0;
	padding: 0;
	display: block;
	height: 1px;
	clear: left;
}

/* GALLERY - one image */

#gallery-image-big {
	display: block;
	padding: 0;
	margin-top: 23px;
	margin-right: auto;
	margin-left: auto;
}

#gallery-image-big-parallel {
	display: block;
	padding: 0;
	margin: 0;
	margin-right: 20px;
	margin-left: 171px;
	_margin-left: 85px;
	float: left;
}


#gallery-text {
	color: #A6A6A6;
	font-family: Verdana;
	font-size: 11px;
	text-align: right;
	padding: 0;
 	margin: 0;
 	margin-top: 6px;
 	margin-bottom: 30px;
 	margin-left: auto;
 	margin-right: auto;
 	vertical-align: baseline;
 	width: 336px;
}

#gallery-text-objects {
	color: #A6A6A6;
	font-family: Verdana;
	font-size: 11px;
	text-align: left;
	padding: 0;
	padding-top: auto;
 	margin: 0;
 	margin-top: 23px;
 	margin-bottom: 30px;
 	margin-left: auto;
 	margin-right: auto;
 	vertical-align: bottom;
 	height: 448px;
}

#gallery-text-glass {
	color: #A6A6A6;
	font-family: Verdana;
	font-size: 11px;
	text-align: left;
	padding: 0;
	padding-top: auto;
	_padding-top: 0;
 	margin: 0;
 	margin-top: 23px;
 	margin-bottom: 30px;
 	margin-left: auto;
 	margin-right: auto;
 	vertical-align: bottom;
 	height: 448px;
}

#gallery-text-objects #text-itself-0 {
	padding-top: 346px;
}

#gallery-text-objects #text-itself-1 {
	padding-top: 333px;
}

#gallery-text-objects #text-itself-2 {
	padding-top: 293px;
	_padding-top: 307px;
}

#gallery-text-objects #text-itself-3 {
	padding-top: 320px;
}

#gallery-text-objects #text-itself-4 {
	padding-top: 358px;
}

#gallery-text-glass #text-itself-1 {
	padding-top: 307px;
}

#gallery-text-glass #text-itself-2 {
	padding-top: 359px;
}

#gallery-text-glass #text-itself-3 {
	padding-top: 320px;
}

#gallery-text-glass #text-itself-4 {
	padding-top: 307px;
}

#gallery-text-glass #text-itself-5 {
	padding-top: 423px;
}


/* GALLERY - navigation */

#gallery-nav {
	display: block;
	clear: both;
	width: 336px;
	margin: 0;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 90px;
	_margin-bottom: 0;
}

.gallery-nav {
	display: block;
	float: left;
	height: 14px;
}

.gallery-nav span {
	position: absolute;
	left: -1000px;
}

#previous {
	width: 105px;
	background-image: url(gfx/previous.jpg);
	background-repeat: no-repeat;
}


#previous:hover {
	background-image: url(gfx/previous_on.jpg);
}

#back {
	width: 162px;
	background-image: url(gfx/back.jpg);
	background-repeat: no-repeat;
}

#next {
	width: 69px;
	background-image: url(gfx/next.jpg);
	background-repeat: no-repeat;
}

#next:hover {
	background-image: url(gfx/next_on.jpg);
}

/* MENUS */

#menu {
	width: 607px;
	_width: 630px;
	padding: 0;
	padding-bottom: 315px;
	_padding-bottom: 40px;
	margin-top: 40px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
}

.menu-item {
	width: 60px;
	list-style: none;
	float: left;
	padding: 0;
	padding-left: 20px;
	padding-right: 20px;
	_padding-left: 20px;
	_padding-left: 20px;

}

.menu-item a {
   	width: 62px;
    	height: 53px;
    	_height: 139px; 
   	color: #DADADA;
   	display: block;
    	vertical-align: top;
    	font-family: Verdana;
    	font-size: 11px;
    	text-decoration: none;
    	text-align: center;
    	margin: 0;
    	padding: 0;
    	padding-top: 86px;
    	_padding-top: 86px;
    	background-repeat: no-repeat;
}

.menu-item a:hover span {
	color: #DADADA;
	border-style: none;
	border-width: 0;
	border-color: #DADADA;
	border-bottom-width: 1px;
}

#smallmenu {
	padding: 0;
	_width: 677px;
	_padding-top: 64px;
	padding-bottom: 59px;
	_padding-bottom: 49px;
	margin-top: 64px;
	margin-right: auto;
	margin-left: auto;
	_margin: 0;
	clear: both;
}

.smallmenu-item {
	_margin: 0;
	_padding: 0;
	float: left;
	display: block;
	height: 26px;
}

.smallmenu-item a{
	_margin: 0;
	_padding: 0;
	float: left;
	display: block;
	height: 26px;
}

.smallmenu-item span {
	position: absolute;
	left: -1000px;
}

/* MENU ITEMS */


#Contact {
    background-image: url(gfx/mainmenu/01_off.jpg);	
}

#Contact:hover {
    background-image: url(gfx/mainmenu/01_on.jpg);	
}

#Contact-small {
    background-image: url(gfx/menu/01_off.jpg);
    width: 47px;	
}

#Contact-small:hover {
    background-image: url(gfx/menu/01_on.jpg);	
}


#Automatic-Drawings {
    background-image: url(gfx/mainmenu/02_off.jpg);	
}

#Automatic-Drawings:hover {
    background-image: url(gfx/mainmenu/02_on.jpg);	
}

#Automatic-Drawings-small {
    background-image: url(gfx/menu/02_off.jpg);
    width: 73px;	
}

#Automatic-Drawings-small:hover {
    background-image: url(gfx/menu/02_on.jpg);	
}


#Objects {
    background-image: url(gfx/mainmenu/03_off.jpg);	
}

#Objects:hover {
    background-image: url(gfx/mainmenu/03_on.jpg);	
}

#Objects-small {
    background-image: url(gfx/menu/03_off.jpg);
    width: 54px;	
}

#Objects-small:hover {
    background-image: url(gfx/menu/03_on.jpg);	
}

#Music-I {
    background-image: url(gfx/mainmenu/04_off.jpg);	
}

#Music-I:hover {
    background-image: url(gfx/mainmenu/04_on.jpg);	
}

#Music-I-small {
    background-image: url(gfx/menu/04_off.jpg);
    width: 52px;	
}

#Music-I-small:hover {
    background-image: url(gfx/menu/04_on.jpg);	
}

#Music-II {
    background-image: url(gfx/mainmenu/05_off.jpg);	
}

#Music-II:hover {
    background-image: url(gfx/mainmenu/05_on.jpg);	
}

#Music-II-small {
    background-image: url(gfx/menu/05_off.jpg);
    width: 57px;	
}

#Music-II-small:hover {
    background-image: url(gfx/menu/05_on.jpg);	
}

#Monoprints {
    background-image: url(gfx/mainmenu/06_off.jpg);	
}

#Monoprints:hover {
    background-image: url(gfx/mainmenu/06_on.jpg);	
}

#Monoprints-small {
    background-image: url(gfx/menu/06_off.jpg);
    width: 73px;	
}

#Monoprints-small:hover {
    background-image: url(gfx/menu/06_on.jpg);	
}

#Paintings {
    background-image: url(gfx/mainmenu/07_off.jpg);	
}

#Paintings:hover {
    background-image: url(gfx/mainmenu/07_on.jpg);	
}

#Paintings-small {
    background-image: url(gfx/menu/07_off.jpg);
    width: 62px;	
}

#Paintings-small:hover {
    background-image: url(gfx/menu/07_on.jpg);	
}

#Glass {
    background-image: url(gfx/mainmenu/08_off.jpg);	
}

#Glass:hover {
    background-image: url(gfx/mainmenu/08_on.jpg);	
}

#Glass-small {
    background-image: url(gfx/menu/08_off.jpg);
    width: 44px;	
}

#Glass-small:hover {
    background-image: url(gfx/menu/08_on.jpg);	
}

#Theater {
    background-image: url(gfx/mainmenu/09_off.jpg);	
}

#Theater:hover {
    background-image: url(gfx/mainmenu/09_on.jpg);	
}

#Theater-small {
    background-image: url(gfx/menu/09_off.jpg);
    width: 55px;	
}

#Theater-small:hover {
    background-image: url(gfx/menu/09_on.jpg);	
}


#Letters {
    background-image: url(gfx/mainmenu/10_off.jpg);	
}

#Letters:hover {
    background-image: url(gfx/mainmenu/10_on.jpg);	
}

#Letters-small {
    background-image: url(gfx/menu/10_off.jpg);
    width: 51px;	
}

#Letters-small:hover {
    background-image: url(gfx/menu/10_on.jpg);	
}

#Biography {
    background-image: url(gfx/mainmenu/11_off.jpg);	
}

#Biography:hover {
    background-image: url(gfx/mainmenu/11_on.jpg);	
}

#Biography-small {
    background-image: url(gfx/menu/11_off.jpg);
    width: 68px;	
}

#Biography-small:hover {
    background-image: url(gfx/menu/11_on.jpg);	
}

#Studio {
    background-image: url(gfx/mainmenu/12_off.jpg);	
}

#Studio:hover {
    background-image: url(gfx/mainmenu/12_on.jpg);	
}

#Studio-small {
    background-image: url(gfx/menu/12_off.jpg);
    width: 41px;	
}

#Studio-small:hover {
    background-image: url(gfx/menu/12_on.jpg);	
}



/* CONTACT */

#contact-body {
	width: 283px;
	margin-top: 53px;
	margin-left: auto;
	margin-right: auto;
	font-family: Verdana;
	font-size: 10px;
	color: #DADADA;
	_text-align: left;
}

#contact-body #other a {
	color: #C5BC00;
	text-decoration: none;
}

#contact-body #other a:hover {
	border-style: dotted;
	_border-style: solid;
	border-color: #C5BC00;
	border-width: 0;
	border-bottom-width: 1px;
}

#contact-body #address {
	width: 120px;
	margin-bottom: 70px;
	float: left;
}

#contact-body #other {
	width: 11Opx;
	margin-bottom: 70px;
	float: right;
}

#contact-data {
	color: #C5BC00;
}

#contact-comment {
	clear: both;
}

#contact-map {
	display: block;
	margin-top: 44px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	_margin-bottom: 0;
	width: 68px;
	height: 12px;
	background-image: url(contact/mapa.jpg);
	_margin-left: 110px;
}

#makotrasy-map {
	margin-top: 23px;
}

#contact-map span {
	position: absolute;
	left: -1000px;
}

#contact-map:hover {
	background-image: url(contact/mapaon.jpg);
	border-style: none;
}

/* DAVUN */

#Davun-CD {
	font-size: 10px;
	font-family: Verdana;
	color: #DADADA;
	margin-top: 23px;
}

#Davun-CD img {
	margin-left: 170px;
	margin-right: 45px;
	float: left;
}

#Davun-info {
	height: 50px;
	text-align: left;
	padding-top: 275px;
	
}

#Davun-buy {
	display: block;
	float: left;
	width: 125px;
	height: 16px;
	margin-top: 23px;
	background-image: url(music-I/buy.jpg);
}

#Davun-buy span {
	position: absolute;
	left: -1000px;
}

#Davun-tracklist {
	clear: both; 
	font-size: 10px;
	font-family: Verdana;
	color: #DADADA;
	width: 342px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 29px;
}

#Davun-tracklist .num {
	text-align: right;
	width: 11px;
	color: #C5BC00;
}

#Davun-tracklist .name {
	text-align: left;
	width: 220px;
	color: #C5BC00;
}

#Davun-tracklist .time {
	color: #A6A6A6;
	text-align: right;
	width: 30px;
}

#Davun-tracklist .sample {
	text-align: right;
	width: 76px;
}

#Davun-tracklist .sample a {
	color: #A6A6A6;
	text-decoration: none;
	padding-left: 17px;
	background-image: url(music-I/audio.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
}


/* MUSIC II */


#Music-II-headline {
	display: block;
	width: 117px;
	height: 14px;
	margin: 0;
	margin-top: 50px;
	background-image: url(music-II/songs.jpg);
}

#Music-II-headline-projects {
	display: block;
	width: 51px;
	height: 15px;
	margin: 0;
	margin-top: 50px;
	background-image: url(music-II/projects.jpg);
}

#Music-II-content {
	width: 336px;
	margin-left: auto;
	margin-right: auto;
	_text-align: left;
}

#Music-II-headline span {
	position: absolute;
	left: -1000px;
}

#Music-II-headline-projects span {
	position: absolute;
	left: -1000px;
}

#Music-II-tracks {
	color: #DADADA;
	font-size: 11px;
	font-family: Verdana;
	_margin: 0;
	margin-top: 26px;
	padding: 0;
}

#Music-II-tracks li {
	display: block;
	width: 336px;
	height: 18px;
	background-image: url(music-II/dot.gif);
	_background-image: url(music-II/dotIE.gif);
	background-repeat: repeat-x;
	background-position: center;
	_background-position: top;
	text-align: left;
}

#Music-II-tracks li span {
	background-color: #444444; 
}

#Music-II-tracks li a {
	float: right;
	display: block;
	margin: 0;
	padding: 0;
	width: 14px;
	height: 18px;
	_position: relative;
	_top: -14px;
	background-color: #444444; 
	background-image: url(music-II/audio.jpg);
	background-position: right center;
	background-repeat: no-repeat;
}

#Music-II-projects {
	color: #DADADA;
	font-size: 11px;
	font-family: Verdana;
	_margin: 0;
	margin-top: 26px;
	margin-bottom: 142px;
	_margin-bottom: 13px;
	padding: 0;
}

#Music-II-projects li {
	display: block;
	width: 336px;
	height: 18px;
	text-align: left;
}

#Music-II-projects li a {
	text-decoration: none;
	color: #C9B701;
}

#Music-II-projects li a:hover {
	border-style: dotted;
	_border-style: solid;
	border-width: 0;
	border-bottom-width: 1px;
	border-color: #C9B701;
}
	

/* firefox hack */
 
#Music-II-tracks:lang(cs) li a {
	position: relative;
	top: -14px;
}

#Music-II-tracks li a span{
	position: absolute;
	left: -1000px;
}

/* THEATER */

#Theater-content {
	width: 336px;
	margin-left: auto;
	margin-right: auto;
	_text-align: left;
}

#Theater-headline {
	display: block;
	width: 286px;
	height: 32px;
	margin: 0;
	margin-top: 50px;
	background-image: url(theater/nadpis.jpg);
}

#Theater-headline span {
	position: absolute;
	left: -1000px;
}

#Theater-list {
	margin: 0;
	padding: 0;
	margin-top: 24px;
	margin-bottom: 239px;
	font-family: Verdana;
	font-size: 11px;
	color: #DADADA;
}

#Theater-list li {
	list-style-type: none;
}

#Theater-list li a {
	text-decoration: none;
	color: #C9B701;
}

#Theater-list li a:hover {
	border-style: dotted;
	_border-style: solid;
	border-width: 0;
	border-bottom-width: 1px;
	border-color: #C9B701;
}

/* BIOGRAPHY */

#Biography-content {
	margin-left: 33px;
	_text-align: left;
}

#Biography-headline {
	display: block;
	width: 66px;
	height: 14px;
	margin: 0;
	margin-top: 30px;
	margin-bottom: 20px;
	background-image: url(biography/nadpis.jpg);
}

#Biography-headline span {
	position: absolute;
	left: -1000px;
}

#Biography-exhibitions-headline {
	display: block;
	width: 105px;
	height: 11px;
	margin: 0;
	margin-top: 30px;
	margin-bottom: 20px;
	background-image: url(biography/soloexhib.jpg);
}

#Biography-exhibitions-headline span {
	position: absolute;
	left: -1000px;
}


.Biography-paragraph {
	font-size: 11px;
	font-family: Verdana;
	color: #DADADA;
	margin: 0;
	margin-bottom: 28px;
}

#Biography-exhibitions {
	margin: 0;
	padding: 0;
	margin-top: 24px;
	font-family: Verdana;
	font-size: 11px;
	color: #DADADA;
}

#Biography-exhibitions li {
	list-style-type: none;
}

#Biography-exhibitions li a {
	text-decoration: none;
	color: #C9B701;
}

#Biography-exhibitions li a:hover {
	border-style: dotted;
	_border-style: solid;
	border-width: 0;
	border-bottom-width: 1px;
	border-color: #C9B701;
}



/* LETTERS */

#Letters-eng {
	margin-top: 23px;
	width: 320px;
	float: left;
}

#Letters-cze {
	margin-top: 23px;
	width: 320px;
	float: right;
}

.Letters p {
	color: #DADADA;
	margin-top: 0;
	margin-bottom: 3px;
	text-indent: 1em;
	font-family: Verdana;
	font-size: 11px;
	text-align: justify;
}

.Letters p.no-indent {
	text-indent: 0;
}

.divider {
	border-style: solid;
	border-color: #C9B701;
	border-width: 0px;
	border-bottom-width: 1px;
	margin-top: 40px;
	margin-bottom: 20px;
	_border-width: 0;
	_height: 1px;
	_color: #C9B701;
}

/* STUDIO */

#Studio-content {
	margin-top: 30px;
}



/* FOOTER, used technologies, disclaimer */

#footer {
	padding: 0;
	border-style: solid;
	Border-color: #C9B701;
	border-width: 0;
	Border-top-width: 1px;
	clear: left;
	height:  20px;
}

#footer a {
	color: #C9B701;
	font-family: Verdana, Sans-serif;
	font-size: 11px;
	text-align: justify;
	text-decoration: none;
}

#footer a:hover {
	border-style: dotted;
	_border-style: solid;
	border-width: 0;
	border-color: #C9B701;
	border-bottom-width: 1px;
}


#technologies {
	padding: 0;
	margin: 0;
	margin-top: 8px;
}

#technologies li {
	display: inline;
	float: left;
	padding: 0;
	margin: 0;
	padding-right: 13px;
	padding-left: 13px;
	line-height: 12px;
}

#technologies li.tech-first {
  	padding-left: 0;
}

#technologies li.tech {
	background-image: url(gfx/greenline.jpg);
	background-repeat: repeat-y;
	background-position: center left;
	
}

#diclaimer {
	display: inline;
	float: right;
	padding: 0;
	margin: 0;
	line-height: 12px;
	color: #C9B701;
	font-family: Verdana;
	font-size: 11px;
}