/**
	this file lets you cascade and override things *after* the 
	branding stylesheet has been evaluated.
*/

/** being for the benefit of IE, where the PNG will be white unless we none the background */
#page-brand-home #grid-column-0 .container-angle-top, #page-brand-home #grid-column-1-narrow .container-angle-top, #page-brand-home #grid-column-1-narrow .container-angle-bottom
	{ _bac\kground-image: none; }
		
/** essentially hide the text from compliant browsers */
.menu-brand .nth-child-1 h3, #page-brand-home ul h3
	{ line-height: 0.01em; /** fix IE extra spacing */ background-repeat:  no-repeat; }
		
/** where headings are anchors and using the image replacement IE & opera hide the link content in overflow. so fix */
#page-brand-home ul h3 a
	{ height: 21px; width: 100%; display: block; }

/** reset the above for the 'more' section on homepage */	
#page-brand-home li.nth-child-4 h3
 	{ width: 100%; height: 1.2em; _line-height: 1.2em; } 

#page-brand-home #grid-column-1-narrow li.nth-child-4 h3 span
 	{ overflow: visible;  } 

/** general style to hide the textual content.
	these rules should just be a repetition of the above with the 'span' appended */ 
.menu-brand .nth-child-1 h3 span, #page-brand-home ul h3 span
	{ display: block; width: 0; overflow: hidden; }