@charset "UTF-8";


body, ul, ol, dl, h1, h2, h3, h4, h5, h6, p {
	padding: 0;
	margin: 0;
}
body {
	color: #848f91;
	font-family: 'Open Sans', sans-serif;
}
ul, li {list-style:none;}
a img {	border: none;}
a {text-decoration: none; outline:none;}

h2, h3, h4 {
	font-weight: 700;
	color: #f26522;
}

.m-t-0 { margin-top:0; }
.m-t-20 { margin-top:20px; }

.p-t-0 { padding-top:0; }
.p-t-20 { padding-top:20px; }

#pos, #obj {
	font-weight: 300;
	padding: 25px 0;
	color: #848f91;
	font-size: 33px;
	line-height: 48px;
}
h2 {
	font-size: 28px;
	line-height: 32px;
}
h3 {
	font-size: 24px;
	line-height: 28px;
}
h3.sub {
	font-weight: 300;
	font-size: 23px;
}
#main .colLeftPad h3, #main .colLeft h3 {
	padding-top: 50px;
}
h4, h5 {
	font-size: 18px;
	line-height: 24px;
}
h5 {
	font-weight: 300;
}
#main p.about {
	font-weight: 300;
	font-size: 24px;
	line-height: 36px;
	color: #848f91;
}
#main p, ul {
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
	padding: 10px 0 0 0;
}
#main p.extra {
	padding-top: 30px;
}
#main ul, #main li {
	list-style: disc;
	margin-left: 12px;
}
#main ul.info, #main ul.info li {
	list-style: none;
	margin: 0;
}
#main ul.info a, #main a {color: #f26522;}
#main ul.info a:hover, #main a:hover {text-decoration:underline;}


hr {
	float: left;
	width: 960px;
	height: 1px;
	color: #ddd;
	background-color: #ddd;
	margin: 10px 0 10px 0;
	border:none;
}
.highlight {
	font-weight: 700;
	color: #f26522;
}
.shadow, .product, #hdr-yt, #hdr-media, #rf-flash, .aboutImg, .banner, #hdr-180 {
	-moz-box-shadow: 0px 2px rgba(132,143,145,0.5);
	-webkit-box-shadow: 0px 2px rgba(132,143,145,0.5);
	box-shadow: 0px 2px rgba(132,143,145,0.5);
}
.banner {
	height:130px;
	
}
#gallery {
	clear: both;
	float: left;
	padding: 20px 0 50px 0;
}
a.fancybox:hover img {
	opacity:0.50;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
	filter: alpha(opacity=50);
}

img.galleryCol1 {margin: 15px 15px 0 0;}
img.galleryCol2 {margin: 15px 0 0 0;}
img.colFullWidth {margin: 15px 0; border: 2px solid #f26522;} 
.container {position: relative; width: 960px; margin: 0 auto; padding: 0;}
.colLeft, .colRight, .colLeftPad {float: left;}
.colLeft {width: 660px;}
.colLeftPad {width: 630px; padding-right: 30px;}
.colRight {width: 300px;}
.fullWidth {width: 960px;}
.imgAlign {padding-top: 50px;}
.video, .imgSingle {padding: 50px 0;}
.galleryAlign {padding-top: 20px;}
.videoAlign {padding-top: 35px;}
.videoSubAlign {padding-top: 80px;}
.topPad {padding-top:20px;}
.topPad50 {padding-top:50px;}
.grid {background: url(../images/common/bg-grid.png);}
.btmPad {padding-bottom: 50px;}
.btmPad20 {padding-bottom: 20px;}
#header, .bdrBtm {border-bottom: 2px solid #f26522;}
.bdrBtmSub {border-bottom: solid 1px #CCC;}
.aboutImg {padding-top:80px;}
.banner {margin-bottom: 50px;}
.hdImgHdr {padding-top:115px;}
.topMargin {margin-top: 110px;}
.hdr-intro {padding-top: 5px;}


/* -----HEADER----- */

#header {
	padding: 30px 0;
	position: relative;
	z-index: 2;
}
#site-title {
	float: left;
	background: url(../images/common/gca-logo.png) no-repeat;
	display: block;
	text-indent: -9999px;
	width: 292px;
	height: 91px;
}
#contact {
	float: right;
	font-size: 18px;
	line-height: 20px;
	padding: 0 0 0 30px;
	margin-top: 17px;
}
#contact li {
	float: left;
	position: relative;
	margin-left: 15px;
}
#contact li a {
	display: block;
	text-indent: -9999px;
	background-image: url(../images/common/hdr-icons.png);
	width: 20px;
	height: 20px;
	background-position: 20px 0;
}
#contact li a:hover {
	background-position: 20px 20px;
}
#contact li a.linkedin {
	background-position: 0 0;
}
#contact li a.linkedin:hover {
	background-position: 0 20px;
}

