@charset "UTF-8";
/* CSS Document */

/*
Simple Reset **********************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
}



ul {
	list-style: none;
}

:focus {
	outline: 0;
}

/* tables may still need 'cellspacing="0"' in the markup */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Links */
a, a:link, a:visited, a:hover, a:active {
text-decoration: none;
border:none;
} 
/* end Links */

/* Headings */

h1, h2, h3, h4, h5, h6 {
font-weight: normal;
font-size: 100%;

}

button {
	cursor:pointer;
}

/* @end Headings */

/* clear floats */

.clear {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	
}

body { 
  font-size: 10px;
  color: #FFF; 
  line-height:1.5;
  background:#d0d0b4 url(images/topTile.jpg) 0 0 repeat-x;
  font-family:Arial, Helvetica, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal;  }

h1 { font-size: 3em;  }
h2 { font-size: 2em;  }
h3 { font-size: 1.5em;  }
h4 { font-size: 1.2em;  }
h5 { font-size: 1em;  }
h6 { font-size: 1em;  }


/* General Layout
-------------------------------------------------------------- */

#headerRight {
	background:url(images/headerRight.gif) 0 0 repeat-x;
	position: absolute;
	top:0;
	right:0;
	width:50%;
	height:129px;
}

#wrap {
	position:relative;
	width:996px;
	margin:0 auto 60px auto;
	
	
}

#header {
	width:996px;
	height:129px;
	position:relative;
	margin:0 auto;
	padding:0;
	
}

#content {	
	margin:117px auto 0 auto;
	position:relative;
	width:996px;

}

#leftStandardContent {
	background:url(images/leftStandardContent.png) 0 0 no-repeat;
	width:507px;
	height:547px;
	float:left;
}

#leftPageContent {
	background: url(images/leftPageContent.png) 0 0 no-repeat;
	width:996px;
	height:547px;
	position:relative;

}

#leftIndustryPageContent {
	background:url(images/industryBack.jpg) 0 0 no-repeat;
	width:996px;
	height:547px;
	position:relative;
}

#leftPortfolioContent, #leftClientAreaContent {
	background:url(images/leftStandardContent.png) 0 0 no-repeat;
	width:996px;
	height:547px;
	position:relative;
}


/* Logo & Top Nav
-------------------------------------------------------------- */
#logo {
	background:url(images/logo.jpg) 0 0 no-repeat;
	height:490px;
	width:1270px;
	position:absolute;
	top:0;
	left:-368px;
	
	
}
	
/* Client Login */

#clientLogin {
	background:url(images/clientLogin.png) 0 0 no-repeat;
	width:138px;
	height:34px;
	position:absolute;
	bottom:0;
	right:0px;
}

#clientLogin a {
	color:#abc785;
	font-size:1.2em;
	display:block;
	padding:8px 0 0 39px;
}

#clientLogin a:hover {
	color:#fff;
}


/* Main Navigation */

#mainNavigation {
	position:absolute;
	top:60px;
	right:33px;
}

#mainNavigation ul li {
	float:left;
	display:inline;
}

#mainNavigation li a{
	display:block;
	color:#abc785;
	font-size:1.2em;
	padding-left:12px;
}

#mainNavigation li a:hover {
	color:#ffffff;
}

#home #mainNavigation li .home, 
#company #mainNavigation li .company, 
#contact #mainNavigation li .contact{
	color:#FFF;
	
}

/* Page Navigation */

#pageNavigation {
	position:absolute;
	top:95px;
	left:142px;
}

#pageNavigation ul {
	
}

#pageNavigation ul li {
	float:left;
	
}

#pageNavigation li a {
	color:#00585d;
	font-size:1.2em;
	padding:8px 6px;
	display:block;
}

#pageNavigation li a:hover, a.selected{
	color:#FFF !important;
	background-color:#00565b;
}

#pageNavigation li a.currentDropNav {
	color:#fff;
}

#capabilities #pageNavigation li .capabilities, 
#industry #pageNavigation li .industry,
#portfolio #pageNavigation li .portfolio {	
	color:#FFF;
	background-color:#00565b;
}

.dropmenu div ul{
	position: relative;
	display: block;
}
.dropmenu li div{
	background:url(images/dropDown.png) 0 0 no-repeat;
	display: none;
	position: absolute;
	top:34px;
	left:-6px;
}

#industry .dropmenu li div{
	display:block;
}
.dropmenu li div ul{
	background: none;
	position: relative !important;
}

