/* Add here all your CSS customizations */

div.page-top.handling {
	background-image: url(../img/handling.jpg);
	background-repeat: repeat;
	background-color: #999;
	border-top: 5px solid #888;
	height: 500px;
}

header nav ul.nav-main ul.dropdown-menu {
    border: 0px none;
    border-radius: 0px 6px 6px;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.08);
    margin: 1px 0px 0px 3px;
    padding: 0px;
    top: auto;
}

div.two-column {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 100px;
	-moz-column-gap: 100px;
	column-gap: 100px;
}

div.three-column {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
}

div.four-column {
	-webkit-column-count: 4;
	-moz-column-count: 4;
	column-count: 4;
}

div.black-bar {
    width: 100%;
	background-color: rgba(0, 0, 0, 0.6);
}

p.intro:first-letter {
	font-size: 300%;
	color: #f15a22;
	font-weight: bold;
	float: left;
	width: 1em;
	text-transform: uppercase
}

p.call-out {
	text-transform: uppercase;
	font-style:italic;
}