#nav {
	float: right;
	clear: right;
	font-size: 13px;
	line-height:14px;
	margin-top:34px;
	height: 20px;
	z-index:9999;
	display:block;
}
#nav li {
	float: left;
	position: relative;
	z-index: 100;
}
#nav li a {
	color: #848f91;
	margin-left: 25px;
	display: block;
	padding-bottom: 5px;
}
#nav li a:hover {
	color: #f26522;
	border-bottom: 2px solid #f26522;
}
#nav li a.products:hover {
	border-bottom: none;
	padding-bottom: 5px;
	cursor: default;
}
#nav li ul {
	position: absolute;
	left:-9999px;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
	margin: 0 0 0 25px;
	padding:0;
	border-top: 2px solid #f26522;
	background: #fff;
	display:block;
}
#nav li ul li {
	float: none;
	margin: 0;
	border-bottom: solid 1px #f2f2f2;
}
#nav li ul li.last {
	border-bottom: 0;
}
#nav li ul a {
	white-space: nowrap;
	padding: 8px 20px 7px 20px;
	margin: 0;
}
#nav li:hover ul { 
	left: 0;
}
#nav li:hover ul a { 
	color: #848f91;
	border-bottom: none;
}
#nav li:hover ul li a:hover{ 
	color: #fff;
	text-decoration: none;
	background: #f26522;
}


#intro {margin-top: 40px;padding: 50px 0;}
#intro p {
	font-size: 22px;
	line-height: 32px;
	font-weight:300;
	padding: 20px 30px 20px 0;
}

#main {
	padding: 10px 0 50px 0;
}
#product-groups {
	padding: 60px 0 30px 0;
}
#product-groups a {
	margin: 0 30px 30px 0;
}
#product-groups a.last {
	margin-right: 0;
}

/* CONTENT-HOVER */

.product {
	float: left;
	width: 280px;
	height: 230px;
	display: block;
	position: relative;
	border: 10px solid #fff;
	color: #fff;
	z-index:1;
}
.pg1 {background: url(../images/products/common/reachforks.jpg) no-repeat top left;}
.pg2 {background: url(../images/products/common/rollerforks.jpg) no-repeat top left;}
.pg3 {background: url(../images/products/common/push-pull.jpg) no-repeat top left;}
.pg4 {background: url(../images/products/common/stationary-pallet-changer.jpg) no-repeat top left;}
.pg5 {background: url(../images/products/common/height-extensions.jpg) no-repeat top left;}
.pg6 {background: url(../images/products/common/pallet-inverters.jpg) no-repeat top left;}
.pg7 {background: url(../images/products/common/pallet-dispensers.jpg) no-repeat top left;}
.pg8 {background: url(../images/products/common/camera-systems.jpg) no-repeat top left;}
.pg9 {background: url(../images/products/common/fork-spreaders.jpg) no-repeat top left;}
.pg10 {background: url(../images/products/common/360-rotators.jpg) no-repeat top left;}
.pg11 {background: url(../images/products/common/fork-level-indicator.jpg) no-repeat top left;}
.pg12 {background: url(../images/products/common/180-rotators.jpg) no-repeat top left;}

