*{
margin: 0;
padding: 0;
}

img{
border: 0;
}

body{
background: #EEE url('gfx/background.png') no-repeat top;
}

#container{
width: 960px;
margin: 0 auto;
}

#header{
width: 100%;
height: 100px;
}

#header a img{
float: right;
margin: 2px 0 0 4px;
}

#menu{
position: relative;
float: left;
margin-top: 18px;
width: 228px;
}

#menu a{
height: 20px;
}

#menu a span{
display: block;
position: relative;
left: 12px;
padding: 4px 0;
font-size: 25px;
line-height: 20px;
font-weight: bold;
text-decoration: none;
color: #565855;
letter-spacing: -0.05em;
text-align: justify;
font-family: Arial, Verdana, sans-serif;
}

#menu a span:hover{
color: #333;
}

#menu a:hover{
	background-color: transparent;
}

#menu a.selected span{
color: #cd3134;
}

#menu a div{ /* icon*/
position: absolute;
visibility: hidden;
top: -5000px;
/* mozna dorzucic left: -9000px; a wlasciwy offset w hover*/
}

#menu a:hover div{ /* icon*/
visibility: visible;
top: -18px;
right: -540px;
z-index: 50;
}

#menu .c, #media .c{  /* common to top and bottom */
width: 228px;
height: 18px;
position: absolute; 
}

#menu .t, #media .t{  /* top */
top: -18px;
	left: 0;
	font-size: 0;
background: url(gfx/menu-top.png) no-repeat top;
}

#menu .m, #media .m{  /* middle */
padding: 0;
background: url(gfx/menu-middle.png) repeat-y top;
}

#menu .b, #media .b{  /* bottom */
bottom: -18px;
	left: 0;
	font-size: 0;
background: url(gfx/menu-bottom.png) no-repeat bottom;  /* bottom for shitty ie hack */
}


#logo{
float: left;
width: 500px;
height: 399px;
margin-left: 40px;
background: transparent url('gfx/dmlogo.png') no-repeat top;
}

#content{
float: left;
position: relative;
width: 500px;
margin: 36px 0 0 40px;
background-color: transparent;
overflow: show;
}

#content .c{  /* common to top and bottom */
width: 500px;
height: 36px;
position: absolute; 
}

#content .t{  /* top */
top: -36px;
	font-size: 0;
background: url('gfx/frame-top.png') no-repeat top;
}

#content .m{  /* middle */
padding: 0 12px;
background: url('gfx/frame-middle.png') repeat-y top;
}

#content .b{  /* bottom */
bottom: -36px;
	font-size: 0;
background: url('gfx/frame-bottom.png') no-repeat bottom;  /* bottom for shitty ie hack */
}

#content h1, #content h2, #content p, #content a, .sponsors h1,#media h1, #footer p, #footer a{
color: #333;
letter-spacing: -0.05em;
text-align: justify;
font-family: Arial, Verdana, sans-serif;
}

#content h1{
font-size: 20px;
position: absolute;
top: -28px;
}

#content h2{
font-size: 18px;
}

#content p{
font-size: 14px;
}

#content img{
width: 128px;
height: 96px;
padding: 10px 2px;
background: transparent url('gfx/img-background.png') no-repeat top;
}

.sponsors{
width: 152px;
margin-top: 18px;
float: right;
clear: right;
background-color: transparent;
text-align: center;
position: relative;
overflow: visible;
}

.sponsors img, #media img{
margin: 0 auto 8px auto;
}

.sponsors .c{ 
width: 152px;
height: 18px;
position: absolute; 
}

.sponsors .t{  
top: -18px;
	left: 0px;
	font-size: 0;
background: url('gfx/sp-top.png') no-repeat top;
}

.sponsors .m{ 
padding: 0 12px;
background: url('gfx/sp-middle.png') repeat-y top;
}

.sponsors .b{ 
bottom: -18px;
	left: 0px;
	font-size: 0;
background: url('gfx/sp-bottom.png') no-repeat bottom; 
}

.sponsors h1, #media h1{
font-size: 16px;
margin-bottom: 4px;
}

#footer{
width: 100%;
padding-top: 48px;
background-color: transparent;
clear: both;
text-align: center;
}

#footer a{
font-size: 14px;
font-weight: bold;
text-decoration: none;
text-align: left;
}

#media{
width: 228px;
float: left;
position: relative;
margin: 44px 0 0 0;
background-color: transparent;
text-align: center;
overflow: visible;
}

#media .m h1{
padding-left: 12px;
}

#media img{

}

#left{
width: 228px;
float: left;
}