/*		Desktop layout: 992px. 
		Gutters: 24px.
		Outer margins: 48px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */

	
body {
	width: 100%;
	padding: 0;
	overflow: hidden;
}
	
#main-container {
	width: 100%;
	/*background: #0F0;*/
}

.pattern-overlay-left {width:643px;height:1820px;position:absolute;background: transparent url('../images/shear.png') top left repeat-x;top:0px;left:0px;z-index: 100; overflow: hidden;}
.pattern-overlay-right {width:488px;height:761px;position:absolute;background: transparent url('../images/pattern-right.png') top left repeat-x;top:60px;right:0;z-index: -4;overflow: hidden;}
.pattern-overlay-shadow {width:100%;height:149px;position:absolute;bottom:0;background: transparent url('../images/footer-overlay.png') top left repeat-x;z-index: 999;overflow: hidden;}

#header {
	height: 84px;
	background: transparent url('../images/header-bg.png') top left repeat-x;
	z-index: 1000;
}
 /* Heading Branding */ 
#branding {width:440px;float:left;display:block;}
#logo {height: 40px;text-indent:-1999px;margin:26px 0 0 24px; background: transparent url('../images/logo.png') top left no-repeat;}

/* Login Box */
#login {height: 80px;width:320px;float:right;display:block;margin:25px 0 0 0; padding:0;}

#login p.right {text-align:right;height:20px;}
#login p.right.padded {margin-right:70px;}

/* Submit button input */
input#submit {
 color: #fff;
 width: 25px;
 height: 28px;
 border: none;
 margin: 0 0 0 7px;
 padding: 0;
 background: transparent url('../images/submit.png') 0 0 no-repeat; 
 text-indent:-1999px;
 cursor: pointer;
}

/* Content area */
#content {position:relative;}


/* Footer */
#footer {position:absolute;bottom:-10px;right:0px;overflow: hidden;z-index: 1100;}
.secondary-logo {bottom:0px;right:0px;}

/* Fullscreen background */
#fullscreen-image {}