@charset "utf-8";
body {
	margin: 0px;
	padding: 0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color: #41494C;
	background-image: url(gui/pagebg.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	line-height:18px;
}

#wrapper {
	width:950px;
	background-image: url(gui/content-middle.jpg);
	background-repeat: repeat-y;
	background-position: 165px; 
	}
#header {
	background-image: url(gui/header.jpg);
	height: 135px;
	background-repeat: no-repeat;
	background-position: left center;	
	width:950px;	
}
#topbuttons {
	width:930px;
	text-align:right;
	height: 28px;
	margin-top:7px;
	position:absolute;
	left:0px;
	
}
.logo {margin-top:16px;}
#nav {width:778px; position:absolute; top:98px; left:200px;}
#contentwrapper {
	background-image: url(gui/column-left.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	width:950px;
	
	}
#columnleft {
	float:left;	
	width: 165px;
	text-align: right;
	padding-top:36px;	
}
#columnright {
	float:left;
	width: 785px;	
	}
	
#picheading {
	background-image: url(gui/sub-pic.jpg);
	background-repeat: no-repeat;
	height: 183px;
	width: 784px;
	margin-left:1px;	
}

#picheadingb {
	background-image: url(gui/industry-warehouse.jpg);
	background-repeat: no-repeat;
	height: 183px;
	width: 784px;
	margin-left:1px;	
}

#picheadingc {
	background-image: url(gui/industry-manufacturing.jpg);
	background-repeat: no-repeat;
	height: 183px;
	width: 784px;
	margin-left:1px;	
}

#picheadingd {
	background-image: url(gui/industry-construction.jpg);
	background-repeat: no-repeat;
	height: 183px;
	width: 784px;
	margin-left:1px;	
}

#picheadinge {
	background-image: url(gui/industry-field.jpg);
	background-repeat: no-repeat;
	height: 183px;
	width: 784px;
	margin-left:1px;	
}

#picheadingf {
	background-image: url(gui/industry-freight.jpg);
	background-repeat: no-repeat;
	height: 183px;
	width: 784px;
	margin-left:1px;	
}

#picheadingg {
	background-image: url(gui/industry-publicsafesty.jpg);
	background-repeat: no-repeat;
	height: 183px;
	width: 784px;
	margin-left:1px;	
}

#picheadingh {
	background-image: url(gui/industry-coldstorage.jpg);
	background-repeat: no-repeat;
	height: 183px;
	width: 784px;
	margin-left:1px;	
}

#picheadingi {
	background-image: url(gui/industry-military.jpg);
	background-repeat: no-repeat;
	height: 183px;
	width: 784px;
	margin-left:1px;	
}

#tab {
		
}

#relatedproductswrapper {
	width: 141px;
	float:right;
	margin-left:8px;
	
}
	
#relatedproducts {
	background-image: url(gui/relatedproductsmiddle.gif);
	background-repeat:repeat-y;
	color:#FFFFFF;
	font-size:10px;
	padding-left:4px;
	margin-top:-4px;
}
	
#content {
	padding-left:24px;
	padding-right:36px;
	padding-bottom:24px;
/* background-image: url(gui/content-bottom.jpg); */	
	
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-top:-36px; 
	float:left
}
	
.clearboth {
	clear:both;
	height: 0px;
	width: 0px;
}
.location {color: #E1983C;}

.quotebox {
	background-image: url(gui/quotebox.jpg);
	background-repeat: no-repeat;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 8px;
	padding-left: 8px;
	float: left;
	width: 180px;	
	color:#0165A3;
	margin-right:8px;
}
h1 {
	
	font-size: 16px;
	line-height: 33px;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	background-image: url(gui/tab.png);
	background-repeat: no-repeat;
	height: 33px;
	width: 296px;
	text-align:center;
	margin-left:12px;
	text-transform: uppercase;
	padding-top: 100px;
	background-position: bottom;
}
#casestudy {
	margin-top: 10px; margin-left:-4px; 
}


#thefooter {width:950px;}





@charset "utf-8";

a.leftnav:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;

}
a.leftnav:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;

}
a.leftnav:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
	text-decoration: none;
	
}


