html, body, ul, li, h1, h2, h3, h4, form { margin: 0px; padding: 0px; list-style: none; }
body, td { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; vertical-align:top; color:#333333;}
body {background:url(images/bg_top.jpg) top repeat-x #003366; background-color:#003366; }
object { display:block; border:0px; } img {border:0px; }
p { margin-top:0px; margin-bottom:10px; font-size: 12px; line-height:140%}
a { text-decoration:none; }
a:link { color: #006; }
p a:link {color: #6699CC; font-weight:bold}
p a:hover, li a:hover { text-decoration:underline; color:#C03}
a:visited { color: #6699CC; font-weight:bold}
a:hover { color: red;}
a:active { color: #6699CC; font-weight:bold}
#banner {height: 173px; background-image: url(images/hd_music_mixing.jpg); background-repeat:no-repeat}
.h { display: none }
.v { display: block }
#logo {
margin-left:0px;
padding-top:28px;
width:262px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size:25px;
color:white;
text-align:center;
font-weight: normal;
font-variant:small-caps;
letter-spacing:1px;
}
#logo a, #logo a:hover, #logo a:visited, #logo a:active { color:white}
#slogan {
margin-left:311px;
padding-top:120px;
width:462px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size:18px;
letter-spacing: 1px;
word-spacing:2px;
color: #CCCCCC;
text-align:center;
font-weight: normal;
}
#glosnik1 {
position:absolute;
left:918px;
top:138px;
width:83px;
height:238px;
z-index:6;
background:url(images/glosnik1b.gif) no-repeat top left;
}
#glosnik2 {
position:absolute;
left:-62px;
top:141px;
width:83px;
height:238px;
z-index:7;
background:url(images/glosnik2.jpg) no-repeat top left;
}
#wrapper { width: 950px; margin: 0px auto; position:relative}
#content { background-color:#FFFFFF; padding-top:0px;
width:100%;
float:right; /* powoduje ze stopka jest wypychana na dol poza blok content (lepiej niz clear:both w stopce)*/
/* bez float content mimo ze zawiera tresc i menu to sa one wyplyniete poza content (bo same zawieraja float) i footer tez wchodzi wizualnie na content;
float tu powoduje ze content obejmuje swoja faktyczna zawartosc a co za tym idzie wypycha reszte (footer) na zewnatrz jak naturalny blok*/
}
/* 960px = 62(margin-left) + 193(menu column) + (width, padding, margin of content column) */
#content-column{
padding:20px 10px 5px 25px; /* min 1px padding zapobiega wychodzeniu p margin outside div box */
padding-bottom: 25px;
width:685px; float:left; /* alternatywnie zamiast width mozna podac margin-right:200px; */
}
#content-column ul {padding:5px; padding-left:10px; margin: 5px 10px 5px 10px; margin-top:1px;}
#content-column li {list-style-type: square; color: #003399; line-height: 120%; padding: 1px 0px 4px 0px; margin:3px}
#content-column ol li { font-size:10px; margin-left: 0px; padding: 0px 0px 2px 0px; margin:2px; list-style-type: decimal; }
#content-column ol { margin-left: 10px; padding-left: 20px;}
.subtitle {padding: 2px 0px 2px 2px; font-size:10px;}
/* MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU */
#menu-column {margin-left:0px; width:220px; float:right}
/*.menu-section { width:193px; margin-top:80px;} alternatywnie zamiast width mozna podac margin-left: -200px; */
#menu-column ul { background: url(images/bg_menu.jpg) top right no-repeat; border-top: 0px solid white; border-bottom: 0px solid white; margin:0px 0px 20px 0px;}
#menu-column li { border: 1px beige groove}
#menu-column a { font-size:13px; font-weight:bold; color: white; display:block; padding: 5px; width:205px; /* aby w IE widzialo background jako blok na calej dlugosci a nie tylko dlugosci linku slowa*/
border-top: 0px solid white; border-bottom: 0px solid white}
#menu-column a:hover { color:white; background-image:url(images/bg_hover.png); background-repeat:no-repeat; text-decoration:none}
h1 { color: #660000; font-size:23px; margin-bottom:10px; font-weight:normal; letter-spacing:1px; font-family:"Times New Roman", Times, serif}
h2, h2 a, h2 a:visited { color: #003366; font-size:20px; margin-bottom:0px; font-weight:normal; letter-spacing:1px; font-family:"Times New Roman", Times, serif}
h2 { margin-top: 15px; margin-bottom:8px; clear:both; display:block}
h2 a:hover { color: red}
h3 { font-family:"Times New Roman", Times, serif; font-size:22px; color: #003366; font-weight:normal}
/* footer */
#footer{
clear: both; /* tu ustawia dla footera jego nieop³ywalno¶æ a co wa¿niejsze powoduj±c ¿e bêdzie on zawsze na dole i ¿aden div na niego nie wejdzie */
width: 100%;
background: url(images/footer.jpg) no-repeat center;
color: #FFF;
text-align: center;
height: 30px;
vertical-align:middle;
line-height:30px; /* najlepszy sposob na wyrownanie w pionie (bez bawienia sie z paddingiem) */
}
#footer a{
color: #FFFF80;
}
li strong, b { color: #003366; font-family: Arial, Helvetica, sans-serif;}
/* CONTACT PAGE FORM STYLES -----------------------------------------------*/
.form_contact textarea {height:100px; width:490px; background: transparent; color:#660000}
.lista textarea {height:300px; width:310px; background: transparent; color:#660000}
#items input { font-size:9px; width:35px; height:15px; color: #999999; border: none; line-height:20px; background-color:#FFFFFF} /* ADD buttons */
ul#items {margin: 0px; padding: 0px; list-style: none; }
#items li {margin: 0px; padding: 0px; list-style: none; }
#items li:hover { background-color:#CCFF66}
table.contact {margin-top:0px; margin-bottom:0px; }
table.contact td {border:0px; padding:2px}
.wklesle
{
border: 1px solid #660000;
/*border-top: 1px inset #efe09d;
border-right: 1px outset #efe09d;
border-bottom: 1px outset #efe09d;
border-left: 1px inset #efe09d; */
background: transparent;
color: #660000;
}
.testimonials p { font-size:11px; line-height:130%; color:#666666}
.testimonials { margin-bottom:20px}
.testim_content {background-image:url(images/testim_bg.jpg); background-repeat:repeat-y; background-position:left; padding:0px 10px 0px 10px}
.testim_content strong { font-size:13px; color: #6699CC}
.testim_sig {background-image:url(images/testim3.jpg); font-size:11px; background-repeat: no-repeat; height:50px; background-position:left top; padding:25px 5px 0px 55px}
#content img { padding:5px; border:1px solid #660000; margin-right:15px}
.playlista {/*white-space:nowrap;*/ width:620px; margin:5px 15px}
.playlista td,th {/*white-space:nowrap;*/ padding: 2px 3px 2px 3px; border: 0px #5B7195 solid; border-bottom: 1px solid #CCC}
table.prices { border:1px solid #CCC}
table.prices td { border:1px solid #CCC; padding: 3px}