Vale, ya lo he conseguido, es bastante facil, y aunque no se ha hecho mucho caso a este post, pongo la solucion para que si no la conociais veais como se hace. Os recomiendo que lo probeis!!!
Este sistema se llama "Media Queries" y creo que solo funciona con CSS3.
Poniendo las siguientes lineas de código nos cargará la hoja de estilo mini.css si el ancho del navegador es menor que 481px y la de defecto.css si no es así.
Código HTML:
<link rel="stylesheet" href="defecto.css" />
<link rel="stylesheet" href="mini.css" media="only screen and (max-width : 481px)" />
Lo bueno de esto es que varia de un estilo a otro de forma dínamica, sin tener que recargar la web.
Más info: http://eliseos.net/boilerplate-comenzar-entender-css3-media-queries/
Espero que os sirva, e insisto, probadlo!