@media screen {
	
	/* =body */
	
		body { 
			background-image: url("../../images/assets/background-grad.gif"); 
			background-color: #d5eff0; background-position: 0em 9.7em;
			background-repeat: repeat-x;
		}
	
	/* =content-main */
	
		div#content { overflow: hidden; padding-top: 1em;  }
		
		div#content div#content-main { width: 13.5em; position: relative; padding: 0 1em 5em 0; float: left; }
		div#content div#content-main h1 { color: #12589c; margin-left: 0; padding-right: 3em; margin-top: 0.5em; margin-bottom: 0.35em; line-height: 1.125em; }
		div#content div#content-main h2 { color: #000000; font-size: 0.75em; margin-bottom: 0.5em; margin-left: 0; text-transform: none; margin-top: 0; }
		div#content div#content-main p { margin-left: 0; }
		div#content div#content-main ul { margin-left: 0; }
		div#content div#content-main div.vcard span.tel { font-size: 2.1em; line-height: 1.25em; }
	
	/* =content-interactive */
	
		div#content div#content-interactive { float: left; width: 44.375em; margin-bottom: 0.625em; }
		
		div#content div#content-interactive img,
		div#content div#content-interactive embed,
		div#content div#content-interactive object
		{ float: left; width: 32.625em; height: 17.875em; }
		
		div#content div#content-interactive div.debt-help {
			float: right; width: 11em; height: auto !important; height: 17.875em; min-height: 17.875em;
			background: #003f86 bottom left no-repeat url("../../images/panel-debt.png");				
		}
		
		div#content div#content-interactive div.debt-help h2 { color: #FFFFFF; padding: 0.5em 1em 0 0; margin-top: 0; text-transform: none; font-size: 1.2em; margin-bottom: 0.5em; }
		div#content div#content-interactive div.debt-help p { color: #FFFFFF; }
		div#content div#content-interactive div.debt-help a { color: #FFFFFF; }
		
		div#content div#content-interactive div.debt-help p.guide-cta { 
			width: 9.5em; font-weight: bold; font-size: 0.85em; 
			line-height: 1.25em; padding-top: 0.5em; margin-right: 0; }
		div#content div#content-interactive div.debt-help p.guide-cta a { color: #FFFFFF; }
		div#content div#content-interactive div.debt-help p.guide-cta span { 
			padding: 0px 7px 0px 4px; display: inline; #display: inline-block; 
			background: transparent url("../../images/assets/icon-arrow-solid.gif") 5px 5px no-repeat;
		}
	
	/* =content-related */
	
		div#content div.content-related { 
			float: left; margin: 0 0.625em 0 0;	width: 14.375em;
			background: #f5fbfc; padding-bottom: 0.5em;
			height: auto !important; height: 12em; min-height: 12em; 
		}
		
		div#content div.content-related h2 {
			color: #FFFFFF; text-transform: none;
			font-size: 0.9em; padding: 0.25em 0.5em 0.25em 0.5em;
			border: 1px solid #007026; margin: 0 0 0.4em 0;
			background: #007d2a repeat-x url("../../images/assets/quicklinks.gif") top left;
		}
		
		div#content div.content-related p { margin-bottom: 0.4em; }
		
		div#content div.content-related h2 a { 
			display: block; background: url("../../images/assets/icon-arrow.gif") no-repeat right 0.3em; 
			color: #FFFFFF; text-decoration: none; 
		}
		
		div#content div.content-related h2 a:hover,
		div#content div.content-related h2 a:focus,
		div#content div.content-related h2 a:active
		{ text-decoration: underline; }
		
		div#content div.stories { margin: 0; }
		
		div#content div.stories blockquote { position: relative; height: 8.25em; width: 12em; margin: 1.2em 0 0 1.2em; }
		div#content div.stories blockquote p { width: 100%; height: 100%; display: block; margin: 0; padding: 0; text-indent: 0.5em; text-indent: -9999px;  }
		div#content div.stories blockquote p span { position: absolute; top: 0; left: -1px; width: 100%; height: 100%; 
			background: url("../../images/panel-stories.png") no-repeat top left; }
		
		div#content div.content-related ul { padding: 0; list-style-type: none; }
		div#content div.content-related ul li { line-height: 1.5em; padding: 0; font-weight: bold; margin-left: 1em; }
		
	/* =site-information */
	
		div#site-information { background: url("../../images/assets/border-dotted-grad.gif") repeat-x top left; }
		div#site-information ul li.support { text-indent: -9999px; text-align: left; }
		div#site-information ul li.support a span { background: url("../../images/logo-scottish-government-grad.gif") no-repeat top left; }
	
}