/* Christy Rental Associates Main CSS 
Author: Rey Ortiz
Company: Blue Media - Revised 01/04/2017, Blue Media 2016
Current Version 1.6,
Version: 1.2
Description: This is the global CSS file for www.crareps.com
*/
@charset "UTF-8";

/*********************************************
*********************************************
GLOBAL
*********************************************
*********************************************/
/*limited reset*/
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align:baseline;
	font: inherit;
}

/*html5 display rule*/
address, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section, summary {
	display: block;
}
/*micro-clearfix by Nicolas Gallagher http://nicolasgallagher.com/micro-clearfix-hack/*/
/* For modern browsers */
.cf:before, .cf:after {
	content:"";
	display:table;
}

.cf:after {
	clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
	zoom:1;
}

body{
-webkit-font-smoothing: antialiased;
font-family: 'Questrial','Cabin', sans-serif, Arial, Helvetica, sans-serif;
font-size:1em;
margin:0;
padding:0;
background: #e9e5dd;
}

p{
	padding: 0;
	text-align:justify;
	line-height:1.6em;
}
h1{
	font-size: 2em;
	color:#2e3192;
	margin:0 -10px 0 0;
}
h2{
	font-size: 1.25em;
	font-weight:lighter;
}
h2 a:link, h2 a:visited{
	text-decoration:none;
	color:#005030;
}
h2 a:hover{
	color:#7bc143;
}
h2 em{
	font-size:.8em;	
}
h4{
	font-size: 1.4em;
	font-weight:lighter;
	color:#005030;
	margin:15px 0;
	text-align:center;
	text-transform:uppercase;
}
ul li{
	line-height:1.5em;
	font-size:1em;
}
blockquote{
	line-height:1.75em;
	color:#861111;
}
blockquote:before {
	display: block;
	content: "\201C";
	font-size: 100px;
	position: absolute;
	left: 20px;
	top: 90px;
	color: #c7bea9;
}
blockquote cite {
	color: #887750;
	font-size: 14px;
	display: block;
	margin-top: 5px;
}
blockquote cite:before {
content: "\2014 \2009";
}
.testimonials{
	font-size:1em;
	width:auto;
	height:auto;
	margin:5px;
	padding:10px 50px;
	background:url(../images/our-clients/quote.png) no-repeat top left;
	line-height:1.75em;
	color:#861111;
	border-bottom:#CCC 1px solid;
}
.testimonials cite{
	color: #887750;
	font-size: 14px;
	display: block;
	margin-top: 5px;
}
.testimonials cite:before{
	content: "\2014 \2009";
}
.factoid{
	float:right;
	width:320px;
	height:250px;
	margin:15px 0 15px 25px;
	padding:25px;
	border-left:#c4161c 1px solid;
}
.factoid p{
	line-height:2em;
	text-align:center;
	vertical-align: middle;
	font-style:italic;
}
.bold{
	font-weight:bold;	
}
.full-slider{
	display:cover;
	height:auto;
	width:100%;
}
.paragraphList{
	padding-left:1.5em;
}
/*------- MISC CLASSES--------*/
.clearboth{
	clear:both;		
}

@media only screen and (max-width:667px){
/*disable text sizing on orientation change*/
html, body, div, section, article, aside, header, hg roup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr {
	-webkit-text-size-adjust:none;
}
body{
	width:95%;
	margin:0 auto;
	min-width: 320px;
	max-width: 667px;
}
h1{
	font-size:1.4em;
	padding:1em 0;
}
h2{
	font-size:1.2em;
	text-align:center;
}
#wrapper{
	width:100%;
}
p{
	text-align:left;
	padding: 0 1em;
}
/*------- MOBILE HEADER STYLES --------*/
#header{
	width:100%;
	min-height:70px;
	margin:0 auto;
	}
#logo{
	width:100%;
	display:block;
	margin-bottom:.75em;
	margin-top:.75em;
	}
#logo img{
	width:165px;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
#logo-subhead{
	width:100%;
	text-align:center;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
#slogan{
	display:none;
}
#header-phone{
	width:100%;
	text-align:center;
	display:block;
	margin-left:auto;
	margin-right:auto;
	padding:.5em 0 0 0;
	margin-top:0;
	font-size:1.7em;
	letter-spacing:-.05em;
	color: rgba(244,41,27,1.00);
}
.socialbtns{
	display:none;
}
/*------- MOBILE SIDEBAR ---------*/
#sidebar{
	display:none;
	right:0;
}
/*------- MOBILE SIDE MENU ---------*/
#side-menu-about-us{
	width:auto;
	height:auto;
	margin:0;
	background:#ece8e1;
}
#side-menu-about-us ul{
	list-style:none;
	margin:0;
	padding:0;
}
#side-menu-about-us li{
	width: auto;
	margin: 0;
	padding: 0;
	text-align:center;
	font-size: 1em;
}
#side-menu-about-us li a:link, #side-menu-about-us li a:visited{
	display: block;
	color:#c4161c;
	text-decoration: none;
	padding:10px;
	border: none;
	line-height:1em;
	border-bottom:#b7b09e 1px solid;
}
#side-menu-about-us li a:hover{
	color: #666;
}