#dropbox ul li {
	clear:both;
}

#dropbox ul li a{
	color:#d0d1b4;
	display:block;
	padding:1px 0;
}

#dropbox ul li a:hover {
	background-color:transparent;
}

#dropbox {
	width:372px;
	height:106px;
}

ul.left{
	float: left;
	padding:10px 0 0 38px;
}
ul.right{
	float: right;
	padding:10px 0 0 0;
	width:210px;
}

/* Home, Company, Login and Contact Content
-------------------------------------------------------------- */
#homeContent, #companyContent, #contactContent, #loginContent {
	position:relative;
	margin: 24px 0 0 158px;
 	width:320px;
		
}

#homeContent p, #companyContent p {
	font-size:1.2em;
	padding:8px 0 0 20px;
	line-height:1.7;
}

#aboutPhoto, #loginRight {
	float:right;
	padding-right:32px;
}
#address {
	background:url(images/addressBackground.jpg) 0 0 no-repeat;
	width:330px;
	height:141px;
	position:relative;
	margin-top:30px;
}
#address address {
	font-size:1.2em;
	font-style:normal;
	padding-left:8px;
	padding:10px 0 0 15px;
	line-height:1.6;
}

#address p {
	width:140px;
	display:block;
}

#address strong {
	font-size:1.3em;
	font-style:normal;
	
}

/* Slideshow */

#slideShow {
	float:right;
	width:489px;
	height:547px;
	position:relative;
}


/* container for slides */
.slides {
	position:relative;	
	height:547px;
	width:457px;
	float:left;
	display:inline;	
	
}

/* single slide */
.slides div {
	display:none;
	position:absolute;
	top:0;
	left:0;		
	height:547px;
	
}

.slidetabs {
	position:absolute;
	top:82px;
	right:0;
}

 .slidetabs ul li a{
	background-image:url(images/Slideshow/slideTabs.jpg);
	display: block;
	outline: none;
	position: relative;
	width: 32px;
	text-decoration: none;
	height: auto;
	cursor:pointer;
}

.slidetabs ul #one a {
	background-position:0px 0px;
	width:32px;
	height:70px;

}

.slidetabs ul #two a{
	background-position:0px -70px;
	width:32px;
	height:74px;

}

.slidetabs ul #three a{
	background-position:0px -144px;
	width:32px;
	height:74px;

}
.slidetabs ul #four a{
	background-position:0px -218px;
	width:32px;
	height:74px;

}
.slidetabs ul #five a{
	background-position:0px -292px;
	width:32px;
	height:70px;

}


/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	visibility:hidden !important;		
}



/* Contact Form */

#contactForm {
	background:#fff url(images/whiteContentBottom.gif) bottom left no-repeat;
	width:457px;
	height:547px;
	float:right;
	margin-right:32px;
	color:#00575d;
	position:relative;
	

}

#contactForm img {
	position:relative;
	margin:24px 0 30px 25px;
}

#contactForm #formWrap {
	width:412px;
	
	
}
#contactForm label {
	display: inline-block;
	float: left;
	height: 28px;
	line-height: 28px;
	text-align: right;
	margin-right: 8px;
	width: 100px;
	font-weight:bold;
	font-size:1.3em;
 }

#contactForm input {
	width: 294px;
	padding: 5px;
	background-color:#d1e1e2;
	margin-bottom:30px;
	font:1.2em Arial, Helvetica, sans-serif;
	overflow:hidden;
	border:none;
	height:15px;
}

#contactForm textarea {
	width: 294px;
	padding: 5px;
	background-color:#d1e1e2;
	margin-bottom:2px;
	font:1.2em Arial, Helvetica, sans-serif;
	overflow:auto;
	border:none;
	height:170px;
}


#contactForm .fadeThis {
	background:url(images/submit.jpg) 0 0 no-repeat;
	position:absolute;
	bottom:20px;
	left:101px;
	cursor: pointer;
	width:136px;
	display:block;
	text-indent: -9999px;
	line-height:0;
	font-size:0;
	height:46px;
	
}

#contactForm .hover{
	background:url(images/submit.jpg) 0 -46px no-repeat;
	display:none;
	position: absolute;
	height: 46px;
	width: 136px;
	top:0; 
	left:0;
	border:none;
	
}

#contactForm small {
	display:block;
	clear:left;
	float:right;
	font-size:1em;
}

#contactForm span {
	font-size:1.4em;
	
}

