/**
 * Basic 2 column (content)(aside) fixed layout
 * 
 * @package WPFramework
 * @subpackage Layouts
 * @beta
 */

.container { width: 1280px; margin: 0px; }

.header { width: 150px; }

.left { width: 150px; float: left; margin-left: 28px; margin-top: 28px; }

.hfeed { width: 400px; float: left; clear: both; margin-top: 15px; margin-bottom: 50px;  margin-left: 28px; }

#titlediv { padding-bottom: 20px; }

.middle { width: 182px; padding-left: 50px; padding-right: 50px; margin-top: -132px; float: left; clear: right; }

.aside { width: 200px; height: auto; position:fixed; float: left; left: 470px; top:306px; z-index:-999;}

.footer { clear: both; margin-left: 28px; margin-bottom: 10px; width: 150px;}

#logo { height: 60px; position:fixed; top: 100%; margin-top: -60px; margin-left: 28px; z-index: 3;  width: 400px; filter:alpha(opacity=90); background-image:url(../../../../../../img/logo.png) }



/* Feature Images */

#homefeature { 

    

        /* Set up proportionate scaling */
        width: 100%;
        height: 100%;


        top: 0;
        left: 0;
		
		z-index: -9999;

 }

#text-4 {top:0px; left:0px; position:fixed; z-index:-9999;}


@media only screen and (max-device-width: 480px) { /* Specific to this particular image */
    #homefeature {
		 height: auto;
    left: 0;
    min-height: 100%;
    min-width: 1024px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -9999;
	}


   #homefeature {
           left: -512px;   
			top: -306px;
			position:absolute;
			text-align:left;	
        }
		
		#secondary {
	height:100%;
z-index:-9999;	
}
.container {
	width:800px;
		
}

#text-4 {top:auto; left:auto; position:inherit; z-index:auto}

}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    #homefeature {
		 height: auto;
    left: 0;
    min-height: 100%;
    min-width: 1024px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -9999;
	}


   #homefeature {
           left: -512px;   
			top: -306px;
			position:absolute;
			text-align:left;	
        }
		
		#secondary {
	height:100%;
z-index:-9999;	
}
.container {
	width:1000px;
		
}

#text-4 {top:auto; left:auto; position:inherit; z-index:auto}

}
@media only screen and (min-device-width: 768px) {
	    #homefeature {
		
    min-width:1400px;
 
	}
	
}


#homefeaturebackup { height: 100%; position:absolute; top:0; left:0; width:100%; height:100%; z-index:-999; }

#aboutfeature { height: 100%; position: fixed; top:0; left:711px; width:auto; height:100%; z-index: 2; }

#fabrikalbum { height: 100%; position: fixed; top:0; left:711px; width:auto; height:100%; z-index: 2; }

#albumnav { position: fixed; top:28px; left:500px; width:auto; height:auto; z-index: 2; }

#albumframe { height: 100%; position: fixed; top:0; left:711px; width:auto; height:100%; z-index: 2; }

#newsfeature { height: 100%; position: fixed; top:0; left:711px; width:100%; height:100%; z-index: 2; background-image:url(../../../../../../img/news/newsbg.gif); }