/*--MOBILE NAV ---*/
#mainmenu{
	width:250px;
	margin:0;
	margin-bottom: .5em;
	background: none;
	overflow: hidden;
	padding-top:1em;
}
#mainmenu li{
	margin: 0;
	float: none;
	position: relative;
}
.topMenu {
	max-height: 0;
	visibility: hidden;
}
.topMenu.expand {
	max-height: 900em;
	visibility: visible;
}
#mainmenu a{
	font-size: 1.2em;
	text-align: left;
	color: white;	
	display: block;
	margin-bottom: 1px;
	background:rgba(152,152,152,1.00);
	padding-left: 1em;
	line-height: 2em;
	text-transform: uppercase;
	cursor: pointer;
}
#mainmenu a:hover{
	color: white;
}
#mainmenu a.current {
	color: rgb(237, 228, 214);
}
#mainmenu span.indicator {
	position: absolute;
	right: 1em;
}
/*MOBILE dropdown menu styles*/
#mainmenu ul.submenu {
	float: none;
	width: auto;
	height: auto;
	max-height: 0;
	-moz-transition:max-height 0.5s ease;
	-webkit-transition:max-height 0.5s ease;
	-o-transition:max-height 0.5s ease;
	transition:max-height 0.5s ease;
	overflow: hidden;
}
#mainmenu ul.submenu.expand {
	max-height: 20em;
}

#mainmenu ul.submenu li a {
	padding: .2em 1em;
	white-space: nowrap;
	color: white;
	text-align: left;
	font-size: 1em;
	padding-left: 3em;
	background: rgba(152,152,152,1.00);
}
#mainmenu .menuToggle {
	display: block;
	background: rgba(152,152,152,1.00);
	width: 8em;
	margin-bottom: .2em;
	position: relative;
}
.menuToggle a {
	text-align: center;
	padding: 0;
}
.portallogin{
	width:auto;
	margin:0;
	position:absolute;
	top:160px;
	right:25px;
}
.portallogin ul{
	list-style:none;
}
.portallogin li{
	display:block;
	padding:.3em;
	line-height:1em;
	color:white;
	border:#ED1C24 solid 2px;
	border-radius:5px;
	font-size:.9em;
}
.portallogin li a:link{
	text-decoration:none;
	color:#ED1C24;
}
.portallogin a:hover{
	color:rgba(214,214,214,1.00);
}
.portallogin li a:visited{
	text-decoration:none;
	color:#ED1C24;
}

/*--- MOBILE MAIN CONTENT ---*/
.factoid{
	display:none;
}
#pg-content{
	display:block;
	margin-left:auto;
	margin:right:auto;
	padding:1em;
	background:white;
}
	#linecardContainer{
		width:95%;
		background: white;
		margin:0 auto;
	}
	#linecard-pg-content{
	width: 95%;
	background: white;
	padding: .5em;
}
	.linecard_logo{
		display: block;
		background:none;
		width: 100%;
		text-align: center;

}
	.linecard_content{
		border-bottom: 1px solid #9F9F9F;
		padding: 1.5em 0;
	}
.man-content{
	border-bottom: rgba(231,231,231,1.00) solid 1px;
	padding-bottom:1.5em;
	margin-bottom: 1em;
 }
.man-content ul{
	width: 80%;
	margin: 0 auto;
	}	
	
/*--- MOBILE FEATURED BOX HM PG ---*/
.featured-box-hm{
	position:relative;
	width:90%;
	min-height:160px;
	margin:.5em auto;
	padding:0;
	background: white;
	border-right:#c7bea9 1px solid;
} 
.featured-img-hm{
	width:100%;
	height: 150px;
	margin:0 5px 0 0;
	background:rgba(212,247,174,1.00);
}
.h1-featured{
	margin:0;
	padding:.5em 0;
	color: #ed1c24;
	font-size:1.2em;
	text-align:center;
	vertical-align:middle;
/*	background:#D9D4C5;
*/}
.h1-featured a:link, a:visited{
	text-decoration:none;
	color:#ed1c24;
}
.h1-featured a:hover{
	color: rgba(197,197,197,1.00);
}

