/* 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: 1009; 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: 4px 29px 0 0; background: url(../images/nav-gallery.jpg) bottom center no-repeat; }

ul#nav li.print a  { height: 12px; width: 35px; margin-right: 32px; background: url(../images/nav-print.jpg) bottom center no-repeat; }
ul#nav li.electronic a  { height: 14px; width: 63px; margin: 4px 37px 0 0; background: url(../images/nav-electronic.jpg) bottom center no-repeat; }
ul#nav li.identity a  { height: 12px; width: 48px; margin: 3px 40px 0 0; background: url(../images/nav-identity.jpg) bottom center no-repeat; }
ul#nav li.whitepapers a  { height: 14px; width: 72px; margin: 5px 42px 0 0; background: url(../images/nav-whitepapers.jpg) bottom center no-repeat; }
ul#nav li.pr a  { height: 14px; width: 33px; margin: 5px 44px 0 0; background: url(../images/nav-pr.jpg) bottom center no-repeat; }
ul#nav li.misc a  { height: 13px; width: 33px; margin: 5px 45px 0 0; background: url(../images/nav-misc.jpg) bottom center no-repeat; }

ul#nav li.casestudies a  { height: 14px; width: 69px; margin: 8px 45px 0 0; background: url(../images/nav-casestudies.jpg) bottom center no-repeat; }

ul#nav li.alcoa a 						{ height: 17px; width: 63px; margin-right: 43px; background: url(../images/nav-alcoa.jpg) bottom center no-repeat; }
ul#nav li.bathwraps a 						{ height: 17px; width: 63px; margin-right: 46px; background: url(../images/nav-bathwraps.jpg) bottom center no-repeat; }
ul#nav li.baxter a 						{ height: 17px; width: 50px; margin-right: 43px; background: url(../images/nav-baxter.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.manroland a 					{ height: 17px; width: 70px; margin-right: 41px; background: url(../images/nav-manroland.jpg) bottom center no-repeat; }

ul#nav li.voc a  { height: 15px; width: 26px; margin: 8px 40px 0 0; background: url(../images/nav-voc.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: 306px; 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: 1010; background: url(../images/arrow-right.png) no-repeat; top: 300px; right: 64px; }
.back                   { z-index: 1010; 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-alcoa-image					{ position:absolute; top:-13px; left: 467px; width: 125px; height: 92px; }
.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:79px; left: 475px; width: 101px; height: 86px; }
.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:169px; left: 466px; 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-bathwraps-image					{ position:absolute; top:273px; left: 469px; width: 108px; height: 54px; }
.bathwraps-image							{ background: url(../images/bathwraps.png) no-repeat;}
.bathwraps-image-hover						{ background: url(../images/bathwraps-hover.png) no-repeat;}

#clients-bericap-image						{ position:absolute; top:359px; left: 461px; width: 107px; height: 30px; }
.bericap-image								{ background: url(../images/bericap.png) no-repeat;}
.bericap-image-hover						{ background: url(../images/bericap-hover.png) no-repeat;}

#clients-crider-image					{ position:absolute; top:-15px; left: 628px; 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-csc-image						{ position:absolute; top:92px; left: 613px; width: 120px; height: 60px; }
.csc-image								{ background: url(../images/csc.png) no-repeat;}
.csc-image-hover						{ background: url(../images/csc-hover.png) no-repeat;}

#clients-fineeye-image					{ position:absolute; top:166px; left: 616px; width: 120px; height: 57px; }
.fineeye-image							{ background: url(../images/fineeye.png) no-repeat;}
.fineeye-image-hover					{ background: url(../images/fineeye-hover.png) no-repeat;}

#clients-bg-image				{ position:absolute; top:158px; left: 625px; width: 108px; height: 81px; }
.bg-image						{ background: url(../images/bgfoods.png) no-repeat;}
.bg-image-hover					{ background: url(../images/bgfoods-hover.png) no-repeat;}

#clients-hans-image							{ position:absolute; top:253px; left: 622px; width: 120px; height: 12px; }
.hans-image									{ background: url(../images/hans.png) no-repeat;}
.hans-image-hover							{ background: url(../images/hans-hover.png) no-repeat;}

#clients-hlflake-image					{ position:absolute; top:298px; left: 620px; width: 120px; height: 30px; }
.hlflake-image							{ background: url(../images/hlflake.png) no-repeat;}
.hlflake-image-hover					{ background: url(../images/hlflake-hover.png) no-repeat;}

#clients-huhtamaki-image				{ position:absolute; top:345px; left: 619px; 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-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-rainsoft-image					{ position:absolute; top:73px; left: 779px; width: 105px; height: 45px; }
.rainsoft-image							{ background: url(../images/rainsoft.png) no-repeat;}
.rainsoft-image-hover					{ background: url(../images/rainsoft-hover.png) no-repeat;}

#clients-masterlock-image				{ position:absolute; top:138px; 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-matlet-image						{ position:absolute; top:205px; left: 784px; width: 108px; height: 40px; }
.matlet-image								{ background: url(../images/matlet.png) no-repeat;}
.matlet-image-hover							{ background: url(../images/matlet-hover.png) no-repeat;}

#clients-strine-image						{ position:absolute; top:288px; left: 778px; width: 120px; height: 25px; }
.strine-image								{ background: url(../images/strine.png) no-repeat;}
.strine-image-hover							{ background: url(../images/strine-hover.png) no-repeat;}

#clients-proproducts-image				{ position:absolute; top:355px; left: 772px; width: 119px; height: 21px; }
.proproducts-image						{ background: url(../images/proproducts.png) no-repeat;}
.proproducts-image-hover				{ background: url(../images/proproducts-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; }


#news-content { margin: 10px; }
#news-content h1	{ font: bold 30px Arial, Sans-Serif; font-weight: bold; letter-spacing: 0; padding-bottom: 8px; text-align:center; }
#news-content h2	{ font: italic 18px Arial, Sans-Serif; font-weight: bold; letter-spacing: 0; padding-bottom: 20px; text-align:center; }
#news-content h3	{ font: normal 14px Arial, Sans-Serif; font-weight: bold; letter-spacing: 0; padding-bottom: 15px;}