/*-----100% HEIGHT DESIGN-----*/
html, body, #container
{
	min-height: 100%;
	width: 100%;
	height: 100%;
	
}
html>body, html>body #container 
{
	height: auto;
}
body 
{
	margin: 0px;
}



/*------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;
                    z-index: 500; 
                }
           
            /*background whitespace on top*/
            #headerspace
            {
                top: 0px; left:0px;
                width: 100%;
            }

        
        /*container for content*/
        #contentcontainer 
        {
	        position: relative;
        }
        
    /*footer container*/
    #footercontainer
    {
	    position: absolute;
	    bottom: 0px; left: 0px;
	    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%;
	margin: 0 auto;
}