﻿/*-----100% HEIGHT DESIGN-----*/
html, body, #container
{
	min-height: 100%;
	width: 100%;
	height: 100%;
}

html>body, html>body #container 
{
	height: auto;
}
body 
{
	margin: 0;
	font-family:Arial;
}

 img, div { behavior: url(iepngfix.htc) }

SPAN.news_font
{
	color:White;
	text-decoration: none;
	font-size: 14px;
}

.news_link
{
	color:#505050;
	text-decoration: none;
	line-height:16px;
}

.news_link:hover
{
	color:#e06600;
}

.nike_logo
{
	position:absolute;
	top:0; left:0;
	margin-top:30px;
	margin-left:1px;
	height:33px;
	width:154px;
	background: url('../img/nike.png');	
}

.nike_logo:hover
{
	position:absolute;
	top:0; left:0;
	margin-top:30px;
	margin-left:1px;
	height:33px;
	width:154px;
	background: url('../img/nike_off.png');	
}

.logo_left
{
	position:absolute;
	left:50%;
	top:0;
	height:33px;
	width:90px;
	margin:30px 0px 0px -539px;
	background:url('../img/kljukica.png');
}

.logo_left:hover
{
	position:absolute;
	left:50%;
	top:0;
	height:33px;
	width:90px;
	margin:30px 0px 0px -539px;
	background:url('../img/kljukica_on.png');
}

.sendButton
{
	float:left;
	height:27px;
	width:91px;
	background: url(../img/poslji_off.jpg);
	margin-bottom:50px;
	cursor:pointer;
}

.sendButton:hover
{
	float:left;
	height:27px;
	width:91px;
	background: url(../img/poslji_on.jpg);
	margin-bottom:50px;
	cursor:pointer;
}


/*------CONTAINERS------*/
/*global container*/
#container 
{
	position: absolute;
	top: 0;
	left: 0;
}

    /*container for header & footer*/
    #maincontainer 
    {
        position: relative;
	    height: auto;
	    width: 100%;
    }
    
        /*container for header*/
        #headercontainer
        {
	        position: relative;
        }
        
            /*header*/
            #header
            {
	            position: relative;
	            height: 100%;
            }
            
                /*line on top of the header*/
                #headerline
                {
                    position: absolute;
                    width: 100%;
                    left: 0px;
                }
           
            /*background whitespace on top*/
            #headerspace
            {
                top: 0px; left:0px;
                width: 100%;
            }

        
        /*container for content*/
        #contentcontainer 
        {
	        position: relative;
        }
        
            /*contetn colums*/
            #content1, #content2, #contentHeading
            {
                vertical-align:top;
                text-align:left;
            }
        
    /*footer container*/
    #footercontainer
    {
	    position: relative;
	    width: 100%;
    }
        
        /*background whitespace on bottom*/
        #footerspace
        {
            position:absolute;
            bottom: 0px; left:0px;
            width: 100%;
        }
        
        /*footer content*/
        #footer
        {
            position:relative;  
        }


/*-----FORCED BACKGROUND, IN CASE OF OVER THE BACKGROUND SITE------*/
/*forced background container*/
#forcedbackgroundcontainer 
{
	position: absolute;
	height: 100%;
	width: 100%;	
}

/*forced background*/
#forcedbackground
{
	height: 100%;
}