/* Login Form */
#loginContent form {
	width:184px;
	padding-left:10px;
	margin-top:30px;
}
#loginContent label {
	
	float: left;
	height: 28px;
	text-align: right;
	font-weight:bold;
	font-size:1.3em;
 }
 
 #loginContent input {
	width: 151px;
	padding: 5px;
	background-color:#d8e6c7;
	margin-bottom:20px;
	font:1.2em Arial, Helvetica, sans-serif;
	overflow:hidden;
	border:none;
	height:12px;
	float:left;
	
}

#loginContent .fadeThis {
	position:absolute;
	top:240px;
	left:0;
	cursor: pointer;
	background:url(images/login.jpg) 0 0 no-repeat;
	width:138px;
	display:block;
	text-indent: -9999px;
	line-height:0;
	font-size:0;
	height:52px;
	
	
}

#loginContent .hover {
	background:url(images/login.jpg) 0 -52px no-repeat;
	display:none;
	position: absolute;
	height: 52px;
	width: 138px;
	top:0;
	left:0;
	border:none;
}

#client_areaImage .fadeThis {
	position:absolute;
	top:440px;
	left:0;
	cursor: pointer;
	background:url(images/logOff.jpg) 0 0 no-repeat;
	width:140px;
	display:block;
	text-indent: -9999px;
	line-height:0;
	font-size:0;
	height:51px;
	
}

#client_areaImage .hover {
	background:url(images/logOff.jpg) 0 -51px no-repeat;
	display:none;
	position: absolute;
	height: 51px;
	width: 140px;
	top:0;
	left:0;
	border:none;
}




/* Capabilities Content, Industry  Content, Portfolio Content
-------------------------------------------------------------- */
.capabilitiesPages, .industryPages, #clientAreaPages {
	width:838px;
	height:547px;
	float:right;
	position:relative;
}

.leftCapabilities, .leftIndustry, #leftClientArea {
	position:absolute;
	display:block;
	width:320px;
	left:0;
	top:21px;
	z-index:99;
	height:506px;
}


#capabilitiesImage, 
#brandingImages, 
#marketingImages, 
#packagingImages, 
#printImages, 
#technologyImages {
	background:#fff url(images/whiteContentBottom.gif) no-repeat bottom right;
	position:absolute;
	top:0;
	right:32px;
	width:457px;
	height:547px;
	display:block;
}

#industryImage, 
#electronicImages, 
#energyImages,
#notforprofitImages,
#financialImages,
#foodandbevImages,
#travelImages,
#realImages,
#healthImages,
#client_areaImage  {
	background:#fff url(images/whiteContentBottom.gif) no-repeat bottom right;
	position:absolute;
	top:0;
	right:32px;
	width:457px;
	height:547px;
	display:block;
	z-index:500;
}



.images img, .images2 img {
	position:absolute;
	top:60px;
	left:22px;
	display:block;
	height:351px;
	width:414px;
}

.images .load, .images2 div.load {
	display:none;
}

.viewSite {
	position:absolute;
	top:426px;
	left:19px;
	height:47px;
	width:135px;
	display:block;
	background:url(images/view.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	font-size:0;
	
}
.viewSite .hover {
	background:url(images/view.jpg) no-repeat 0 -47px;
	position:absolute;
	top:0;
	left:0;
	opacity: 0;
	height: 100%;
	width: 100%;
	cursor:pointer;
	display:block;

	
}

.disabled {
	visibility:hidden !important;		
}


#pageHeader, #industryPageHeader, #industryPageHeader_2  {
	font-family: "Univers", Arial;
	font-size:1.4em;
	font-weight:bold;
	position:absolute;
	top:18px;
	left:32px;
	color:#d0d1b4;	
}

 

#industryPageHeader {
	width:100px;
	line-height:1;
	text-align:right;
	left:26px;
	top:21px;
}

#industryPageHeader_2 {
	width:100px;
	line-height:1;
	text-align:right;
	left:26px;
	top:22px;
}


#mainNav, #mainNav_2 {
	position:absolute;
	top:73px;
	right:871px;
	font-family: "Univers", Arial;
	width:115px;
	text-align:right;
	font-size:1.2em;
	line-height:1.2;
}

#capabilities #mainNav, #branding #mainNav, #marketing #mainNav, #packaging #mainNav, #technology #mainNav, #print #mainNav, #mainNav_2  {
	position:absolute;
	top:67px;
	right:872px;	
}


