/* =template layout
--------------------------------------------------------------- */
html, body {
	height: 100%;
	font-family: 'kievit-r',Arial,Helvetica,sans-serif;
	font-size: 13px;
	color: #697079;
	text-align : center;
	}
	
.subtitle {
	text-align: left;
	font-size: 16px;
	color: #003366;
	padding-left: 7px;
	padding-right: 7px;
}
#wrapper {

	width: 953px;
	
	margin: 0 auto;
	
	}

#main {
	display: inline-block;

	padding-bottom: 87px; /* must be same height as the footer */
	} 
.mobile-only {
	display: none;
	} 

div.separator {
    background: none repeat scroll 0 0 #F5F5F5;
    border-bottom: 1px solid #EBEBEB;
    border-top: 1px solid #EBEBEB;
    margin-bottom: 2em;
    padding-bottom: 0;
    padding-top: 2em;
}
.container {
    margin-bottom: 2em;
     padding-left: 20px;
    padding-right: 20px;
}


#headimage {
	position: relative;
	bottom: 0;
	
	width: 953px;
	height: 62px;
	background: #fff url('../images/binary-banner.jpg') no-repeat center top;
	z-index: 1;
	}
#headimage {
	
	height: 62px;
	background: #fff url('../images/binary-banner.jpg') no-repeat center top;
	}

#footer {
	clear: both;
	
	position: relative;
	margin-top: -87px; /* negative value of footer height */
	height: 87px;
	clear:both;
	z-index: 10;
	} 

	div.rows div.row {
clear:both;
/*border-bottom: 1px dashed black;*/
width: 100%;
}
 
div.rows div.column {
float: left;
}
 
div.rows div.clear-row {
line-height: 0px;
font-size: 0px;
clear:both;
}	
 
.w-70-percent {
width: 70%;
}
.w-33-percent {
width: 33.33%;
margin-left: 0px;
margin-right: 0px;
min-height: 250px;
}

.w-33-percent:hover{
background-color : #F1F1F1;
cursor: pointer;
}
 
#container1 {
margin: auto;
width: 70%;
border: 2px solid black;
}