/*	SONY CANADA | SONY STYLE.CA
 *  REVISED:	LEO LU,  Web Designer - leo_lu@sony.ca
 *	DATE:		MAR.02 2010
 *
 *	GUIDING PRINCIPLES:
 *	--------------------------------------------------------------------------------------------------------------
 *	- Styles in this file should ONLY be those that appear on JUST THE ERROR PAGES OF SONY STYLE, otherwise it's a different file.
 *	- Single - 3 property styles: 1 line.  4+ Properties: indent.
 *	- Tabulate Nested Styles to reflect inheritance / give a psuedo portrait of the DOM.
 *
 *	- ***DOCUMENT THOROUGHLY!*** - 	Lots of different hands could work on this file so it's important to err on the side of 
 *									MORE documentation, rather than less.
 *
 *	- Hack for MSIE6 as a last resort (using *html .something{}, and making the corresponding Mozilla styles html>body .something{})
 *
 *	- All Changes to this file should be reviewed with CST and corresponding changes should be made within a 
 *	  "dev version" (file including comments) of this .css, and then minimized and published.
 *
 *	PERFORMANCE OPTIMIZATION PRINCIPLES:
 *	--------------------------------------------------------------------------------------------------------------
 *	Use whenever possible, in the following order:
 *
 *		- NEVER EVER IMPORT STYLESHEETS INTO ANOTHER .CSS FILE.  (@import causes render blocking in all browsers!)
 *		- id's (#example - should be unique and therefore is the fastest rendering)
 *		- classes (.example - second fastest)
 *		- use class names before type selectors (.listElement is faster than ul li{} )
 *		- Avoid universal selectors (*) and common type selectors (.something div{}, .something a{}, etc.)
 *		- Avoid property selctors: [HREF="blah.html"] {}
 *
 *		- Keep a copy with documentation for development in SVN or local repository, and minify for publication if possible.
 *		  (no user needs to see this documentation.)
 *		
*/

body {
	
	/* we have a specifically different gradient for the homepage, which is different than the other pages */
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #323232 url('../img/homepage/homepage_bkg.jpg') top repeat-x;
	font-family: arial;
	font-size: 12px;
}


#errorModule{
	width:960px;
	height:640px;
	min-height:640px;
	color:#999;
	background: #000 url('../img/global/error_bkg.jpg') top center no-repeat;
	display:block; /* Need this to avoid mysterious bottom white bar */
}
#errorModule .errorMessage{
	margin: 0;
	padding-top: 250px;
}
#errorModule div{
	text-align: center;
	margin: 0 auto;
	padding:0;
}

.errorFooter {
	background-color:#000;
	color:#CCC;
	text-align:center;
}