/* RESETS & BASIC PAGE SETUP */
* 										{ margin: 0; padding: 0; }
html 									{ overflow-y: scroll; }
body                                	{ font: 62.5% "Lucida Grande", sans-serif; background: #001728 url(../images/background2.jpg) fixed no-repeat; color: #595959; }

ul 										{ list-style: none inside; }
p 										{ font-size: 1.2em; line-height: 1.5em; margin-bottom: 1.2em; }
a 										{ color: #e06f1d; text-decoration: none; outline: none; }
a:hover									{ text-decoration: underline; }
a img 									{ border: none; }


/* END RESET */

/* TOOLBOX */
.floatleft 								{ float: left; }
.floatright 							{ float: right; }
.clear 									{ clear: both; }
/* END TOOLBOX */

#page-wrap                          	{ width: 1024px; position: relative; }
#page-wrap-contact                     	{ width: 1024px; position: relative; background: url(../images/background-contact.jpg) fixed no-repeat;}

ul#nav 									{ margin: 100px 0 0 0; width: 128px; min-height: 420px; list-style: none; position: absolute; z-index: 2000; float: left;}
ul#nav li 								{ display: inline; }
ul#nav li a 							{ display: block; float: right; text-indent: -9999px; }
ul#nav li.mo a 							{ height: 24px; width: 72px; background: url(../images/nav-mo.jpg) bottom center no-repeat; }

ul#nav li.group  						{ cursor: pointer; display: block; float: right; height: 24px; text-indent: -9999px; width: 74px; margin-right: 10px; background: url(../images/nav-group.jpg) bottom center no-repeat; }
ul#nav li.group:hover					{ background-position: top center; }

ul#nav li.people a 						{ height: 17px; width: 80px; margin-right: 24px; background: url(../images/nav-chiefs.jpg) bottom center no-repeat; }
ul#nav li.capabilities a 				{ height: 18px; width: 69px; margin-right: 30px; background: url(../images/nav-capabilities.jpg) bottom center no-repeat; }
ul#nav li.news a 						{ height: 18px; width: 50px; margin: 0 35px 5px 0; background: url(../images/nav-news.jpg) bottom center no-repeat; }


ul#nav li.work 							{ cursor: pointer; display: block; float: right; height: 24px; text-indent: -9999px; width: 67px; margin-right: 20px; background: url(../images/nav-work.jpg) bottom center no-repeat; }
ul#nav li.work:hover					{ background-position: top center; }

ul#nav li.gallery a 					{ height: 17px; width: 50px; margin-right: 45px; background: url(../images/nav-gallery.jpg) bottom center no-repeat; }
ul#nav li.comp24 a 						{ height: 17px; width: 63px; margin-right: 45px; background: url(../images/nav-comp24.jpg) bottom center no-repeat; }
ul#nav li.alcoa a 						{ height: 17px; width: 63px; margin-right: 45px; background: url(../images/nav-alcoa.jpg) bottom center no-repeat; }
ul#nav li.manroland a 					{ height: 17px; width: 70px; margin-right: 45px; background: url(../images/nav-manroland.jpg) bottom center no-repeat; }
ul#nav li.baxter a 						{ height: 17px; width: 50px; margin: 0 45px 5px 0; background: url(../images/nav-baxter.jpg) bottom center no-repeat; }


ul#nav li.clients a 					{ height: 24px; width: 59px; margin-right: 28px; background: url(../images/nav-clients.jpg) bottom center no-repeat; }
ul#nav li.contact a 					{ height: 24px; width: 66px; margin-right: 33px; background: url(../images/nav-contact.jpg) bottom center no-repeat; }
ul#nav li a:hover 						{ background-position: top center; }
.nav-hover								{ background-position: top center; }


#logo 									{ width: 296px; height: 69px; top: -52px; left: -19px; position: absolute; background: url(../images/logo.png) scroll no-repeat;}

#main-content 							{ margin: 100px 0 0 0; padding: 0px 235px 35px 227px; position: absolute; z-index: 5;}
#main-content-contact 					{ margin: 0px; padding: 100px 235px 35px 227px; position: absolute; z-index: 5; background: url(../images/background-contact.jpg) fixed no-repeat;}

#main-content h1 a						{ position: absolute; text-indent: -9999px; top: -80px; left: 85px; width: 100px; height: 55px;  }
#main-content-contact h1 a				{ position: absolute; text-indent: -9999px; top:   0px; left: 85px; width: 100px; height: 55px;  }
#main-content-people h1 a				{ position: absolute; text-indent: -9999px; top: -80px; left: 10px; width: 100px; height: 55px;  }


#main-content h2						{ text-transform: uppercase; color: #e06f1d; font: normal 35px Arial, Sans-Serif; letter-spacing: 0; padding-bottom: 20px; }
#main-content h3						{ text-transform: uppercase; color: #e06f1d; font: normal 18px Arial, Sans-Serif; letter-spacing: 0; padding-bottom: 20px; }
#main-content h4						{ color: #000000; font: normal 14px Arial, Sans-Serif; letter-spacing: 0; }
#main-content h5						{ font: normal 12px Arial, Sans-Serif; letter-spacing: 0; }

.capability-header						{ text-transform: uppercase; font: normal 18px Arial, Sans-Serif; letter-spacing: 0; padding-top: 5px; }
.capability 							{ font-size: 12px; }
#contactInfo							{float: left; width: 250px; margin-bottom: 40px;}
form									{color: #000000;}

/*
	People & Work
	874x436
*/
#main-content-people					{ margin: 78px 0 0 91px; position: absolute;}
#top-zone								{overflow:hidden; width:874px; margin:0; height:436px;} /*Here to keep images hidden in IE mostly*/
#billboard								{width:874px; height:436px; overflow:hidden;}

#pager-wrap								{ background: transparent; cursor: pointer;}
.pager-closed							{ width: 742px; position: absolute; left: 68px; top:421px; background-color: white;}
.pager-open								{ width: 842px; position: absolute; left: 34px; top:355px; background-color: white;}

.slideshow								{width:874px; height:436px; overflow:hidden;}
.slideshow li							{list-style:none; float:left; display:inline; position:relative;}

.edge-holders							{width:874px; height:436px; background:url('../images/people-frame.png') no-repeat top center; position:relative; z-index:1000;  top:-436px;}

.arrow                  { display: block; height: 29px; width: 40px; background: url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 215px; cursor: pointer; }
.forward                { z-index: 2001; background: url(../images/arrow-right.png) no-repeat; top: 300px; right: 64px; }
.back                   { z-index: 2001; background: url(../images/arrow-left.png) no-repeat; top: 300px; left: 113px; }
/*
	News
*/
#accordion 								{ margin: 0; padding: 0; }
#accordion dd 							{ margin: 0 0 5px 0; padding: 0; }
#accordion a							{ font-size: 1.2em;}

/*
	Clients
*/
.clientsTitle							{ color: #e06f1d; font: normal 18px Arial, Sans-Serif; letter-spacing: 0; padding-bottom: 10px; }
.clientsCopy							{ font: normal 14px Arial, Sans-Serif; letter-spacing: 1px; }
#clients-roll-logos						{ position: absolute; top: 138px; left: 154px; width: 285px;}
#clients-accuweb-text					{ position: absolute; top: 138px; left: 154px; width: 285px;}
#clients-alcoa-text						{ position: absolute; top: 138px; left: 154px; width: 285px;}
#clients-amcor-text						{ position: absolute; top: 138px; left: 154px; width: 285px;}
#clients-amlock-text					{ position: absolute; top: 138px; left: 154px; width: 285px;}
#clients-comp24-text					{ position: absolute; top: 138px; left: 154px; width: 285px;}
#clients-crider-text					{ position: absolute; top: 138px; left: 154px; width: 285px;}
#clients-gfi-text						{ position: absolute; top: 138px; left: 154px; width: 285px;}
#clients-grifols-text					{ position: absolute; top: 138px; left: 154px; width: 285px;}
#clients-inx-text						{ position: absolute; top: 138px; left: 154px; width: 285px;}
#clients-manroland-text					{ position: absolute; top: 138px; left: 154px; width: 285px;}
#clients-martinyale-text				{ position: absolute; top: 138px; left: 154px; width: 285px;}
#clients-masterlock-text				{ position: absolute; top: 138px; left: 154px; width: 285px;}
#clients-nutrition-text					{ position: absolute; top: 138px; left: 154px; width: 285px;}
#clients-huhtamaki-text					{ position: absolute; top: 138px; left: 154px; width: 285px;}
#clients-proproducts-text				{ position: absolute; top: 138px; left: 154px; width: 285px;}
#clients-fineeye-text					{ position: absolute; top: 138px; left: 154px; width: 285px;}
#clients-csc-text						{ position: absolute; top: 138px; left: 154px; width: 285px;}

#clients-fineeye-image					{ position:absolute; top:262px; left: 632px; width: 151px; height: 72px; }
.fineeye-image							{ background: url(../images/fineeye.png) no-repeat;}
.fineeye-image-hover					{ background: url(../images/fineeye-hover.png) no-repeat;}

#clients-csc-image						{ position:absolute; top:75px; left: 599px; width: 144px; height: 72px; }
.csc-image								{ background: url(../images/csc.png) no-repeat;}
.csc-image-hover						{ background: url(../images/csc-hover.png) no-repeat;}

#clients-huhtamaki-image				{ position:absolute; top:329px; left: 645px; width: 119px; height: 48px; }
.huhtamaki-image						{ background: url(../images/huhtamaki.png) no-repeat;}
.huhtamaki-image-hover					{ background: url(../images/huhtamaki-hover.png) no-repeat;}

#clients-proproducts-image				{ position:absolute; top:358px; left: 785px; width: 119px; height: 21px; }
.proproducts-image						{ background: url(../images/proproducts.png) no-repeat;}
.proproducts-image-hover				{ background: url(../images/proproducts-hover.png) no-repeat;}

#clients-accuweb-image					{ position:absolute; top:-13px; left: 467px; width: 125px; height: 92px; }
.accuweb-image							{ background: url(../images/accuweb.png) no-repeat;}
.accuweb-image-hover					{ background: url(../images/accuweb-hover.png) no-repeat;}

#clients-alcoa-image					{ position:absolute; top:89px; left: 453px; width: 127px; height: 93px; }
.alcoa-image							{ background: url(../images/alcoa.png) no-repeat;}
.alcoa-image-hover						{ background: url(../images/alcoa-hover.png) no-repeat;}

#clients-amcor-image					{ position:absolute; top:199px; left: 458px; width: 127px; height: 49px; }
.amcor-image							{ background: url(../images/amcor.png) no-repeat;}
.amcor-image-hover						{ background: url(../images/amcor-hover.png) no-repeat;}

#clients-amlock-image					{ position:absolute; top:255px; left: 478px; width: 122px; height: 78px; }
.amlock-image							{ background: url(../images/amlock.png) no-repeat;}
.amlock-image-hover						{ background: url(../images/amlock-hover.png) no-repeat;}

#clients-comp24-image					{ position:absolute; top:321px; left: 485px; width: 137px; height: 70px; }
.comp24-image							{ background: url(../images/comp24.png) no-repeat;}
.comp24-image-hover						{ background: url(../images/comp24-hover.png) no-repeat;}

#clients-crider-image					{ position:absolute; top:-15px; left: 633px; width: 116px; height: 89px; }
.crider-image							{ background: url(../images/crider.png) no-repeat;}
.crider-image-hover						{ background: url(../images/crider-hover.png) no-repeat;}
	
#clients-gfi-image						{ position:absolute; top:150px; left: 624px; width: 125px; height: 75px; }
.gfi-image								{ background: url(../images/gfi.png) no-repeat;}
.gfi-image-hover						{ background: url(../images/gfi-hover.png) no-repeat;}

#clients-grifols-image					{ position:absolute; top:224px; left: 633px; width: 126px; height: 44px; }
.grifols-image							{ background: url(../images/grifols.png) no-repeat;}
.grifols-image-hover					{ background: url(../images/grifols-hover.png) no-repeat;}

#clients-inx-image						{ position:absolute; top:5px; left: 778px; width: 129px; height: 66px; }
.inx-image								{ background: url(../images/inx.png) no-repeat;}
.inx-image-hover						{ background: url(../images/inx-hover.png) no-repeat;}

#clients-manroland-image				{ position:absolute; top:72px; left: 770px; width: 138px; height: 35px; }
.manroland-image						{ background: url(../images/manroland.png) no-repeat;}
.manroland-image-hover					{ background: url(../images/manroland-hover.png) no-repeat;}

#clients-martinyale-image				{ position:absolute; top:120px; left: 770px; width: 138px; height: 43px; }
.martinyale-image						{ background: url(../images/martinyale.png) no-repeat;}
.martinyale-image-hover					{ background: url(../images/martinyale-hover.png) no-repeat;}

#clients-masterlock-image				{ position:absolute; top:190px; left: 770px; width: 138px; height: 54px; }
.masterlock-image						{ background: url(../images/masterlock.png) no-repeat;}
.masterlock-image-hover					{ background: url(../images/masterlock-hover.png) no-repeat;}

#clients-nutrition-image				{ position:absolute; top:241px; left: 781px; width: 123px; height: 101px; }
.nutrition-image						{ background: url(../images/nutrition.png) no-repeat;}
.nutrition-image-hover					{ background: url(../images/nutrition-hover.png) no-repeat;}

.hidden									{ visibility: hidden; }
.visible								{ visibility: visible; }

/*
	Work
*/
#work-intro								{ position: absolute; top: 20px; left: 78px; width: 235px; }
#work-intro h2							{ text-transform: uppercase; color: #e06f1d; font: normal 20px Arial, Sans-Serif; letter-spacing: 0; }
#work-intro h3							{ text-transform: uppercase; color: #595959; font: normal 15px Arial, Sans-Serif; letter-spacing: 0; padding-bottom: 20px; }

.work-header							{ text-transform: uppercase; color: #e06f1d; font: normal 14px Arial, Sans-Serif; letter-spacing: 0; padding-top: 5px; }
.work-copy 								{ font-size: 13px; padding: 10px 0; }

.close-button		                    { display: block; height: 13px; width: 36px; background: url(../images/close.png) no-repeat; text-indent: -9999px; position: absolute; top: 410px; left: 306px; cursor: pointer; }

/*
	Tools
*/
.scroll-pane 							{ width: 535px; overflow: auto; padding-right: 10px; height: 400px; }
.scroll-pane-capability					{ width: 535px; overflow: auto; padding-right: 10px; height: 200px; }
.scroll-pane-news						{ width: 535px; overflow: auto; padding-right: 10px; height: 400px; }
.scroll-pane-work						{ width: 250px; overflow: auto; padding-right: 10px; height: 290px; }

a.jScrollArrowUp 						{display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; background: url(../images/basic_arrow_up.gif) repeat-x 0 0; height: 9px; }
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/basic_arrow_down.gif) repeat-x 0 0;
	height: 9px;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}


.jScrollPaneContainer 					{ position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack 						{ position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #757575; }
.jScrollPaneDrag						{ position: absolute; background: #e06f1d; cursor: pointer; overflow: hidden; }