body {
	background-image: url(../images/creativeBG.gif);
	background-repeat: repeat-x;
}

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #626262;
}

.ten {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.wide {
	letter-spacing: 1px;
}

a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ababab;
	text-decoration:underline;
}
a:visited {
	color: #ababab;
}
a:hover {
	color: #F57D20;
	text-decoration: none;
}
a:active {
	color: #F57D20;
}

a:focus { outline: none; } /* Get rid of dotted outlines when clicking nav buttons */

a.active {
	color: #FFFFFF;
	background-color: #F57D20;
}

.home {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 21px;
}

.learnMore {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color: #626262;
}

.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #b6b6b6;
}

p { margin: 1em 0; }

#tickerLink a { rel: facebox; }

a.footerLink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #9b9b9b;
}
a:visited.footerLink {
	color: #9B9B9B;
}
a:hover.footerLink {
	color: #F57D20;
	background-color:#FFFFFF;
}
a:active.footerLink {
	color: #9B9B9B;
}

div#news1
{
  margin: 0px 0px 0px 0px;
  display: block;
}

div#news2
{
  margin: 0px 0px 0px 0px;
  display: none;
}

div#news3
{
  margin: 0px 0px 0px 0px;
  display: none;
}

#contact-info div {
  display: none;
}

#contact-info div.active {
  display: block;
}

.pics {  
    height:  105px;  
    width:   73px;  
    margin:  0;  
} 
 
.pics img {  
    padding: 0px 0px 0px 40px;  
 	width:  105px; 
    height: 73px; 
    top:  0; 
    left: 0 
}

.hidden-layer { display: none; }
.visible-layer { display: block; }
a.padLink { padding: 0px 1px; }
#newsLink a { display: block; width: auto; }
#hidden { display: none; }

/*accordian stuff*/

ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0px;
  padding: 0px;
  width: 212px;
}

ul.menu a {
  display: block;
  text-decoration: none;	
}

ul.menu li, ul.menu img, ul.menu a {
  padding: 0;
  margin: 0px;
  border: 0px solid;
  line-height: 0px
}

ul#menu3 a.portfolio-button { display: block; width: 212px; height: 29px; background: transparent url(../images/nav_portfolio_0.gif) 0 0 no-repeat; text-indent: -5000em;}
ul#menu3 a.portfolio-button:hover { background-image: url(../images/nav_portfolio_1.gif); }
ul#menu3 a.portfolio-button.active { background-image: url(../images/nav_portfolio_2.gif); }
ul#menu3 ul li a { text-indent: -5000em; display: block !important; width: 212px; height: 17px !important; }
ul#menu3 ul li { display: block; height: 17px; overflow: hidden;}
*:first-child+html ul#menu3 li.top-nav { margin-bottom: -6px }
*:first-child+html ul#menu3 ul { margin-top: -7px }
*:first-child+html ul#menu3 ul li { margin-top: -2px; }
* html ul#menu3 li.top-nav { margin-bottom: -6px }
* html ul#menu3 ul { margin-top: -7px }
* html ul#menu3 ul li { margin-top: -2px; }
ul#menu3 a.print-button { background: transparent url(../images/subPrint_0.gif) 0 0 no-repeat; }
ul#menu3 a.print-button:hover { background: transparent url(../images/subPrint_1.gif) 0 0 no-repeat; }
ul#menu3 a.television-button { background: transparent url(../images/subTV_0.gif) 0 0 no-repeat; }
ul#menu3 a.television-button:hover { background: transparent url(../images/subTV_1.gif) 0 0 no-repeat; }
ul#menu3 a.branding-button { background: transparent url(../images/subLogo_0.gif) 0 0 no-repeat; }
ul#menu3 a.branding-button:hover { background: transparent url(../images/subLogo_1.gif) 0 0 no-repeat; }
ul#menu3 a.packaging-button { background: transparent url(../images/subPackaging_0.gif) 0 0 no-repeat; }
ul#menu3 a.packaging-button:hover { background: transparent url(../images/subPackaging_1.gif) 0 0 no-repeat; }
ul#menu3 a.everything-button { background: transparent url(../images/subEverything_0.gif) 0 0 no-repeat; }
ul#menu3 a.everything-button:hover { background: transparent url(../images/subEverything_1.gif) 0 0 no-repeat; }

/*scrolling stuff*/

div.scrollableWrapper {
	padding: 37px 0;
	position: relative;
	height: 327px;
	width: 86px
}

/* root element for scrollable */
div.scrollable {  
	
	/* required settings */
	position:relative;
	overflow:hidden;	

	/* vertical scrollers have typically larger height than width */	
	height: 327px;	 
	width: 86px;	
	
	
}

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

/* 
	same settings as in horizontal scroller except that these items 
	are not floated
*/
div.scrollable div.items div {
	text-align:center;
	width:86px;
	margin-bottom:20px;
	opacity:0.3;
	filter:alpha(opacity=30);
	cursor:pointer;
}

/* hover */
div.scrollable div.items div.hover {	
	opacity:0.6;
	filter:alpha(opacity=60);
}

/* active item */
div.scrollable div.items div.active {	
	opacity:1;
	filter:alpha(opacity=100);
	cursor:default;
}

/* this makes it possible to add next button beside scrollable */
div.scrollable {
	float:left;		
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:18px;
	background:url(../images/up.png) no-repeat;
	margin:0;
	cursor:pointer;
	position: absolute
}

a.prev { top: 12px; left: 34px; }
a.next { bottom: 12px; left: 34px; }
	

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(../images/down.png);
	clear:right;	
}