.form h2,
.form input[type="submit"],
.content h1,
.content h2,
.notepad .cta a,
.cta a,
.news-update .item h3 {
	font-family: 'Squada One', cursive;
	letter-spacing: -0.04em;
}

body {
	background: #252525 url(../images/bg.jpg) center top no-repeat;
	font: 14px/20px Arial, Helvetica, sans-serif;
	color: #525252;
}

.container {
	width: 960px;
	margin: 25px auto;
	background: #fff url(../images/bg-content.jpg);
	-webkit-box-shadow:  0px 0px 10px 3px rgba(00, 00, 00, .4);
	box-shadow:  0px 0px 10px 3px rgba(00, 00, 00, .4);
}



/*-----------------------------------------------------
	banner
-----------------------------------------------------*/
.banner {
	width: 960px;
	height: 475px;
	position: relative;
}

.banner .logo {
	position: absolute;
	left: 55px;
	top: -10px;
	z-index: 15;
}

.banner .slideshow {
	width: 960px;
	height: 475px;
	overflow: hidden;
}

.banner .form {
	background: url(../images/bg-form.png) center bottom no-repeat;
	padding: 15px 25px 40px;
	width: 230px;
	position: absolute;
	bottom: -25px;
	right: 40px;
	z-index: 15;
	color: #fff;
	font-size: 16px;
	line-height: 20px;
}

.banner .form h2 {
	font-size: 40px;
	line-height: 40px;
	margin-bottom: 5px;
}

.banner .form p {
	margin-bottom: 10px;
}

.banner .form p a {
	color: #fff;
}

.form div {
	margin-bottom: 2px;
}

.form label,
.form label.error {
	display: none !important;
}

.form input[type="text"],
.form textarea {
	font: 14px/20px Arial, Helvetica, sans-serif;
	color: #525252;
	border: 0;
	padding: 5px;
	background: #fff;
	width: 220px;
}

.form input.error,
.form textarea.error {
	background: #f7d9d9 url(../images/icon-cross.png) right 7px no-repeat;
}

.form input[type="submit"] {
	margin-top: 10px;
}



