body {
    padding:0px;
    margin:0px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    /*background:url(../images/bg.jpg) bottom center fixed no-repeat #FFFFFF;*/
    background:url(../images/winter_bg.jpg) bottom center fixed no-repeat #fefefe;
}
#page{
}
#canvas{
    display:block;
    width:779px;
}
#canvas #header{
    display:block;
    width:779px;
    height:150px;
    background:url(../images/header_bg.png) top left no-repeat;
    text-align:left;
    padding:0px 0px 0px 0px;
    font-size:16px;
}
#canvas #header a{
    color:#6f0f45;
    text-decoration:none;
    outline:none;
}
#canvas #header a:hover{
    text-decoration:underline;
}
.header_tools{
  padding-top:124px;
  margin-left:130px;
  /*background:#000;*/
}

.header_text{
  margin-top:-2px;
  padding-top:2px;
  text-align:right;
  padding-right:10px;
  font-size:11px;
  font-family:Arial, Helvetica, sans-serif;
  color:#603913;
}
.header_text strong {
color:#b03981;
}
#canvas #mainDiv{
    display:block;
    width:779px;
    background:url(../images/mainDiv.jpg) top left repeat-y;
}
#canvas #footer{
    display:block;
    width:779px;
    padding-top:2px;
    background:url(../images/footer.jpg) top left no-repeat;
    color:#CCCCCC;
    font-size:11px;
}

/* kolone */
#canvas #mainDiv #firstColumn {
    float:left;
    display:block;
    width:145px;
    padding:0px 0px 0px 11px;
    background:url(../images/content_bg.png ) 1px 0px no-repeat;

}
#canvas #mainDiv #secondColumn {
    float:left;
    display:block;
    width:420px;
    padding:0px 0px 0px 15px;
}
#canvas #mainDiv #thirdColumn {
    float:left;
    display:block;
    width:161px;
    padding:0px 0px 0px 15px;
}
#canvas #mainDiv #secondColumn2 {
    float:left;
    display:block;
    width:596px;
    padding:0px 0px 0px 15px;
}
/* meni */
#canvas #mainDiv #firstColumn #menu{
    display:block;
    width:145px;
}
#canvas #mainDiv #firstColumn #menu .menuItem a{
    display:block;
    width:145px;
    height:23px;
    padding:6px 0px 0px 0px;
    background:url(../images/nav_bg.png);
    font-size:14px;
    text-decoration:none;
    color:#4a3982;
    font-weight:bold;
    text-transform:uppercase;
    margin:2px 0px 2px 0px;
}
#canvas #mainDiv #firstColumn #menu .menuItem a:hover{
    color:#2a1962;
    font-weight:bold;
    text-transform:uppercase;
    background:url(../images/nav_bg_over.png);

}
.submenu {
    display:none;
    z-index:12000;
    position:absolute;
    top:0px;
    left:0px;
    background:#E0E0E0;
    border:1px solid #4a3982;
    padding:0px 0px 0px 0px;
    opacity:0.9;
    filter:alpha(opacity=90);
    -moz-border-radius:4px 4px 4px 4px;
    -webkit-border-radius:4px 4px 4px 4px;
}
.submenu div.hr{
    border:0px;
    height:2px;
    width:125px;
    background:#FFFFFF;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    font-size:0px;
}
.submenu .menuItem a{
    display:block;
    color:#4a3982;
    width:125px;
    padding:6px 0px 6px 0px;
    /*background:url(../images/menuItem.jpg);*/
    /*background:#ba93a7;*/
    font-size:12px;
    text-decoration:none;
    font-weight:normal;
    text-transform:uppercase;
    text-align:center;
    /*border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;*/
}
.submenu .menuItem a:hover{
    color:#E0E0E0;
    background-color:#8a79B2;
    font-weight:normal;
    text-transform:uppercase;
}


/* box-ovi */

