@import url(reset.css);
@import url(typography.css);
@import url(navigation.css);

html, body {
width:100%; height:100%;
-webkit-text-size-adjust: none;
}
body{background:url(images/bank-bg.jpg) top left no-repeat fixed #6ba0fe;}
#pageWrap{
width:899px;
z-index:1;
position:relative;
}
#container {
	padding-left: 167px;      /* LC fullwidth */
	padding-right: 264px;     /* RC fullwidth + CC padding */
}

#container .column {
	position: relative;
	float: left;
}

#center {
	padding: 10px;       /* CC padding */
	width: 100%;
}

#left {
	width: 107px;             /* LC width */
	padding:10px;          /* LC padding */
	right: 167px;             /* LC fullwidth + CC padding */
	margin-left: -100%;
}

#right {
	width: 214px;             /* RC width */
	padding:10px;          /* RC padding */
	margin-right: -100%;
	margin-left:10px;
}

#footer {
	clear: both;
}

#content{
padding:10px;
}

/*** Equal-height Columns ***/

#container {
	overflow: hidden;
}

#container .column {
	padding-bottom: 1001em;     /* X + padding-bottom */
	margin-bottom: -1000em;     /* X */
}


/*** Skin ***/



#footer {
background-image:url(images/nav-bg.png);
height:122px;
margin:10px 0 0 167px;
padding:0;
position:relative;
}

#center {
background-image:url(images/nav-bg.png);
}

#right {
background-image:url(images/nav-bg.png);
}


/*--non-ALA code --*/

img#background{
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
}

#navWrap{
width:167px;
height:400px;
background:url(images/kas-logo.png) no-repeat top right;
position:fixed;
top:0;
left:0;
z-index:1;
}
#header{
position:relative;
height:167px;
width:484px;
left:167px;
}
#header img{
margin-top:14px;
}
#mod1{
margin:54px 0 16px 0;
}
#right img{
border:1px solid #fff;
}

a.media{
background-color:#CCCCCC;
display:block;
height:337px;
overflow:hidden;
width:100%;
}


/*	#Mobile (Portrait) 
================================================== */
	
	/* Note: Design for a width of 320px */
	
@media only screen and (max-width: 767px) {
	img{
		max-width: 100%;
	}
	body{background:none #5481c4;}

	#container .column, #container, #pageWrap, #navWrap, ul#navigation{
		padding:0;
		margin:0;
		overflow:visible;
		width:auto;
		float:none;
		position: static;
		height:auto;
	}
	#pageWrap{
		padding:0 10px;
	}
	#container .column, #footer{
		margin:10px 0;
	}
	#footer p{
		padding: 10px;
	}
	#footer p.legal{
		width:130px;
		line-height: 14px;
		top:42px;
	}
	#container #right{
		padding:10px;
	}
	#container #left{
		overflow:auto;
	}
	
	ul.nav{
		border-top:1px solid rgba(0,0,0,0.2);
		border-bottom:1px solid rgba(255,255,255,0.2);
		width:auto;
	}
	ul.nav li{
		padding:6px;
		float:none;
		display: block;
		text-align: left;
		border-bottom:1px solid rgba(0,0,0,0.2);
		border-top:1px solid rgba(255,255,255,0.2);
		width:100%;
	}
	#navWrap{
		background: none transparent;
	}
	#header img{
		display: none;
	}
	#header{
		height:60px;
		left:0px;
		top:5px;
		background: url(images/kas-mobile.png) top left no-repeat;
		background-size: 320px 60px;
		width:auto;
	}
	
	input, textarea{width:95%;}

}