@import url(blankcanvas.css);
@import url(base-typography.css);
@import url(base-dataset.css);
@import url(assets.css);

/*
	Site 968px / 60.5em;
	Content: 948px / 59.25em;
	Gutters: 10px / 0.625em;
	Columns:
		Secondary Navigation: 228px / 14.25em;
		Main Content: 512px / 32em;
		Related Content:  188px / 11.75em;
*/

@media screen {

	/* =nationaldebtline-org */
	
		body { background-color: #f0f9f6; position: relative; min-width: 60.5em; }
		
	/* =access */

		#access { position: absolute; width: 100%; }
		#access li { position: absolute; top: 0em; width: 100%; text-align: center; }
		#access li a { position: absolute; top: -10em; z-index: 999; }
		#access li a { 
			display: block; line-height: 2em; font-weight: bold; padding-bottom: 0.3em;
			position: relative; color: #FFFFFF; font-size: 0.8em; 
		}
		#access li a:focus, #access li a:active { 
			background: #444444 url("../images/layout/primary-nav-bg.png") repeat-x left top; 
			top: 0em; text-decoration: none; border-bottom: 1px solid #808583;
		}
	
	/* =header */
	
		div#header {  background: #007326 url("../images/layout/header.gif") left bottom repeat-x; }
		
		div#header div#branding { margin: 0 auto; width: 54.5em; position: relative; padding: 4.5em 0 0 6em; color: #FFFFFF; }
		div#header h2 { position: absolute; text-indent: -9999px; }
		
		div#header a { color: #FFFFFF; }
		div#header a:active,
		div#header a:hover,
		div#header a:focus 
		{ text-decoration: none; }
		
		div#header p#identity { display: block; position: absolute; bottom: 1em; left: 0; }
		div#header p#identity a { 
			background: url("../images/identity.png") no-repeat; cursor: pointer; 
			height: 5.5em; width: 5.2em; text-indent: -9999px; display: block;
		}
		
		p.tagline {
			display: block; text-indent: -9999px; height: 3.5em; width: 3.5em;
			background: url("../images/tagline.png") no-repeat top left;	
			position: absolute; bottom: 1em; right: 12.5em; 
		}

		/* =contact */
		p.contact { 
			width: 27em; height: 1.4em; display: block; text-indent: -9999px;
			background: url("../images/contact.png") no-repeat top left; 
		}

		ul#contact-options li.info {height: auto !important; height: 1.3em; min-height: 1.3em; font-size: 0.8em; font-weight: bold; padding: 0.5em 0 1.5em 0; line-height: 1.25em; display: block; }
		ul#contact-options li.info span { position: absolute; text-indent: -9999px; }
		ul#contact-options li.cta { font-size: 0.75em; position: absolute; top: 0.625em; right: 0; line-height: 1.25em; }
		
		div#header ul#contact-options li.info a { color: #f5800a; }
		div#header ul#contact-options li.info a:active,
		div#header ul#contact-options li.info a:hover,
		div#header ul#contact-options li.info a:focus 
		{ text-decoration: none; }
		
		/* =regions */
		ul#regions { position: absolute; right: 0; bottom: 0; width: 142px; }
		ul#regions li { display: block; float: left; }
		ul#regions li a { 
			height: 38px; width: 52px; text-indent: -9999px; display: block;
			background-repeat: no-repeat; background-position: top left;
		}
		ul#regions li.england a { margin-right: 5px; width: 85px; background-image: url("../images/assets/icon-england-inactive.png"); }
		ul#regions li.england a:hover,
		ul#regions li.england a:active,
		ul#regions li.england a:focus,
		ul#regions li.england a.active
		{ background-image: url("../images/assets/icon-england-active.gif"); }
		
		ul#regions li.scotland a { background-image: url("../images/assets/icon-scotland-inactive.png"); }
		ul#regions li.scotland a:hover,
		ul#regions li.scotland a:active,
		ul#regions li.scotland a:focus,
		ul#regions li.scotland a.active
		{ background-image: url("../images/assets/icon-scotland-active.gif"); }
		
		/* =header-ie */
		* html div#header p#identity a { z-index: 120; position: relative; background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.nationaldebtline.co.uk/england_wales/images/identity.png"); } 
		* html p.contact { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.nationaldebtline.co.uk/england_wales/images/contact.png"); }
		* html p.tagline { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.nationaldebtline.co.uk/england_wales/images/tagline.png"); }
		
	/* =primary-navigation */
	
		div#navigation { 
			background: #444444 url("../images/layout/primary-nav-bg.png") repeat-x left top;
			border-bottom: 1px solid #808583; height: auto !important; height: 1.6em; min-height: 1.8em;
		}
		
		ul#primary-navigation { 
			display: block; width: 59.25em; margin: 0 auto; overflow: hidden;
			border-left: 1px solid #313131;
		}
		
		ul#primary-navigation li { 
			display: block; float: left; font-size: 0.75em; text-transform: uppercase; font-weight: bold;
		}
		
		ul#primary-navigation li a { 
			display: block; padding: 0.7em 1em 0.7em 1em; text-decoration: none; color: #FFFFFF; 
			background: url("../images/layout/primary-nav-inactive.gif") no-repeat top right;
			border-right: 1px solid #313131;
		}
		
		ul#primary-navigation li a:hover,
		ul#primary-navigation li a:active,
		ul#primary-navigation li a:focus 
		{ background: #007427 url("../images/layout/primary-nav-active.gif") repeat-x top left; }
		
	/* =breadcrumb */
		
		ul#breadcrumb { width: 100%; overflow: hidden; margin: 0 0 1.5em 0; padding: 0.8em 0 0 0; }
		ul#breadcrumb li { display: block; float: left; border-right: 1px solid #000000; padding: 0 0.5em 0 0.4em; }
		ul#breadcrumb li.last { padding-right: 0; border: 0; }

	/* =content */

		div#content { padding: 0.5em 0 1.5em 0; width: 59.25em; margin: 0 auto; }
		
	/* =site-information */
	
		div#site-information {
			width: 59.25em; margin: 0 auto; padding: 0.625em 0 0 0; position: relative; 
			background: url("../images/assets/border-dotted.gif") repeat-x top left;
			height: auto !important; height: 3em; min-height: 3em; 
		}
		
		div#site-information h3 { position: absolute; text-indent: -9999px; display: block; overflow: hidden; }
		div#site-information p { font-size: 0.7em; color: #009231; float: left; line-height: 1.25em; padding-top: 0.5em; } 
		
		div#site-information ul { font-size: 0.7em; color: #000000; width: 20.5em; float: right; text-align: right; padding-right: 1em; }
		div#site-information ul li { display: inline; border-right: 1px solid #000000; padding: 0 0.5em 0 0.4em; line-height: 2em; }
		div#site-information ul li.last { border: 0; padding-right: 0; }
		
		div#site-information ul li a { color: #000000; text-decoration: underline; }
		div#site-information ul li a:hover,
		div#site-information ul li a:focus,
		div#site-information ul li a:active
		{ text-decoration: none; }
		
		div#site-information ul li.support { font-size: 0.8em; position: absolute; top: -9.625em; left: 0; border: 0; padding: 0; }
		
		div#site-information ul li.support a { position: relative; width: 7.15em; height: 8.5em; display: block; text-align: left; text-indent: -9999px; }
		div#site-information ul li.support a span {
			width: 100%; height: 100%; display: block; 
			position: absolute; top: 0; left: 0; cursor: pointer;
			background: url("../images/logo-scottish-government.gif") no-repeat top left;
		}
		
		img#shp {
			margin: 0 20px;
			float: right;
		}

}