#canvas #mainDiv #firstColumn #purpleBox{
}
.purpleBoxHeader{
    display:block;
    width:145px;
    height:30px;
    background:url(../images/purpleBoxHeader.jpg) top left no-repeat;
}
.purpleBoxBody {
    display:block;
    width:135px;
    padding:0px 5px 0px 5px;
    font-size:10px;
    color:#FFFFFF;
    background:url(../images/purpleBoxBody.jpg) top left repeat-y;

}
.purpleBoxFooter{
    display:block;
    width:145px;
    height:9px;
    background:url(../images/purpleBoxFooter.jpg) top left no-repeat;
}
#canvas #mainDiv #thirdColumn #yellowBox_1{
}
#canvas #mainDiv #thirdColumn #yellowBox_1 div.yellowBoxBody {
    font-size:15px;
    color:#000000;
    text-align:center;
}
.yellowBoxHeader{
    display:block;
    width:162px;
    height:34px;
    background:url(../images/yellowBoxHeader.jpg) top left no-repeat;
}
.yellowBoxBody {
    display:block;
    width:152px;
    padding:0px 5px 0px 5px;
    font-size:10px;
    color:#FFFFFF;
    background:url(../images/yellowBoxBody.jpg) top left repeat-y;

}
.yellowBoxFooter{
    display:block;
    width:162px;
    height:9px;
    background:url(../images/yellowBoxFooter.jpg) top left no-repeat;
}
#canvas #mainDiv #thirdColumn #blueBox_1{
}
#canvas #mainDiv #thirdColumn #blueBox_2{
}
#canvas #mainDiv #thirdColumn #blueBox_1 div.blueBoxBody, #canvas #mainDiv #thirdColumn #blueBox_2 div.blueBoxBody{
    color:#b4fcff;
    font-size:16px;
    text-align:center;
}
#canvas #mainDiv #thirdColumn #blueBox_1 div.blueBoxBody a, #canvas #mainDiv #thirdColumn #blueBox_2 div.blueBoxBody a{
    color:#b4fcff;
    font-size:16px;
    text-align:center;
    text-decoration:none;
}	
#canvas #mainDiv #thirdColumn #blueBox_1 div.blueBoxBody a:hover, #canvas #mainDiv #thirdColumn #blueBox_2 div.blueBoxBody a:hover{
    text-decoration:underline;
}	
.blueBoxHeader{
    display:block;
    width:162px;
    height:34px;
    background:url(../images/blueBoxHeader.jpg) top left no-repeat;
}
.blueBoxBody {
    display:block;
    width:152px;
    padding:0px 5px 0px 5px;
    font-size:10px;
    color:#FFFFFF;
    background:url(../images/blueBoxBody.jpg) top left repeat-y;
}
.blueBoxFooter{
    display:block;
    width:162px;
    height:8px;
    background:url(../images/blueBoxFooter.jpg) top left no-repeat;
}
.br2 {
    font-size:2px;
}
.br10 {
    font-size:8px;
}
#mailingListFormDiv a{
    font-size:12px;
    color:#000066;
    text-decoration:none;
    font-weight:bold;
}
#mailingListFormDiv a:hover{
    text-decoration:underline;
}

#mailingList{

}
#mailingList input#email {
    display:block;
    width:146px;
    height:23px;
    background:url(../images/mailingListInputText.jpg) top left no-repeat;
    border:none;
    padding-top:6px;
    text-align:center;
    font-weight:bold;
}
#mailingList input#submitButton {
    display:block;
    width:142px;
    height:33px;
    text-align:center;
    border:none;
    font-size:16px;
    font-weight:bold;
    color:#333333;
    background:url(../images/mailingListInputSubmit.jpg) top left no-repeat;
    cursor:pointer;
    outline:none;
}
.forumMenuItem a{
    display:block;
    width:145px;
    height:23px;
    padding:6px 0px 0px 0px;
    background:url(../images/forumMenuBg.gif);
    font-size:14px;
    text-decoration:none;
    color:#FFFFFF;
    font-weight:bold;
    text-transform:uppercase;
    margin:2px 0px 2px 0px;
}
.forumMenuItem a:hover{
    color:#FFCC66;
    font-weight:bold;
    text-transform:uppercase;

}
#loginWrapper {
}
#loginWrapper span.loginText{
    font-size:10px;
}
#loginWrapper input.loginInput {
    font-size:10px;
    border:1px solid #700F45;
    background:#DDBBDD;
    width:100px;
}
#loginWrapper a.logout, #loginWrapper a.forgotPass, #loginWrapper a.register{
    font-size:10px;
    color:#DDDDDD;
    text-decoration:none;
    padding-left:5px;
}
#loginWrapper a.logout:hover,  #loginWrapper a.forgotPass:hover, #loginWrapper a.register:hover{
    text-decoration:underline;
}
.playerWrapper{
    display:block;
    width:145px;
    height:23px;
    padding:4px 0px 2px 10px;
    background:url(../images/playerBg.gif) top left no-repeat;
    margin:2px 0px 2px 0px;
}
#play {
  float:left;
  display:block;
  width:12px;
  height:12px;
  background:url(../images/player_controls.png) 0px 0px no-repeat;
}
#play:hover {
  background:url(../images/player_controls.png) 0px -12px no-repeat;
}
#stop {
  display:block;
  width:12px;
  float:left;
  height:12px;
  background:url(../images/player_controls.png) -12px 0px no-repeat;
}
#stop:hover {
  background:url(../images/player_controls.png) -12px -12px no-repeat;
}
.playerWrapper #play{
    outline:none;
    display:block;
    float:left;
    margin:4px 4px;
    height:15px;
    width:15px;
    background:url(../images/buttonPlay.gif) top left no-repeat;
}
.playerWrapper #stop{
    outline:none;
    display:block;
    float:left;
    margin:4px 4px;
    height:15px;
    width:15px;
    background:url(../images/buttonStop.gif) top left no-repeat;
}
#volSlider{
    display:block;
    float:left;
    height:15px;
    margin:4px 4px;
    width:70px;
    background:url(../images/volSliderBg.gif) left center repeat-x;
    position:relative;
}
#volHandle{
    display:block;
    height:14px;
    width:8px;
    position:absolute;
    top:0px;
    left:0px;
    background:url(../images/volSliderHandle.gif) left center no-repeat;
    outline:none;
    font-size:1px;
}
.playerWrapper a:hover{
    filter:alpha(opacity=70);
    moz-opacity:0.7;
    opacity:0.7;
}
.mala_berza_button{
    width:160px;
    height:212px;
    display:block;
    background: url(../images/mala_berza_button_anim.gif) top center no-repeat;
    text-decoration:none;
}
.fix:after {
    content: '[.]';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.fix {
    display: inline-block;
}
/*\*/
.fix {
    display: block;
}