.featured-img-hm a:hover{
	 for IE 
  	filter:alpha(opacity=60);
  	 CSS3 standard 
  	opacity:0.6;
}
#sales{
	background:url(../images/home/sales_promo.jpg) center no-repeat;
	background-size:100%;
	display:block;
}#education-and-training{
	background:url(../images/home/education_promo.jpg) center no-repeat;
	background-size:100%;
	display:block;
}
#hands-on-training{
	background:url(../images/home/training_promo.jpg) center no-repeat;
	background-size:100%;
	display:block;
}
#warehousing-and-logistics{
	background:url(../images/home/warehousing_promo.jpg) center no-repeat;
	background-size:100%;
	display:block;
}
/*--- MOBILE TESTIMONIALS ---*/
.testimonials{
	padding:0;
}
.testimonials p{
	text-align:left;
}
.testimonials cite{
	line-height:1.2em;
	padding:1em 0;
}
/*--- MOBILE MARQUEE STYLES ---*/
.pg-content-marquee{
	width:100%;
	height:150px;
	background:rgba(188,227,177,1.00);
}
#who-we-are-marquee{ 
	background:url(../images/mobile/who_we_are_s.jpg) center no-repeat;
	background-size:100%;
}
#what-we-do-marquee{
	background:url(../images/mobile/what_we_do_s.jpg) center no-repeat;
	background-size:100%;
}
#our-advantage-marquee{
	background:url(../images/mobile/our_advantage_s.jpg) center no-repeat;
	background-size:100%;
}
#fulfillment-marquee{
	background:url(../images/mobile/fulfillment_marquee_sm.jpg) center no-repeat;
	background-size:100%;
}w
#logistics-marquee{
	background:url(../images/mobile/logistics_marquee_sm.jpg) center no-repeat;
	background-size:100%;
}
#why-christy-marquee{
	background:url(../images/mobile/why_christy_marquee_sm.jpg) center no-repeat;
	background-size:100%;
}
#customer-service-marquee{
	background:url(../images/mobile/customer_service_marquee_sm.jpg) center no-repeat;
	background-size:100%;
}
#facilities-marquee{
	background:url(../images/mobile/facilities_marquee_sm.jpg) center no-repeat;
	background-size:100%;
}
/*------------- CONTACT FORM FOOTER -------------*/	
	#cra-form p{
	margin:.25em;
	padding:1em;
	line-height:1.2em;
}
	label {
	margin: 0 1em;
	display: block;
	width: 90%;
	text-align: left;
	color: #445668; 
	text-transform: uppercase;
}
	.inputbox{
		width: 90%;
		margin:0 auto;
	}
	input{
		margin: 1em auto;
	}
	#message{
		width: 90%;
		margin: 1em;
	}
input[type=submit]{
		display: block;
		width: 90%;
		margin: 1em;
	}
	#location{
		display: none;
	}
/*------------- MOBILE FOOTER -------------*/
#footer-wrapper{
	width:100%;
	background:rgba(249,249,249,1.00);
}
#footer{
	width:100%;
}
#footer h1{
	font-size:2em;
}
#footer #cdc-info{
	width:100%;
	display:block;
	text-align:center;
}
#footer #cdc-info p{
	text-align:center;
}
#cdc-info #phone-icon{
	display:none;
}
.footer-menu{
	display:none;
}
#phonefooter{
	padding:1em 0;
	font-size:1.4em;
}
#copyright{
	width:100%;
	display:block;
	padding:1em 0;
	font-size:.8em;
	text-align:center;
}
.footer-logos{
	display:none;
}

}