#mainNav_2 a,#mainNav a {
	padding-bottom:9px;	
	color:#00575c;
	display:block;	
}


#mainNav_2 a:hover,
#mainNav a:hover, 
#branding #mainNav #brandingNav, 
#marketing #mainNav #marketingNav,
#packaging #mainNav #packagingNav,
#print #mainNav #printNav, 
#technology #mainNav #technologyNav {
	color:#003032;
	
}

#mainNav a.currentSideNav, #mainNav_2 a.currentSideNav {
	color:#003032;
}



#leftPageContent table{
	position:absolute;
	width:330px;
	bottom:0;
	left:0;
}

#leftPageContent thead{
	font-size:1.3em;
	font-family: "Univers", Arial;
	text-align:left;
	height:26px;
}

#leftPageContent table tr th{
	padding:4px 0 2px 10px;
	background-color:#678d74;
}


#leftPageContent table td{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	background:url(images/checkmark.png) no-repeat 138px 6px;
	padding:5px 0 6px 10px;
	width:120px;
	letter-spacing:.2pt;
}

#leftPageContent .even td {
	background-color:#5c8684;
	
}

#leftPageContent table span {
	font-weight:normal;
}

.capabilitiesPara, .industryPara {
	font-size:1.2em;
	padding:8px 0 0 10px;
	line-height:1.6;
}

#greenBoxCapabilities, #greenBoxIndustry {
	display:block;
	background:url(images/greenboxCapabilities.jpg) 0 0 no-repeat;
	position: relative;
	width:300px;
	height:106px;
	font-size:1.2em;
	font-style:italic;
	padding:15px 10px 10px 20px;
	color:#d5d6bc;
	margin-top:30px;
}

#greenBoxIndustry {
	padding-top:25px;
	margin-top:15px;
}


/* Button Navigation */

.capabilitiesPages .buttonNav {  
 	position:absolute;
	left:22px;
	top:483px;
	display:block;
	height:40px;
	width:411px;
 }  
 
 .industryPages .buttonNav  {  
 	position:absolute;
	left:22px;
	top:483px;
	display:block;
	height:40px;
	width:411px;
	z-index:1002;
 }  
   
   
.buttonNav li {  
 	float:left;  
 }  

 
 
.buttonNav li a{
	background-image:url(images/numberNav.jpg);
	display: block;
	outline: none;
	position: relative;
	height: 40px;
	text-decoration: none;
	width: auto;
	cursor:pointer;
}

.buttonNav .one {
	background-position:0px 0px;
	width:40px;
	height:40px;

}

.buttonNav .two {
	background-position:-40px 0px;
	width:42px;
	height:40px;

}

.buttonNav .three {
	background-position:-82px 0px;
	width:42px;
	height:40px;

}

	
.buttonNav .four{
	background-position:-124px 0px;
	width:41px;
	height:40px;

}

.buttonNav .five{
	background-position:-165px 0px;
	width:41px;
	height:40px;

}

.buttonNav .six{
	background-position:-206px 0px;
	width:43px;
	height:40px;

}

.buttonNav .seven {
	background-position:-249px 0px;
	width:40px;
	height:40px;
}

.buttonNav .eight {
	background-position:-289px 0px;
	width:41px;
	height:40px;
}

.buttonNav .nine {
	background-position:-330px 0px;
	width:40px;
	height:40px;
}

.buttonNav .ten {
	background-position:-370px 0px;
	width:41px;
	height:40px;
}

.buttonNav a .hover {
	background-image:url(images/numberNav.jpg);
	display:block;
	opacity: 0;
	position: relative;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	
}




.buttonNav .one .hover, .buttonNav #one .currentButton{
	background-position: -0px -40px;

}

.buttonNav .two .hover, .buttonNav #two .currentButton{
	background-position: -40px -40px;
}

.buttonNav .three .hover, .buttonNav #three .currentButton{
	background-position: -82px -40px;
}

.buttonNav .four .hover, .buttonNav #four .currentButton{
	background-position: -124px -40px;
}

.buttonNav .five .hover, .buttonNav #five .currentButton{
	background-position: -165px -40px;
}

.buttonNav .six .hover, .buttonNav #six .currentButton{
	background-position: -206px -40px;

}
.buttonNav .seven .hover, .buttonNav #seven .currentButton{
	background-position: -249px -40px;
}

.buttonNav .eight .hover, .buttonNav #eight .currentButton{
	background-position: -289px -40px;
}