.product h3 {
	float: left;
	padding: 5px;
	margin: 10px 0 0 10px;
	background: #fff;
	display: block;
	clear: left;
}
#group {
	margin: 0;
}
.desc {
	width: 280px;
	height: 230px;
}
.descHover p {
	width: 260px;
	float: left;
	font-weight: 700;
	font-size:12px;
	line-height:18px;
	padding: 10px;	
}
a.back {
	display: block;
	padding-left: 25px;
	margin: 25px 0;
	background: url(../images/common/back.gif) no-repeat;
	font-weight: 700;
	font-size: 12px;
	line-height: 18px;
	color: #848f91;
}
a.back:hover {
	color: #f26522;
}

#rf-flash, #hdr-yt, #hdr-media, #hdr-180 {
	background: #eee;
	border: 10px solid #fff;
}
#hdr-yt {
	width: 280px;
	height: 210px;
}
#hdr-180 {
	width: 280px;
	height: 158px;
}
.pushpull {height: 210px;}
.standard {height: 230px;}

#krf {
	background: url(../images/common/kooi-reachforks-logo.gif) no-repeat;
	display: block;
	text-indent: -9999px;
	width: 300px;
	height: 77px;
	padding-bottom: 30px;
}
#mrf {
	background: url(../images/common/rollerforks-logo.gif) no-repeat;
	display: block;
	text-indent: -9999px;
	width: 300px;
	height: 54px;
}
.media1col {
	float: left;
	margin-top: 20px;
}
.media1col h5 {
	padding-bottom: 10px;
}
.media1col iframe, .media1col img, .video iframe, a.k53a, a.k53c {
	border: 2px solid #f26522;
	width: 296px;
	height: 222px;
}

.video2col {
	padding: 30px 0 20px 0;
}
.colLeft1 {
	margin-right: 30px;
}

#contactForm {
	background: url(../images/common/loader.gif) no-repeat center 100px;
	min-height: 500px;
}


/* -----FOOTER----- */

#footer {
	padding: 40px 0;
	border-top: 2px solid #f26522;
}
#footer p, #footer a, #footer ul {
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	color: #848f91;
}
#footer p {
	padding-top: 10px;
}
#footer a:hover {
	color: #f26522;
	text-decoration: underline;
}
#footer .colLeft, #footer .colRight {
	position: relative;
	margin-bottom: 30px;
}
#footer ul {
	float: left;
	width: 300px;
	padding: 10px 30px 0 0;
}
#footer a.contactEmail {
	text-decoration: underline;
}
#footer a.linkedin {
	position: absolute;
	bottom: 6px;
	right: 0;
	display: block;
	background: url(../images/common/linkedin.png) no-repeat 0px 0px;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
}
#footer a.linkedin:hover {
	background-position: 0px -30px;
}

/* Newsletter Form Styles */

#mc_embed_signup{background:0; clear:left; width:300px; padding:0; margin: 5px 0 40px 0; height: 30px;}
#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0;}
#mc_embed_signup input {float: left; border:1px solid #f26522; -webkit-appearance:none;}
#mc_embed_signup input:focus {border-color:#f26522;}
#mc_embed_signup .button {
	float: left;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: 700;
	text-align:center;
	display: block;
	background: #f26522;
	text-decoration: none;
	height: 30px;
	padding-bottom: 2px;
	width: 80px;
	border: 0;
	cursor: pointer;
	color: #fff;
}
#mc_embed_signup .button:hover {background: #848f91;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}     
#mc_embed_signup .clear {clear:none; display:inline;}
#mc_embed_signup input.email {display:block; padding:7px 0; margin:0; text-indent:5px; width:218px;}
#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#848f91; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}


#footer p.legal {
	clear: both;
}
#footer p.legal, #credit {
	margin-top:25px;
}
#footer p.legal, #credit p {
	float: left;
	font-size: 10px;
	line-height:12px;
	color: #848f91;
	padding-top: 15px;
}
#credit {
	float: right;
}
a.slide {
	background: url(../images/common/slide-logo.gif) no-repeat;
	display: block;
	text-indent: -9999px;
	width: 58px;
	height: 23px;
	float: left;
	margin: 4px 0 0 10px;
}
a.slide:hover{
	background-position: 0px -23px;
}

.clearfix:before,
.clearfix:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix:after {
	clear: both;
}
/* IE6 + IE7 */
.clearfix {
	zoom: 1;
}
.clear { clear: both; }