@media only screen and (min-width:520px) and (max-width:667px){
/*--- MOBILE FEATURED BOX HM PG ---*/
.featured-box-hm{
	position:relative;
	float:left;
	width:46%;
	min-height:220px;
	margin:1em .5em;
	padding:0;
	background: #fff;
	border-right:#c7bea9 1px solid;
} 
p.featured{
	padding:0 1em 1em 2em;
	line-height:1.2em;
	font-size:.9em;
	text-align:left;
}
p.featured bold{
	font-family: 'Cabin', sans-serif, Arial, Helvetica, sans-serif;
	color:red;
}
.featured-box-hm h1{
	padding:.5em 0;
	color:#c4161c;
}
.featured-img-hm{
	width:100%;
	display: block;
	margin:0 15px 0 0;
}
.featured-img-hm a:hover{
	/* for IE */
  	filter:alpha(opacity=60);
  	/* CSS3 standard */
  	opacity:0.6;
}

}
/*********************************************
TABLET STYLES
*********************************************/
@media only screen and (min-width:668px) and (max-width:1024px){
body{
	width:95%;
	margin:0 auto;
	min-width: 668px;
	max-width: 1024px;
	font-size: .9em;
}
h1{
	font-size:1.4em;
}
#headerwrapper{
	width:100%;
	margin:0;
	padding:0;
	background:#f4f0e6;
	border-bottom:#ed1c24 solid 4px;
}
/*--- TABLET HEADER ----*/
#header{
	position:relative;
	margin:0 auto;
	padding:0;
	height:75px;
}
#logo{
	position:absolute;
	top:10px;
	left: 30px;
	width:150px;
	height:45px;
}
#logo img{
	width:100%;
}
#logo-subhead{
	position:absolute;
	top:65px;
	left:30px;
}
#slogan{
	position:absolute;
	top:30px;
	left: 220px;
	font-size:.8em;
}
#service-slogan{
	position:absolute;
	top:120px;
	left: 110px;
}
#header-phone{
	position:absolute;
	top:30px;
	right: 30px;
	font-size:1.7em;
	letter-spacing:-.05em;
	color:#a8a090;
}
.socialbtns{
	float:right;
	margin:.5em 2em .5em 1em;
}
.headerimgs{
	float:right;
	margin:0 5px;
	width:242px;
	height:141px;
}
/*------- TABLET MAIN MENU ---------*/
#menu-wrapper{
	width:100%;
	height:45px;
	background:#e0dbce;
}
#menu-container{
	position:relative;
	margin:0 auto;
	padding:0;
	height:35px;
	background:#e0dbce;
}
#mainmenu{
	position:absolute;
	right:0;
	bottom:0;
	margin:0;
	padding:0;
	width:100%;
	height:35px;
	background: url(../images/global/navbar-background.jpg) repeat-x;
}
#mainmenu ul{
	list-style:none;
	margin:0;
	padding-left:1em;
	overflow:hidden;
}
#mainmenu li{
	float: left;
	width: auto;
	margin: 0;
	padding: 0;
	text-align:center;
	font-size: .8em;
	text-transform:uppercase;
}
#mainmenu li a:link, #mainmenu li a:visited{
	display: block;
	color: black;
	text-decoration: none;
	padding: 0 .6em;
	line-height: 35px;
	border: none;
}
#mainmenu li a:hover{
	color: #c4161c;
}
#fb-like{
	position:absolute;
	top:155px;
	right:0;
}
.portallogin{
	width:auto;
	margin:0;
	position:absolute;
	top:10px;
	right:25px;
}
.portallogin ul{
	list-style:none;
}
.portallogin li{
	display:block;
	padding:.3em;
	line-height:1em;
	color:white;
	border:#ED1C24 solid 2px;
	border-radius:5px;
	font-size:.9em;
}
.portallogin li a:link{
	text-decoration:none;
	color:#ED1C24;
}
.portallogin a:hover{
	color:rgba(214,214,214,1.00);
}
.portallogin li a:visited{
	text-decoration:none;
	color:#ED1C24;
}
/*------- TABLET SIDEBAR ---------*/
#sidebar{
	display:none;
}

/*------- TABLET MANUFCTURERS ---------*/
	#linecardContainer{
	width: 98%;
	background: white;
	padding: .5em;
}
	.linecard_logo{
		display: block;
		background:none;
		width: 100%;
		text-align: center;
}
	.imgfloatleft{
		text-align: left;
		width: auto;
		float: left;
	}
	.linecard_section{
		float: left;
		width: 30%;
		min-height: 200px;
		border: 1px solid #9F9F9F;
		margin:.2em;
		padding: .5em;
	}
	.linecard_section p{
		font-size:1em;
		text-align: left;
		line-height: 1.2em;
	}
	.linecard_section h4{
		font-size: 1em;
		margin: .5em 0;
	}
	#chicago-pneumatic{
		display: block;
		width: 98%;
	}
	#diamond{
		display: block;
		width: 98%;
	}
	#marshalltown{
		display: block;
		width: 98%;
	}
	#wernerco{
		display: block;
		width: 98%;
	}
	.man-content{
	width: 90%;
		min-height:90px;
	margin: 1em auto;
}
	.man-content ul{
	float:left;
	width:33%;
	font-size: .9em;
	}
.linecard_content h4{
	font-size:1.2em;
}
.linecard_content p{
	width:72%;
	padding-right:3em;
}
.man-content .regular_ul{
		width:60%;
	padding-left: 1em;
		list-style-position: inside;
	}
	/*------- TABLET CONTENT -------*/
.pg-content-marquee{
	float:none;
	width:100%;
	height:200px;
	background:rgba(173,162,234,1.00);
}
.img-float-left{
	float:left;
	margin: .5em auto;
	padding:0;
}
.img-float-right{
	float:right;
	margin: 5px auto;
	padding:0;
}
.img-float-right-sidebar{
	float:right;
	margin: 10px 5px 20px;
	padding:0;
}
.img-float-left-side{
	float:left;
	margin: 8px;
	padding:0;
}
.img-float-left-side a:hover{
	/* for IE */
  	filter:alpha(opacity=60);
  	/* CSS3 standard */
  	opacity:0.6;
}
	#location{
		margin:1em 0;
		width:100%;
	}
	#location-mobile{
		display: none;
	}