/*-----------------------------------------------------
	buttons
-----------------------------------------------------*/
button,
a.btn,
a.btn:visited,
a.button,
a.button:visited,
input[type="submit"],
input[type="reset"],
input[type="button"]{
	position:relative;
	top:0;
	left:0;
	vertical-align: middle;
	margin:0;
	padding:8px 15px;
	line-height:100%;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	cursor: pointer;
	width:auto;
	overflow:visible;
	font-weight:normal;
	font-size:28px; /*Pixels for consistancy*/
	line-height: 28px;
	text-shadow:0 1px 0 #fff;
	color:#0e2c69;
	text-decoration:none;
	vertical-align: middle;
	box-sizing: border-box;
	display:inline-block;
	*display:inline;/*IE ONLY*/
	zoom:1;
	border:0;
	background: rgb(252,252,252); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(224,224,224,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(224,224,224,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* W3C */
}

button:active,
a.btn:active,
a.btn:visited:active,
a.button:active,
a.button:visited:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active{box-shadow:inset 0px 3px 5px rgba(0,0,0,0.2),inset 0px -10px 20px rgba(0,0,0,0.07);}
button[disabled],.disabled:active{box-shadow:none;}

button,
input[type="submit"],
input[type="reset"],
input[type="button"]{*padding:7px 15px;}/*IE 7 ONLY*/

	a.btn,a.button{}/*overrides*/
	button.small, a.btn.small, a.button.small{font-size:0.8em;padding:5px 10px;}
	button.medium, a.btn.medium, a.button.medium{}/*default*/
	button.large, a.btn.large, a.button.large{font-size:1.3em;padding:10px 20px;}
	button.disabled, a.btn.disabled, a.button.disabled{color:#ccc;cursor:default;background:#efefef;}
	button.disabled:hover, a.btn.disabled:hover, a.button.disabled:hover{border:1px solid #ccc;background:#efefef;}

	button:hover,
	a.btn:hover,
	a.button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover{
	border:0;
	background: rgb(252,252,252); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(237,237,237,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* W3C */
	}

	button img,
	a.btn img,
	a.button img,
	input[type="submit"] img,
	input[type="reset"] img,
	input[type="button"] img{
	display:inline;
	margin:0;
	vertical-align: middle;
	margin:-10px 10px -5px -5px;
	padding:0;
	}

	.small img{margin:-3px 5px -3px -3px;}
	.medium img{margin:-10px 10px -5px -5px;}
	.large img{margin:-10px 10px -10px -10px;}
	.icon-only{padding:7px 10px;}
	.icon-only img{margin:0;display:block;padding:0;}
	.icon-only .icon{margin:-5px -6px -8px -6px;}




/*-----------------------------------------------------
	content
-----------------------------------------------------*/
.content h1,
.content h2,
.content h3,
.content h4,
.content p,
.content ul,
.content ol,
.content hr,
.content table { margin-bottom: 20px; }

.content ul, .content ol {
 margin-left: 35px;
 list-style: disc;
}

.content ol { list-style: decimal; }

.content hr {
	border: 0;
	border-bottom: 3px dotted #ddd;
	height: 1px;
}

.content h1 { font-size: 36px; line-height: 36px; color: #0e2c69; }
.content h2 { font-size: 26px; line-height: 26px; color: #0e2c69; }
.content h3 { font-size: 20px; line-height: 20px; color: #0e2c69; }


/*-----------------------------------------------------
	content areas
-----------------------------------------------------*/
.content {
	padding: 35px 40px;
}

.content .main {
	float: left;
	width: 583px;
	padding-bottom: 50px;
}

.content .side {
	float: right;
	width: 280px;
	padding-bottom: 50px;
}

.content .text {
	margin-bottom: 30px;
	/*padding-right: 25px;*/
}

.content .text h1 {
	margin-bottom: 25px;
}

.content .text a {
	color: #0E2C69;
}

.content .text p.feature {
	font-size: 19px;
	line-height: 24px;
	font-weight: bold;
	color: #0E2C69;
}

.notepad {
	background: url(../images/notepad-bottom-wider.png) center bottom no-repeat;
	padding-bottom: 14px;
	line-height: 20px;
	font-size: 12px;
	margin-left: -15px;
}

.notepad h2 {
	background: url(../images/notepad-top-wider.png) center top no-repeat;
	height: 54px;
	padding: 46px 0 0 65px;
	color: #fff;
	font-size: 36px;
	line-height: 36px;
	margin: 0;
}

.notepad .notepad-content {
	background: url(../images/notepad-bg-wider.png) center 5px repeat-y;
	padding: 15px 0 20px 65px;
}

.notepad .item {
	float: left;
	width: 218px;
	margin-right: 35px;
	margin-bottom: 45px;
}

.notepad .main-image {
	background: #fff;
	padding: 8px;
	border: 1px solid #ccc;
	margin-bottom: 13px;
}

.notepad h3 {
	font-size: 16px;
	font-weight: bold;
}

.notepad ul {
	margin-left: 25px;
	margin-bottom: 10px;
	min-height: 85px;
}

.notepad .cta {
	margin-top: -10px;
}

.cta a {
	display: block;
	text-decoration: none;
	color: #525252 !important;
	padding: 20px 0 0 38px;
	width: 148px;
	height: 36px;
	font-size: 16px;
	margin-bottom: -8px;
}

.cta.download a {
	background: url(../images/bg-download.png) no-repeat;
}

.cta.youtube a {
	background: url(../images/bg-youtube.png) no-repeat;
}

.testimonials {
	font-size: 12px;
	margin-bottom: 35px;
}

.testimonials h2 {
	margin-top: 10px;
	margin-bottom: 5px;
}

.testimonials .item {
	background: url(../images/quote.png) no-repeat;
	padding: 20px 0 0 15px;
	margin-bottom: 15px;
}

.testimonials .item p {
	margin-bottom: 5px;
}

.affiliations {
	text-align: center;
	/*background:  #fff;*/
	padding: 25px 15px 0;
	/*border: 1px solid #ddd;*/
	background: url(../images/dots.png) center top no-repeat;
}

.affiliations .item {
	background: url(../images/dots.png) center bottom no-repeat;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
}

.affiliations .item.featured {
	font-weight: bold;
	font-size: 16px;
}

.affiliations .item.featured a{
	font-size: 18px;
}

.affiliations .item.last {
	padding-bottom: 0;
	margin-bottom: 0;
	background: none;
}

.affiliations a { text-decoration: none; font-weight: bold; }

.affiliations a:hover { text-decoration: underline; }

.affiliations a.worksafe {
	color: #007fbe;
}

.affiliations a.cranesafe {
	color: #187b18;
}

.affiliations h3 {
	font-size: 16px;
	margin-bottom: 5px;
}

.affiliations .logos img {
	margin: 3px 10px;
}

.affiliations .logos.members img, 
.affiliations .logos.affiliated img {
	max-width: 113px;
	margin: 0 5px 10px;
	display: inline-block;
}

.content h2.news-update-heading {
	font-size: 36px;
	line-height: 36px;
}

.content .news-update {
	height: 630px;
	margin-bottom: 45px;
	overflow: auto;
}

.news-update .item {
	background: url(../images/dots.png) center bottom no-repeat;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
}

.news-update .item h3 {
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 15px;
}

.news-update .item .info {
	float: left;
	width: 300px;
}

.news-update .item .gallery {
	float: right;
	width: 230px;
}

.news-update .item.nogallery .info {
	float: none;
	width: auto;
}

.news-update .item .gallery div.image {
	background: #fff;
	padding: 8px;
	border: 1px solid #ccc;
	margin-bottom: 13px;
	float: left;
	padding: 4px;
	width: 100px;
	margin-right: 5px;
}




/*-----------------------------------------------------
	footer
-----------------------------------------------------*/
.footer {
	text-align: center;
	margin: 0 0 25px 0;
	color: #888;
	font-size: 12px;
}