function getcss(cssfile){

loadcss = document.createElement('link')

loadcss.setAttribute("rel", "stylesheet")

loadcss.setAttribute("type", "text/css")

loadcss.setAttribute("href", cssfile)

document.getElementsByTagName("head")[0].appendChild(loadcss)

}

if(screen.width <= '1024') 
// Defines the resolution range you're targeting (less than 800 pixels wide in this case)

{

getcss('thrColLiqHdr - lowres.css') 
// Defines the .css file you want to load for this range (800x600.css)

}

else if(screen.width > '1024') 
// This time we're targeting all resolutions greater than 1024 pixels

{

getcss('thrColLiqHdr.css') 
//And we want to load the .css file named "1024x768.css"

}

else ;