/*	5-column layout
	60 px columns, 24 px gutters, 42 px margins, 480 px total
	---------------------------------------------------------
	1     2      3      4      5
	60px  144px  228px  312px  396px	*/


body {
	min-width: 100%;
	padding: 0;
}

#main-container {
	height: 320px;
	/*background: #F03;*/
}

.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:-165px;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;
}
 /* 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;float:right;}
#login p.right.padded {margin-right:70px;}


/* Form overrides for tablet positioning */

#login form label {float:left;width:40px;}

input#username, input#password {float:left;width:90px; margin:0 5px 5px 0;}

/* Submit button input */
input#submit {
 color: #fff;
 width: 25px;
 height: 28px;
 border: none;
 margin: 3px 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;}

/* Losenge */
.losenge {
	width:336px; 
	padding:30px;
	position:absolute; 
	left:0px;
	top:0px;
	/*background: transparent url('../images/losenge-bg.png') top left;*/
	-moz-border-top-left-radius:40px; 
	-webkit-border-top-left-radius:40px; 
	border-top-left-radius:40px;
	-moz-border-bottom-right-radius:40px; 
	-webkit-border-bottom-right-radius:40px; 
	border-bottom-right-radius:40px;
}

.losenge h4 {font-size:14px;font-weight: 500;line-height: 1.1em;}
	

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

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