/*
=======================================================================
Filename:		styles_1024.css
Date Created:	2007-10-16
Description:	CSS stylesheet for browser windows >= 970px wide
Site:			london.gov.uk
Author:			Mark Patterson (mark.patterson@atticmedia.com)
========================================================================
*/

/* Import External CSS
--------------------------------------------------------------------- */
@import url(components_1024.css);

/* Wrapper widths
--------------------------------------------------------------------- */
#header-wrapper, #mainwrapper {
	width: 970px;
}


/* Header
--------------------------------------------------------------------- */
#header {
	border-bottom: 6px solid #fff;
	float: left;
}
#header #utilitynav {
	width: 720px;
}
#outer-wrapper #header div.londonlogo img.small {
	display: none;
}
#outer-wrapper #header div.londonlogo img.large {
	display: block;
}



/* Microsite Logo
--------------------------------------------------------------------- */
#logo-wrapper #microsite-logo, #logo-wrapper #microsite-logosmall {
	width: 671px;
}


/* Left Column
--------------------------------------------------------------------- */
#leftcol {
	width: 238px;
}


/* Footer
--------------------------------------------------------------------- */
#footer div.footer-wrapper {
	width: 951px;  
}


/* Content Columns
--------------------------------------------------------------------- */
#pagecontentwrapper {
	width: 726px;
}
.twocolumn-wrapper .col1 {
	float: left;
	clear: right;
	width: 481px;
}
.twocolumn-wrapper .col2 {
	float: left;
	clear: right;
	width: 239px;
	margin-left: 6px;
}

/* LONDON: Content Columns 
--------------------------------------------------------------------- */
#london .twocolumn-wrapper .col1 {
	float: left;
	clear: right;
	width: 360px;
}
#london .twocolumn-wrapper .col2 {
	float: left;
	clear: right;
	width: 360px;
	margin-left: 6px;
}

/* LONDON - error page: Content Columns 
--------------------------------------------------------------------- */
#london .twocolumn-wrapper .errorcol1 {
	float: left;
	clear: right;
	width: 481px;
}
#london .twocolumn-wrapper .errorcol2 {
	float: left;
	clear: right;
	width: 239px;
	margin-left: 6px;
}