/*--- TABLET FEATURED BOX HM PG ---*/
#promo-hm{
	height:auto;
	width:100%;
	padding-bottom:1em;
}
.featured-box-hm{
	position:relative;
	float:left;
	width:24%;
	min-height:160px;
	margin:.2em;
	padding:auto 0;
	background: #fff;
	border-right:#c7bea9 1px solid;
} 
.featured{
	padding:.5em;
	line-height:1.2em;
	font-size:.8em;
	text-align:left;
	width:90%;
	margin-right: auto;
	margin-left:auto;
}
p.featured bold{
	font-family: 'Cabin', sans-serif, Arial, Helvetica, sans-serif;
	color:red;
}
.featured-box-hm h1{
	font-size:1em;
	color:#c4161c;
	margin:0;
	padding: .5em 0;
	text-align:center;
	width:100%;
}
.featured-img-hm{
	width:100%;
	display: block;
	height:120px;
	margin:0;
	background: #6ADEEC;
}
.featured-img-hm a:hover{
	/* for IE */
  	filter:alpha(opacity=60);
  	/* CSS3 standard */
  	opacity:0.6;
}
#sales{
	background:url(../images/home/sales_promo.jpg) center no-repeat;
}
#education-and-training{
background:url(../images/home/education_promo.jpg) center no-repeat;
}
#hands-on-training{
background:url(../images/home/training_promo.jpg) center no-repeat;
}
#warehousing-and-logistics{
background:url(../images/home/warehousing_promo.jpg) center no-repeat;
}
/*--- TABLET MAIN CONTENT ---*/
#pg-content{
	width:100%;
	padding:0;
	background:white;
}
	.bodycontent{
	padding:2em;
	}	
.factoid{
	display:none;
	/*float:none;
	width:80%;
	display:block;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	padding:1em;
	border:#c4161c 1px solid;
	border-radius:10px;*/
}
/*------- TABLET MARQUEES ------*/
#who-we-are-marquee{
	background:url(../images/tablet/who_we_are_m.jpg) center no-repeat;
}
#what-we-do-marquee{
	background:url(../images/tablet/what_we_do_m.jpg) center no-repeat;
}
#our-advantage-marquee{
	background:url(../images/tablet/our_advantage_m.jpg) center no-repeat;
}

/*------- TABLET FOOTER --------*/
#footer-wrapper{
	width:100%;
	min-height:150px;
	margin:0;
	background-color:rgba(249,249,249,1.00);
}
#footer{
	position:relative;
	width:94%;
	min-height:100px;
	margin:0 auto;
	padding:1em;
}

#cdc-info{
	float:left;
	width:160px;
	margin:0;
	padding:10px;
}
#cdc-info-location p{
	line-height:1.2em;	
}
#cdc-info p{
	color:#7f786b;
}
#phone-icon{
display:none;}

/*------- TABLET FOOTER MENU--------*/
.footer-menu{
	float:left;
/*	margin:0 0 0 30px;
	padding:0 0 0 30px;
*/	width:18%;
	height:auto;
	border-left:#CCC 1px solid;
}
.footer-menu ul{
	list-style: none;
	margin:0;
	padding:0;
}
.footer-menu li{
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: .7em;
	display:block;
}
.footer-menu li a:link, .footer-menu li a:visited{
	display: block;
	color: #888;
	text-decoration: none;
	padding: 0 1em;
	border: none;
	line-height:1.75em;
}
.footer-menu li a:hover{
	color: #333;
}
.footer-menu ul .sec-subhead {
	font-weight: bold;
	font-size:.9em;
	text-decoration:underline;
}
.footer-logos{
	float:right;
	margin:.2em 0;
	padding:0;
	width:120px;
	height:30px;
}
#osd{
	background:url(../images/footer/OSD-sm.png) no-repeat center;
}
#wbenc{
	background:url(../images/footer/wbenc-sm.png) no-repeat center;
}
#athena{
	background:url(../images/footer/athena-sm.png) no-repeat center;
}

#footer h1{
	margin:0;
	color:#c4161c;
	font-size:1.5em;
	text-align:center;
}
#footer h2{
	margin:0;
	color:#c4161c;
	font-size:1em;
	text-align:center;
}

#footer p{
	font-size:1em;
	line-height:1em;
	text-align:center;
}
#first{
	border-left:none;	
}
#copyright{
	float:right;
	width:auto;
	margin-top:10px;
	font-size:.7em;
	color:#7f786b;
	text-align:left;
}



}
@media only screen and (min-width:940px) and (max-width:1024px){
.featured-box-hm{
	min-height:160px;
} 
.featured-img-hm{
	width:100%;
	height:160px;
}
.featured{
	line-height:1.2em;
	font-size:.9em;
}
#slogan{
	position:absolute;
	top:30px;
	left: 280px;
	font-size:.9em;
}
}

