html,body   { width: 100%; height: 100%; background-color: white; font: 16px/22px DIN,Arial,sans-serif; color: black; }
body		{ padding: 64px 15px 15px 79px; }
a           { color: #009FE3; text-decoration: none; }
a:hover,
.active     { color: white; background: #009FE3; text-decoration: none; padding: 5px 5px 2px 5px; }
.images a,
a img 		{ padding: 0; }

ul			{ padding: 0; }
li 			{ display: inline-block; }

b 			{ font: DIN,Arial,sans-serif; font-weight: 500; }

.black      { color: black; }
.blue       { color: #009FE3; }


.logo		{ margin-bottom: 20px; }
.head		{ min-height: 167px; }
.head td 	{ vertical-align: top; }

.project			{ margin-bottom: 150px; }
.project .head 		{ font-size: 16px; padding-bottom: 25px; }
.project .head td 	{ padding: 0 0 25px 10px; }
.project .head td:first-child 			{ padding: 0 10px 25px 0; border-right: 1px solid black; font-size: 17px; }
.project .head tr:last-child td 		{ padding-bottom: 0px; }
.project img		{ max-width: 100%; height: 300px; }

.page h4 			{ margin: 2px 0; display: inline-block; font-size: 26px; text-transform: uppercase; }
.page h5			{ margin: 2px 0; display: inline-block; font-size: 17px; font-weight: normal; }
.page a:hover       { font-weight: normal; background: none; text-decoration: underline; color: #009FE3; padding: 0; }
/* override bootstrap */
.navbar-stacked	{ text-align: right; }
.navbar-default	{ background: none; border: none; }
.navbar-collapse		{ padding-left: 0px; padding-right: 30px; }

.nav 	 				{ padding-right: 9px; border-right: 1px solid black; }
.nav					{ letter-spacing: 1px; margin-bottom: 50px; }
.nav>li>a 				{ padding: 5px 5px 2px 5px; margin: 0px 4px 3px 0px; text-transform: uppercase; font: 12px/14px DIN,Arial,sans-serif; color: black; }
.nav>li:last-child>a 	{ margin-bottom: 0px; }
.nav>li>a:hover, 
.nav>li>a:focus, 
.nav>li>a.active 		{ text-decoration: none; background-color: #009FE3; color: white; }

.images					{ margin-left: -20px; }
.images div				{ display: inline-block; margin: 0 0 20px 20px; vertical-align: bottom; }

@media ( max-width: 481px ) {
	body	{ padding: 15px 0 0 0; }
	.page li:first-child  	{ padding-bottom: 22px; }
}

@media ( max-width: 991px ) {
	.nav 				{ border-right: none; margin-bottom: 25px; }
	.nav>li>a 			{ padding: 10px 10px 7px 10px; }
	.navbar-collapse 	{ margin-bottom: 50px; }
	.navbar-stacked 	{ text-align: left; }
	.row.page>div.head	{ display: none; }
}

@media (min-width: 768px) {
  .navbar-toggle	{ display: block; }
}
@media (min-width: 992px) {
  .navbar-toggle	{ display: none; }
  .navbar-default	{ text-align: right; padding-right: 30px; }
}