/************************************************************************************
GENERAL
*************************************************************************************/
body {
	background: #fff;
	font-family: NokiaPureText-Regular, Arial, sans-serif;
	font-size: .9em;
	color: #001135;
	max-width: 960px; margin: 0px auto;
	}
	
a { color: #124191;
	text-decoration: none;
	}
	
a:hover { 
	color: #124191;
	text-decoration: underline;
	}
	
.logo {
	margin: 24px 0px 12px 30px
	}

.loginBtn {
	display: block; 
	width: 195px; 
	background: #124191; 
	font-size: 14px; 
	color: #fff; 
	text-align: center; 
	margin: 16px auto;
	padding: 6px
	}
	
.loginBtn a { 
	color: #fff; 
	text-decoration: none
	}
	
.loginBtn a:hover { 
	color: #fff; 
	text-decoration: underline
	}
	
/************************************************************************************
TABLE DISPLAY
*************************************************************************************/

.row {
	display: table;
	border-collapse: separate;
	border-spacing: 30px;
	}

.col {
	display: table-cell;
	width: 45%; /* depends on the number of columns */
	padding: 1.5em;
	border: 1px solid #ccc; 
	}
	
.col img {
	width: 100%; 
	}

p {
	margin: 12px 0
	}	

	
/************************************************************************************
FONTS
*************************************************************************************/

.txtReg { 
 font-family: NokiaPureText-Regular, Arial, sans-serif;
 font-size: 1em;
 color: #001135
}

.txtSm { 
 display: block;
 margin-top: 14px;
 font-family: NokiaPureText-Regular, Arial, sans-serif;
 font-size: .8em;
 color: #001135;
 text-align: left;
}

.txtLight {
 font-family: NokiaPureText-Light, Arial, sans-serif;
 font-size: 1em;
 color: #001135
}

.headlineLight {
 display: block;
 font-family: NokiaPureHeadline_Light, Arial, sans-serif;
 font-size: 1.5em;
 color: #124191;
 margin: 0px;
 text-align: left;
 
}

	
/************************************************************************************
FOOTER
*************************************************************************************/	
#footer {
	display: block;
	padding-top: 16px; 
	border-top: 1px solid #ddd; 
	text-align: left; 
	font-size: 85%;
	width: 100%;
	margin-left: 30px;
	}



/************************************************************************************
smaller than 600
*************************************************************************************/
@media screen and (max-width: 600px) {

	.logo {
	margin: 12px 0px 6px 12px
	}
	
	.row {
	border-spacing: 10px;
	}
	
	.col {
	display: block;
	float: left;
	width: 96%; /* depends on the number of columns */
	padding: 2%;
	margin-top: 2%
	}
	
	#footer {
	width: 96%;
	margin: 2% 2% 8% 2%;
	}

}


@media screen and (min-width: 320px) {
	body {-webkit-text-size-adjust: none
	}
}
	
@media screen and (min-width: 560px) {
	body {-webkit-text-size-adjust: none;}
}