/*********************************************
DESKTOP STYLES
*********************************************/
@media only screen and (min-width:1025px){
/*------- DESKTOP HEADER --------*/
#headerwrapper{
	width:100%;
	margin:0;
	padding:0;
	border-bottom:#ed1c24 solid 4px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e2e0e1+0,ffffff+100 */
	background: rgb(226,224,225); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(226,224,225,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,224,225,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(top, rgba(226,224,225,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(top, rgba(226,224,225,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(top, rgba(226,224,225,1) 0%,rgba(255,255,255,1) 100%); /* IE10 preview */
	background: linear-gradient(to bottom, rgba(226,224,225,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e0e1', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	}
#header{
	position:relative;
	margin:0 auto;
	padding:0;
	width:1280px;
	height:85px;
	}
#logo{
	position:absolute;
	top:5px;
	left: 50px;
	width:252px;
	height:63px;
}
#logo-subhead{
	position:absolute;
	top:65px;
	left:110px;
}
#slogan{
	position:absolute;
	top:30px;
	left: 450px;
}
#service-slogan{
	position:absolute;
	top:120px;
	left: 110px;
}
#header-phone{
	position:absolute;
	top:30px;
	right: 30px;
	font-size:1.7em;
	letter-spacing:-.05em;
	color:#a8a090;
}
.socialbtns{
	float:right;
	margin:.5em 2em .5em 1em;
}
.headerimgs{
	float:right;
	margin:0 5px;
	width:242px;
	height:141px;
}
.portallogin{
	width:auto;
	margin:0;
	position:absolute;
	top:10px;
	right:25px;
}
.portallogin ul{
	list-style:none;
}
.portallogin li{
	display:block;
	padding:.3em;
	line-height:1em;
	color:white;
	border:#ED1C24 solid 2px;
	border-radius:5px;
	font-size:.9em;
}
.portallogin li a:link{
	text-decoration:none;
	color:#ED1C24;
}
.portallogin a:hover{
	color:rgba(214,214,214,1.00);
}
.portallogin li a:visited{
	text-decoration:none;
	color:#ED1C24;
}

/*------- DESKTOP MAIN MENU ---------*/
#menu-wrapper{
	width:100%;
	height:45px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c1b9a4+0,f8f7f5+100 */
background: rgb(193,185,164); /* Old browsers */
background: -moz-linear-gradient(top, rgba(193,185,164,1) 0%, rgba(248,247,245,1) 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(193,185,164,1)), color-stop(100%,rgba(248,247,245,1))); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top, rgba(193,185,164,1) 0%,rgba(248,247,245,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top, rgba(193,185,164,1) 0%,rgba(248,247,245,1) 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top, rgba(193,185,164,1) 0%,rgba(248,247,245,1) 100%); /* IE10 preview */
background: linear-gradient(to bottom, rgba(193,185,164,1) 0%,rgba(248,247,245,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1b9a4', endColorstr='#f8f7f5',GradientType=0 ); /* IE6-9 */}
#menu-container{
	position:relative;
	margin:0 auto;
	padding:0;
	width:1280px;
	height:45px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c1b9a4+0,f8f7f5+100 */
	background: rgb(193,185,164); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(193,185,164,1) 0%, rgba(248,247,245,1) 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(193,185,164,1)), color-stop(100%,rgba(248,247,245,1))); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(top, rgba(193,185,164,1) 0%,rgba(248,247,245,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(top, rgba(193,185,164,1) 0%,rgba(248,247,245,1) 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(top, rgba(193,185,164,1) 0%,rgba(248,247,245,1) 100%); /* IE10 preview */
	background: linear-gradient(to bottom, rgba(193,185,164,1) 0%,rgba(248,247,245,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1b9a4', endColorstr='#f8f7f5',GradientType=0 ); /* IE6-9 */
	}
#mainmenu{
	position:absolute;
	left:20px;
	bottom:0;
	margin:0;
	padding:0;
	width:auto;
	height:45px;
	background:none;
}
#mainmenu ul{
	list-style:none;
	margin:0;
	padding:0;
}
#mainmenu li{
	float: left;
	width: auto;
	margin: 0;
	padding: 0;
	text-align:center;
	font-size: .9em;
	text-transform:uppercase;
}
#mainmenu li a:link, #mainmenu li a:visited{
	display: block;
	color: black;
	text-decoration: none;
	padding: 0 20px;
	line-height: 45px;
	border: none;
}
#mainmenu li a:hover{
	color: #c4161c;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4f0e6+0,d6cfbf+100 */
background: rgb(244,240,230); /* Old browsers */
background: -moz-linear-gradient(top, rgba(244,240,230,1) 0%, rgba(214,207,191,1) 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,240,230,1)), color-stop(100%,rgba(214,207,191,1))); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top, rgba(244,240,230,1) 0%,rgba(214,207,191,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top, rgba(244,240,230,1) 0%,rgba(214,207,191,1) 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top, rgba(244,240,230,1) 0%,rgba(214,207,191,1) 100%); /* IE10 preview */
background: linear-gradient(to bottom, rgba(244,240,230,1) 0%,rgba(214,207,191,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f0e6', endColorstr='#d6cfbf',GradientType=0 ); /* IE6-9 */}
#fb-like{
	position:absolute;
	top:155px;
	right:0;
}
/*------- DESKTOP SIDEBAR ---------*/
#sidebar{
	position:relative;
	float:left;
	margin:1em;
	padding:1em;
	width:20%;
	min-height:400px;
	background: rgba(234,234,234,1.00);
}
.sidebar-list{
	padding:2em;
	list-style:none;
}
#sidebar h5{
	padding:1em;
	text-align:center;
	background:rgba(48,101,150,1.00);
	color:white;
}
/*------- DESKTOP SIDE MENU ---------*/
#side-menu-about-us{
	float:left;
	width:260px;
	height:auto;
	margin:0;
	background:#ece8e1;
}
#side-menu-about-us ul{
	list-style:none;
	margin:0;
	padding:0;
}
#side-menu-about-us li{
	width: auto;
	margin: 0;
	padding: 0;
	text-align:right;
	font-size: 1em;
}
#side-menu-about-us li a:link, #side-menu-about-us li a:visited{
	display: block;
	color:#c4161c;
	text-decoration: none;
	padding:10px;
	border: none;
	line-height:2.75em;
	border-bottom:#b7b09e 1px solid;
}
#side-menu-about-us li a:hover{
	color: #666;
}

