Antes que nada muchas gracias por ayudarme.
He hecho todo lo que me haz dicho pero me quedó medianamente bien, estamos cerca, aparentemente algo hay por corregír.

Acá te dejo una captura de como se ve:

Lo del fondo azul, es que te falta una imagen, comprueba el css.

Lo de los puntos, donde pone #breadcrumb li lo borras y pones esto:
#breadcrumb li{float:left;height:28px;color:#006cb1;list-style:none;}

Puse la imagen que faltaba y desaparecieron los puntos.
Lo que me queda la duda es con que línea tengo que ir probando para que el ícono HOME se queda del lado izquierdo donde debería quedar sin ese espacio.

Estoy sumamente agradecido, realmente, muchas gracias por tu colaboración.
Un abrazo!

Eso se puede arreglar
Dame una imagen de como te ha quedado por lo menos.