.buttonNav .nine .hover, .buttonNav #nine .currentButton{
	background-position: -330px -40px;
}

.buttonNav .ten .hover, .buttonNav #ten .currentButton{
	background-position: -370px -40px;
}



/* Porfolio Scroll */

/* root element for scrollable */
#flowpanes {  
	
	/* required settings */
	position:relative;
	overflow:hidden;	

	/* vertical scrollers have typically larger height than width */	
	height: 421px;	 
	width: 700px;
	margin-top:10px;
	z-index:100;
}

/* root element for scrollable items */
.items {	
	position:absolute;
	
	/* this time we have very large space for height */	
	height:20000em;	
	margin: 0px;
}

/* single scrollable item */
.items ul {
	margin-bottom:10px;
	
}


.items h6 {
	font-weight:normal;
	font-size:1.1em;
	padding-bottom:2px;
}

/* the action buttons above the scrollable */
#actions {
	width:60px;
	position:absolute;
	top:0;
	right:-12px;
	z-index:101;	
}

.items div a {
	font-size:1.1em;		
	cursor:pointer;
	color:#d5d6bc;
	display:block;
	width:173px;
	padding:1px 10px;
	line-height:1.6;
}

.items div a:hover, .items div a.current {
	background-color:#346e72;
	color:#FFF;
}

.disabled {
	visibility:hidden;		
}

.nextPage {
	background:url(images/downArrow.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	font-size:0;
	position:absolute;
	top:461px;
	right:0;
	width:51px;
	height:48px;
	cursor:pointer;
}

.nextPage .hover {
	background:url(images/downArrow.jpg) 0 -48px no-repeat;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	height:100%;
	width:100%;
	cursor:pointer;
	display:block;
}	

.prevPage {
	background:url(images/upArrow.jpg) 0 0 no-repeat;
	width:48px;
	height:48px;
	text-indent:-9999px;
	font-size:0;
	position:absolute;
	top:34px;
	right:0;
	cursor:pointer;
	z-index:1000;
}

.prevPage .hover {
	background:url(images/upArrow.jpg) 0 -48px no-repeat;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	cursor:pointer;
	display:block;
	z-index:1001;
}

/* Client Area Content
-------------------------------------------------------------- */

#client_areaImage h3 {
	font-size:1.8em;
	color:#00575c;
	line-height:1;
	padding-bottom:20px;
	
}

#client_areaImage a {
	color:#579072;
	font-size:1.3em;
	text-decoration:none;
	padding-left:10px;
	line-height:1.6;
}

#client_areaImage a:hover {
	text-decoration:underline;
}

#client_list {
	display:block;
	width:407px;
	height:497px;
	padding:25px;
	overflow:scroll;
}

#leftStandardContent .logout {
	color:#ffffff;
	font-size:1.2em;
	width:184px;
}

#leftStandardContent #error {
	color:#ffffff;
	font-size:1.2em;
	width:270px;
          margin:0 0 -10px 0;
}



#leftStandardContent .logout a{
	text-decoration:underline;
	font-weight:bold;
	color:#fff;
}

#leftStandardContent .logout a:hover {
	text-decoration:none;
}

/* Footer
-------------------------------------------------------------- */
#footer {
	position:relative;
	margin-top:40px;
	width:966px;
}

#follow {
	background-color:#d5d6bc;
	width:100%;

}

#footer h3, .footListHeader {
 	font-family: "Univers", Arial;
	font-size:1.5em;
	font-weight:bold;
	padding:5px 0 3px 13px;
}

#footer #follow h3 {
	float:left;
}

#follow img {
	float:left;
	padding-left:6px;
	padding-top:5px;
}

#footer .bigpdf {
position:absolute;
top:7px;right:80px;
z-index:1000;
zoom:1;
display:block;
}

#footer  a.bigpdf  {
color:#81ac48;
font-size:1.2em;
}
#footer a:hover.bigpdf  {
color:#fff;
}

#footerNav {
	position:relative;
	width:100%;
	margin-top:30px;
	
}

.footListHeader {
	background-color:#d5d6bc;
	color:#fff;
	display:block;
	margin-bottom:15px;
}

#footerNav ul li a {
	font-size:1.3em;
	color:#FFF;
	padding-left:12px;
}

#footerNav ul li a:hover {
	color:#034649;
}

#shortList {
	float:left;
	width:140px;
}

.longList {
	width:263px;
	margin-left:12px;
	float:left;
}