/*------- DESKTOP CONTENT ---------*/
/*wrapper used for content container on Template*/
#wrapper{
	position:relative;
	width:1280px;
	min-height:400px;
	margin:0 auto;
	padding:0;
}
#pg-content{
	float:left;
	margin:0 auto;
	padding:2em 6em;
	width:85%;
	background:white;
}
.pg-content-marquee{
	float:right;
	width:1280px;
	height:350px;
}
	#location{
		margin: 1em 0;
	}
/*---- DESKTOP MARQUEES ----*/
#who-we-are-marquee{
	background: url(../images/desktop/who_are_are_l.jpg) center no-repeat;
}
#what-we-do-marquee{
	background:url(../images/desktop/what_we_do_l.jpg) center no-repeat;
}
#our-advantage-marquee{
	background:url(../images/desktop/our_advantage_l.jpg) center no-repeat;
}



#pg-content ol{
	line-height:1.5em;	
}
/*---- DESKTOP SLIDER -----*/
#full-slider{
	width: 100%;
	height:auto;
	background:url(../images/global/home-shadow.png) no-repeat bottom;
	padding:0;
	margin:0;
	background-color:rgba(167,255,216,1.00);
}
/*-- Centers an image in div --*/
#full-slider img{
	display:block;
	margin-left:auto;
	margin-right:auto;
}
#promo-hm{
	height:auto;
	width:100%;
	padding:0;
	background:white;
}
.featured-box-hm{
	float:left;
	width:300px;
	min-height:170px;
	margin:1em .6em;
	padding:0;
	background: #f4f0e6;
	position:relative;
	border-bottom:#E6032B 10px solid;
}
#sales{
	background:url(../images/home/sales_promo.jpg) center no-repeat;
	display:block;
	width:300px;
	height:200px;
}
#education-and-training{
	background:url(../images/home/education_promo.jpg) center no-repeat;
	display:block;
	width:300px;
	height:200px;
}
#hands-on-training{
	background:url(../images/home/training_promo.jpg) center no-repeat;
	display:block;
	width:300px;
	height:200px;
}
#warehousing-and-logistics{
	background:url(../images/home/warehousing_promo.jpg) center no-repeat;
	display:block;
	width:300px;
	height:200px;
}
p.featured{
	padding: 15px 35px;
	line-height:1.5em;
	font-size:.9em;
	text-align:left;
}
p.featured bold{
	font-family: 'Cabin', sans-serif, Arial, Helvetica, sans-serif;
	color:red;
}
.h1-featured{
	margin:0;
	padding:.5em 0;
	color:black;
	font-size:1.4em;
	text-align:center;
	background:#d6cfbf;
}
.h1-featured a:link, a:visited{
	text-decoration:none;
	color:black;
}
.h1-featured a:hover{
	color:#DF0030;
}
.featured-img-hm{
	width:100%;
	height:200px;
	margin:0;
}
.featured-img-hm a:hover{
	/* for IE */
  	filter:alpha(opacity=60);
  	/* CSS3 standard */
  	opacity:0.6;
}
.img-float-left{
	float:left;
	margin: 5px auto;
	padding:0;
}
.img-float-right{
	float:right;
	margin: 5px auto;
	padding:0;
}
.img-float-right-sidebar{
	float:right;
	margin: 10px 5px 20px;
	padding:0;
}
.img-float-left-side{
	float:left;
	margin: 8px;
	padding:0;
}
.img-float-left-side a:hover{
	/* for IE */
  	filter:alpha(opacity=60);
  	/* CSS3 standard */
  	opacity:0.6;
}
.showcase-btn{
	float:left;
	margin: 4px;
	padding:0;
}
.showcase-btn a:hover{
	/* for IE */
  	filter:alpha(opacity=60);
  	/* CSS3 standard */
  	opacity:0.6;
}

