html {
	width: 100%;
	height: 100%;

	overflow: scroll;
	overflow-x: auto;
}

body {
	width: 100%;
	height: 100%;

	margin: 0px;
	padding: 0px;

	background-color: #fff;
	background-image: url("../images/layout/body.jpg");
	background-repeat: repeat-y;
	background-position: center top;

	font-family: "Arial CE", "Arial", "Helvetica", sans-serif;
	font-size: 12px;

	text-align: center;

	color: #fff;
}

table {
    font-size: 10pt;
}

img {
	border: 0px;
}

.content { 
    padding: 0 35px;
}

.min-height { 
    border: 0px solid red;

    float: right;

    height: 600px;
}

#frame {
	width: 810px;

	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;

	text-align: left;

    border: 1px solid black;

    background: url("../images/layout/bg_down.jpg") bottom left no-repeat;
}

#banner, #banner .banner { 
    height: 131px;
}

#banner.uvod { 
    background: url("../images/layout/top_main.jpg");
}

#banner .rock-n-roll { 
    background: black url("../images/layout/top_rr.jpg");
    border: 0px solid red;
}

#banner .hip-hop { 
    background: url("../images/layout/top_hh.jpg");
}

#main { 
    border: 0px solid blue;
    background: url("../images/layout/bg_top.jpg") no-repeat;
}

#main.uvod { 
    background: url("../images/layout/intro.jpg") no-repeat;
    border: 1px solid black;
}

#content { 
    width: 600px;
    overflow: hidden;

    float: left;

    min-height: 200px;

    padding-top: 20px;

    border: 0px solid red;
}

#right-bar { 
    border: 0px solid red;

    float: left;

    width: 180px;
    min-height: 200px;
}

#right-bar h2 { 

}

#right-bar.intro { 
    padding-top: 92px;
}

#right-bar .content { 
    margin: 0;
    padding: 10px;
}

#logo { 
    position: absolute;
    top: 5px;
    right: 20px;
}

#logo a { 
    display: block;

    width: 172px;
    height: 78px;

    background: url("../images/layout/logo.gif") no-repeat;
}

#logo.hh a { 
    width: 200px;
    height: 71px;

    background: url("../images/layout/logo-hh.gif") no-repeat;
}

#logo a span { 
    display: none;
}