* { margin: 0; padding: 0; }

body { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }

a { text-decoration: none; color: #4285f4; font-weight: bold }
a:hover { color: red; }

p { margin-bottom: 15px; line-height: 150%; color: #444; }

.wrapper { width: 1200px; margin: 0 auto; overflow: auto; }

header { width: 100%; padding: 20px; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left;}
header img.logo { width: 400px; }

nav { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; }
nav ul { list-style: none; float: right; font-weight: bold; padding-right: 10px;}
nav ul li { display: inline }
nav ul li a { margin-right: 5px; padding: 10px 10px; display: inline-block; color: #666; background: #fff; box-shadow: 1px 1px 1px 1px #aaa}
nav ul li a.active { color: #fff; background: #0170c1; }
nav ul li a:hover { color: #000; }

main { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; }
main .col h1, main .col h2, main .col h3 { margin-bottom: 15px; margin-top: 10px; letter-spacing: -1px }

.banner { border-top: 5px solid #0170c1; width: 100%; height: 300px; background: #aaa; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; overflow: hidden;}

.title { width: 100%; padding: 10px; background: #0170c1; color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; text-shadow: 1px 1px 1px #000; }

.row { width: 100%; overflow: auto; }
.col { width: 33.3333333333%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: auto; }
.col ul { margin-left: 20px; }
.col ul li { margin-bottom: 10px; }
.panel { padding: 10px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.blue { background: #b2d3e6; }

article { width: 70%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: right; }
article h1, article h2, article h3 { margin-bottom: 15px; letter-spacing: -1px }
article h3 {  }
article ul { margin-left: 20px; list-style: none; }
article ul li { margin-bottom: 10px;  }
.fullcol { width: 100%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: auto; }
.halfcol { width: 50%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: auto; }

aside { width: 30%; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left;  }
aside nav { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: right; background: #fff;}
aside nav h3 { margin: 10px; }
aside nav ul { list-style: none; float: left; width: 100%; }
aside nav ul li { display: block;  }
aside nav ul li a { padding: 10px; display: block; border: none !important; border-bottom: 1px dotted #f7f7f7; }

table.officehours { margin-bottom: 20px; }
table.officehours td { padding: 5px; }

.buttons { text-align: center; }
.buttons ul { list-style: none; }
.buttons ul li { display: inline; }
.buttons ul li a { display: inline-block; width: 200px; background: #f7f7f7;  padding: 220px 10px 10px 10px; }

.buttons { margin-bottom: 20px;  }
.buttons ul li a.acc { background: url('../img/icons/accounting.png') no-repeat center center; }
.buttons ul li a.tax { background: url('../img/icons/tax.png') no-repeat center center; }
.buttons ul li a.pay { background: url('../img/icons/payroll.png') no-repeat center center; }
.buttons ul li a.vat { background: url('../img/icons/vat.png') no-repeat center center; }

ul.featurelist { margin: 0; }
ul.featurelist li { padding-left: 30px; background: url("../img/icons/tick.png") no-repeat;  }

ul.resourceslist { margin: 0; }
ul.resourceslist li a { padding-left: 30px; background: url("../img/icons/star.png") no-repeat;  }
ul.resourceslist li a:hover { background: url("../img/icons/pop-up.png") no-repeat; }

footer { border-top: 5px solid #0170c1; width: 100%; background: #fafafa; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; overflow: hidden; text-align: center;}
footer p { margin: 50px 0; }
footer p a { font-weight: normal; }

form label { display: block; }
form input { margin-bottom: 10px; width: 100%; padding: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box; font-size: 18px; }
form textarea { margin-bottom: 10px; width: 100%; padding: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box; height: 200px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 18px; }
form button { padding: 10px; font-weight: bold; }

@media screen and (max-width: 1199px) {
	.wrapper { width: 100%; }
}

@media screen and (max-width: 599px) {
	header { text-align: center; }
	header img.logo { width: 75%; }
	.wrapper, aside, article { width: 100%; }
	.col, .halfcol { width: 100%; }
}