/*-------- DESKTOP PG LAYOUTS -----------*/
#two-column{
	float:right;
	margin:10px;
	padding:1.75em;
	width:60%;
	height:inherit;
}
#two-column-location{
	float:right;
	margin:10px;
	padding:1.75em;
	width:30%;
	height:inherit;
	background:#e8e3d5;
}
#full-pg{
	float:left;
	margin:0;
	padding:20px;
	width:1240px;
}
#services-photos{
	float:left;
	width:790px;
}
#services-text{
	float:left;
	margin:10px 0 0 10px;
	padding:15px;
	width:375px;
	min-height:455px;
	background:#e3ddcf;
	border-bottom: 15px solid #005030;
}
#services-text h1{
	font-size:1.5em;
	text-transform:uppercase;
}
#services-marquee{
	margin: 0;	
}
#scott-photo{
	float:left;
	margin:20px 0 0 75px;
	padding:0;
}
#pg-photos-left{
	position:relative;
	float:left;
	width:34%;
	margin:0;
	padding:0;
}
	#location-mobile{
		display: none;
	}
#location-map-left{
	position:relative;
	float:left;
	width:62%;
	margin:0;
	padding:10px;
}
h1.location{
}
/*------- DESKTOP LINECARD --------*/

#linecardContainer{
	position:relative;
	width:100%;
	border-bottom:1px solid rgba(187,187,187,1.00);
	background: white;
	margin-top:0;
}

.linecard_section{
	position:relative;
	margin:.5em auto;
	padding: 1em 0;
	width: 90%;
	border-bottom: #E1E1E1 solid 1px;
}
.linecard_logo{
	float:left;
	position:relative;
	padding: 1em auto;
	width:25%;
	top:25px;
}
.man-content{
	float: left;
	width: 75%;
	background: #EDE487:
}
	.man-content ul{
	float:left;
		width:30%;
	}
.linecard_content h4{
	font-size:1.2em;
}
.linecard_content p{
	float:right;
	width:72%;
	padding-right:3em;
}
/*------- DESKTOP FOOTER --------*/
#footer-wrapper{
	width:100%;
	min-height:200px;
	background: rgba(233,233,233,1.00);
	margin:1em 0 0 0;
	padding:0;
	border-top: #cbcbcb solid 1px;
}
#footer{
	position:relative;
	width:1220px;
	min-height:100px;
	margin:0 auto;
	padding:2em;
}

#cdc-info{
	float:left;
	width:250px;
	margin:10px 25px 10px 45px;
	padding:10px;
}
#cdc-info-location p{
	line-height:1.2em;	
}
#cdc-info p{
	color:#7f786b;
}
/*------- DESKTOP FOOTER MENU--------*/
.footer-menu{
	float:left;
	margin-left:2em;
	width:165px;
	height:auto;
	border-left:#CCC 1px solid;
}
.footer-menu ul{
	list-style: none;
	margin:0;
	padding:0;
}
.footer-menu li{
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: .9em;
	display:block;
}
.footer-menu li a:link, .footer-menu li a:visited{
	display: block;
	color: #888;
	text-decoration: none;
	padding: 0 1em;
	border: none;
	line-height:1.75em;
}
.footer-menu li a:hover{
	color: #333;
}
.footer-menu ul .sec-subhead {
	font-weight: bold;
	font-size:.9em;
	text-decoration:underline;
}
#footer h1{
	margin:0;
	color:#c4161c;
	font-size:1.75em;
	text-align:right;
}
#footer h2{
	margin:0;
	color:#c4161c;
	font-size:1em;
	text-align:right;
}

#footer p{
	font-size:1em;
	color:#bfb49b;
	line-height:1em;
	text-align:right;
}
#first{
	border-left:none;
	/*width:135px;*/
}
#secondfootermenu{
	width:185px;
}
#thirdfootermenu{
	width:185px;
}

.footer-logos{
	float:right;
	margin:.2em 0;
	padding:0;
	width:150px;
	height:50px;
}
#osd{
	background:url(../images/footer/osd-logo.png) no-repeat center;
}
#wbenc{
	background:url(../images/footer/wbenc-logo.png) no-repeat center;
}
#athena{
	background:url(../images/footer/athena-logo.png) no-repeat center;
}
#copyright{
	float:left;
	width:auto;
	margin-top:10px;
	font-size:.7em;
	color:#7f786b;
	text-align:left;
}
}