a.navleft:link {
	color: #000000;
	text-decoration: none;
	margin-right:6px;
	font: bold 10px sans-serif;
	line-height:24px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
a.navleft:visited {
	color: #000000;
	text-decoration: none;
	margin-right:6px;
	font: bold 10px sans-serif;
	line-height:24px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
a.navleft:hover {
	color: #FF0000;
	text-decoration: none;
	margin-right:6px;
	font: bold 10px sans-serif;
	line-height:24px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
}


a.locationlink:link {color: #E1983C;}
a.locationlink:visited {color: #E1983C;}
a.locationlink:hover {color: #007EBF;}

a:link {color: #E1983C;}
a:visited {color: #E1983C;}
a:hover {color: #007EBF;}
a:active {color: #007EBF;}


#contact-inner a:link {color: #c06d24;}
#contact-inner a:visited {color: #c06d24;}
#contact-inner a:hover {color: #007EBF;}
#contact-inner a:active {color: #007EBF;}

#footer-nav {color:white; font-size:11px; padding-top:20px; padding-bottom:5px}
img {border:0px}






@charset "UTF-8";

/* SpryCollapsiblePanel.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main CollapsiblePanel container. For our
 * default style, the CollapsiblePanel is responsible for drawing the borders
 * around the widget.
 *
 * If you want to constrain the width of the CollapsiblePanel widget, set a width on
 * the CollapsiblePanel container. By default, our CollapsiblePanel expands horizontally to fill
 * up available space.
 *
 * The name of the class ("CollapsiblePanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * CollapsiblePanel container.
 */
.CollapsiblePanel {
	margin: 0px;
	padding: 0px;
	margin-right:6px;

}

/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
.CollapsiblePanelTab {
	font: bold 10px sans-serif;
	margin: 0px;
	padding: 0px;
	padding-top:8px;
	padding-bottom:8px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
}

/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 *
 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style a
 * CollapsiblePanel content container.
 */
.CollapsiblePanelContent {
	margin: 0px;
	padding: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-bottom:12px;
	padding-right:4px;
}

.CollapsiblePanelContent ul {
	margin: 0px;
	padding: 0px;
	
}

.CollapsiblePanelContent ul li {
	list-style-type: none;	
}


/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
	
}
.CollapsiblePanelContent ul li a {
	color: black;
	text-decoration: none;
}
.CollapsiblePanelContent ul li a:visited {
	color: black;
	text-decoration: none;
}
.CollapsiblePanelContent ul li a:hover {
	color: #E1983C;
	text-decoration: none;
}
/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab {
	
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	color: #007EBF; 
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.CollapsiblePanelFocused .CollapsiblePanelTab {
	color: #000000; 
}

























@charset "UTF-8";

/* SpryCollapsiblePanel.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main CollapsiblePanel container. For our
 * default style, the CollapsiblePanel is responsible for drawing the borders
 * around the widget.
 *
 * If you want to constrain the width of the CollapsiblePanel widget, set a width on
 * the CollapsiblePanel container. By default, our CollapsiblePanel expands horizontally to fill
 * up available space.
 *
 * The name of the class ("CollapsiblePanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * CollapsiblePanel container.
 */
.CollapsiblePanelrelated {
	margin: 0px;
	padding: 0px;
	margin-right:4px;
	
}

/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
.CollapsiblePanelTabrelated {
	font: bold 10px sans-serif;
	margin: 0px;
	padding: 0px;
	padding-top:8px;
	padding-bottom:12px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../assets/gui/plus.gif);
	background-repeat: no-repeat;
	background-position: 116px center;
}

/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 *
 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style a
 * CollapsiblePanel content container.
 */
.CollapsiblePanelContentrelated {
	margin: 0px;
	padding: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-bottom:12px;
	padding-left:4px;
	
}

.CollapsiblePanelContentrelated ul {
	margin: 0px;
	padding: 0px;
}

.CollapsiblePanelContentrelated ul li {
	list-style-type: none;	 font-weight:normal;
}


/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTabrelated a {
	color: white;
	text-decoration: none;
	
}
.CollapsiblePanelContentrelated ul li a {
	color: white;
	text-decoration: none; 
}
.CollapsiblePanelContentrelated ul li a:visited {
	color: white;
	text-decoration: none;
}
.CollapsiblePanelContentrelated ul li a:hover {
	color: #E1983C;
	text-decoration: none;
}
/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpenrelated .CollapsiblePanelTabrelated {
	background-image: url(../assets/gui/minus.gif);
	background-repeat: no-repeat;
	background-position: 116px center;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	color: #E1983C;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.CollapsiblePanelFocusedrelated .CollapsiblePanelTabrelated {
	color: #FFFFFF;
}