body {
	font: normal 62.5% Verdana, Arial, Helvetica, sans-serif;
	color: white;
	background: url(../_images/design/background.jpg) top center fixed #807A73;
	margin:  0;
	padding: 0;
}

img {border: none;}
hr {color: #807A73;}

a {color: #115996;}
a:hover {text-decoration: none;}

#header{
	margin: auto;
	padding: 0;
	background: url(../_images/design/header.gif) top no-repeat;
	width: 727px;
	height: 223px;
}

#header h1{
	margin: 0;
	padding: 0 40px;
	display: none;
}

h1,h2,h3 {margin-bottom: 0.2em; padding-bottom: 0; font-family: Arial, Verdana, Helvetica, sans-serif}
h2{font: normal 1.6em Arial, Verdana, Helvetica, sans-serif; color: #FFC428;}
p {margin-top: 0; padding-top: 0;}
span.datum {font-style: italic; color: #DFAC32;}
ul li {padding-bottom: 3px;}
ul.program-aktualni li, ul.program-planujeme li {list-style-type: none;}
ul.program-aktualni li ul, ul.program-planujeme li ul {margin-bottom: 1em;}
ul.program-aktualni li ul li, ul.program-planujeme li ul li {list-style-type: disc; margin-left: 0.1em;}
ul.gallery-list li {list-style-image: url(../_images/design/icon-camera.gif);}
ul.gallery-list span {font-style: italic;}

#content-wrapper {
	margin: auto;
	background: url(../_images/design/background.gif) top repeat-y;
	width: 727px;
	font-size: small;
	margin-bottom: 10px;
}
#content{
	background: url(../_images/design/guitar-body.gif) no-repeat top right;	
	text-align: justify;
	padding: 0px 30px 10px;
	float: left;
	width: 667px;
	min-height:450px;
	height:450px;
	}
div[id] #content {	
	height:auto;
}

#footer{
	clear: both;
	padding: 20px 30px 0px;
	width: 667px;
	height: 40px;
	background: url(../_images/design/bg-footer.gif) top no-repeat;
}

#footer a {text-decoration: none; color: #FFC428;}
#footer p{font: normal .8em Verdana, Arial, Helvetica, sans-serif; width: 400px; float: left; color: #999;}
#footer p.contact{width: 267px; text-align: right;}

ul#nav {
	/*height:1em;*/
	margin: auto;
	padding:0;
	list-style: none;
	font-weight: bold;
	font: 0.8em "Trebuchet MS", Verdana, Arial, sans-serif; voice-family: "\"}\"";
	/* NOT applied by IE 5.5- */
	voice-family: inherit;
	width:727px;
	height: 95px;
	display: block;
	background-color: black;
	border: none;
}

html>body ul#nav { width: 727px; }

#nav li {float: left; text-align: center; padding: 0;}
/* not applied by IE Mac or PC \*/
html>body #nav li { width:auto; }
/* End hack */
#nav a span {display: none;}
#nav a {margin: 0; color: Black; display: block; text-decoration: none; height: 95px; background-position: top; background-repeat: no-repeat;}
#nav a.home {width: 198px; background: url(../_images/design/button-1-on.jpg);}
#nav a:hover.home {background: url(../_images/design/button-1-off.jpg);}
#nav a.program {width: 171px; background: url(../_images/design/button-2-on.jpg);}
#nav a:hover.program {background: url(../_images/design/button-2-off.jpg);}
#nav a.galerie {width: 140px; background: url(../_images/design/button-3-on.jpg);}
#nav a:hover.galerie {background: url(../_images/design/button-3-off.jpg);}
#nav a.kontakty {width: 218px; background: url(../_images/design/button-4-on.jpg);}
#nav a:hover.kontakty {background: url(../_images/design/button-4-off.jpg);}

.gallery div {display: block; float: left; padding: 8px; margin: 5px; border: 1px solid #2F2F2F; background-color:black;}
.gallery div.wide {padding: 8px 9px;}
.gallery div img{border: 1px solid black;}
.gallery div:hover{background-color: #111111;}