div#warper
	{
	width: 980px;
	padding-left: 10px;
	padding-right: 10px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	}
/*
 * Header begins
 */
div#header
	{
	padding-top: 110px;
	width: 980px;
	height: auto;
	background: url(../images/logo.png) no-repeat 30px 36px;
	overflow: hidden;
	position: relative;
	display: block;
	}
div#header a#logo
	{
	position: absolute;
	display: block;
	width: 201px;
	height: 59px;
	top: 35px;
	left: 30px;
	text-align: center;
	text-indent: -9999px;
	}
/* Main menu */
div#mainMenu
	{
	height: 52px;
	padding-top: 22px;
	width: 401px;
	position: absolute;
	display: block;
	top: 36px;
	left: 237px;
	padding-left: 14px;
	}
div#mainMenu a
	{
	display: block;
	height: 18px;
	float: left;
	width: auto;
	text-decoration: none;
	color: #4f4b51;
	padding-top: 5px;
	padding-left: 9px;
	padding-right: 9px;
	background: url(../images/mainMenuBack.png) no-repeat bottom right;
	position: relative;
	margin-right: 2px;
	}
div#mainMenu a span
	{
	background: url(../images/mainMenuBack.png) no-repeat top left;
	display: block;
	float: left;
	width: 9px;
	height: 23px;
	position: absolute;
	top: 0;
	left: 0;
	}
div#mainMenu a:hover
	{
	text-decoration: underline;
	}
/* Acourdeon menu */
div#acourdeonMenu
	{
	height: 74px;
	width: 330px;
	background: #f0f0f0;
	position: absolute;
	display: block;
	top: 36px;
	right: 10px;
	z-index: 100;
	}
/* Photo item */
div#photoItem
	{
	float: left;
	width: 950px;
	height: 300px;
	overflow: hidden;
	background: white;
	padding-left: 30px;
	padding-top: 25px;
	}
div#photoItem h1.header
	{
	left: 0px;
	position: relative;
	z-index: 1;
	}
div#photoMap div
	{
	position: absolute;
	top: 86px;
	}
div#photoMap div img
	{
	height: 270px;
	width: 950px;
	}
div#photoMap-arrows
	{
	position: relative;
	top: 93px;
	width: 950px;
	z-index: 10;
	}
div#arrow-left
	{
	float: left;
	}
div#arrow-right
	{
	float: right;
	}

/*
 * Header Ends
 * Content begins
 */
div#headContent
	{
	width: 950px;
	height: auto;
	padding-left: 30px;
	position: relative;
	display: block;
	}
div.homeContent
	{
	height: 52px !important;
	padding-top: 98px;
	background: white;
	}
/*
 * Using big image 2000px height - They gave me no choise
 * IE6 Cannot support alpha opacity on *.png and cannot
 * repeat semi-transperant png's via the alpha filter
 * it either scale it or crop it. This is designers mishap.
 */
div.commonContent
	{
	padding-top: 38px;
	background: url(../images/contentShadowedBackground.gif) no-repeat top right;
	height: auto;
	padding-right: 10px;
	position: relative;
	display: block;
	}
div#lineGallery
	{
	width: 526px;
	height: 57px;
	padding-top: 10px;
	margin-bottom: 31px;
	position: absolute;
	top: 0;
	left: 30px;
	}
div#latestNews
	{
	width: 420px;
	height: 140px;
	margin-bottom: 31px;
	position: absolute;
	top: 0;
	right: 0;
	}
div#latestNews h2
	{
	color: #2f7aa5;
	font-size: 1.8em;
	font-weight: normal;
	float: right;
	padding-right: 19px;
	padding-top: 20px;
	}
div#latestNews div
	{
	float: right;
	width: 298px;
	height: 108px;
	display: block;
	background: #2e2930;
	padding: 16px;
	}	
div#latestNews div p
	{
	width: auto;
	height: auto;
	color: #b0a9ad;
	font-size: 1.1em;
	line-height: 1.2em;
	}
div#latestNews div p.even
	{
	margin-bottom: 18px;
	}
div#latestNews div p span
	{
	display: block;
	width: auto;
	height: auto;
	color: #2f7aa5;
	margin-bottom: 4px;
	}
#latestNews h3 a {
  color: #2f7aa5;
  text-decoration: none;
}
#latestNews h3 a:hover {
  text-decoration: underline;
}
div#horisontalSubMenu
	{
	height: 30px;
	padding-left: 30px;
	width: auto;
	position: relative;
	margin-bottom: 58px;
	}
div#horisontalSubMenu a
	{
	display: block;
	float: left;
	height: 22px;
	color: #2c749d;
	font-size: 1.1em;
	text-decoration: none;
	border-left: 1px solid white;
	padding-left: 14px;
	padding-top: 8px;
	padding-right: 14px;
	}
div#horisontalSubMenu a.last
	{
	border-right: 1px solid white;	
	}
div#horisontalSubMenu a:hover
	{
	background: url(../images/horisontalSubMenuBack.png) repeat-x top left;
	}
div#horisontalSubMenu a.selected
	{
	background: url(../images/horisontalSubMenuBack.png) repeat-x top left;
	font-weight: bold;
	}
div#productionProcess
	{
	width: 980px;
	height: 93px;
	background: url(../images/productionProcess.png) no-repeat center center;
	}
div#productionProcess h3
	{
	font-size: 1.6em;
	font-weight: normal;
	font-family: "Arial Narrow";
	color: #373737;
	padding-left: 30px;
	padding-top: 25px;
	float: left;
	display: block;
	}	
div#productionProcess div
	{
	float: right;
	display: block;
	width: 770px;	
	height: 85px;
	padding-top: 8px;
	padding-left: 30px;
	}
div#productionProcess div a
	{
	float: left;
	display: block;
	position: relative;
	height: 46px;
	width: auto;
	color: #696969;
	padding-top: 30px;
	font-size: 1.1em;
	text-decoration: none;
	padding-left: 30px;
	padding-right: 30px;
	margin-left: -28px;
	z-index: 5;	
	}
div#productionProcess div a b
	{
	background: white;
	display: block;
	position: relative;
	top: -30px;
	padding-top: 30px;
	height: 46px;
	padding-left: 15px;
	width: auto;
	z-index: 7;
	font-weight: normal;
	}
div#productionProcess div a span
	{
	display: block;
	height: 76px;
	width: 30px;
	position: absolute;
	top: 0;
	z-index: 6;
	}
div#productionProcess div a span.left
	{
	left: 0;
	background: url(../images/whiteArrow.gif) no-repeat top left;
	}
div#productionProcess div a span.right
	{
	right: 0;
	background: url(../images/whiteArrow.gif) no-repeat top right;
	}
div#productionProcess div a
	{
	z-index: 10;
	}
div#productionProcess div a:hover b
	{
	background: url(../images/productionProcessGradientBack.png) repeat-x left center;
	color: white;
	}
div#productionProcess div a:hover span.left
	{
	background: url(../images/blueArrow.gif) no-repeat top left;
	}
div#productionProcess div a:hover span.right
	{
	background: url(../images/blueArrow.gif) no-repeat top right;
	}
div#productionProcess div a.selected b
	{
	background: url(../images/productionProcessGradientBack.png) repeat-x left center;
	color: white;
	}
div#productionProcess div a.selected span.left
	{
	background: url(../images/blueArrow.gif) no-repeat top left;
	}
div#productionProcess div a.selected span.right
	{
	background: url(../images/blueArrow.gif) no-repeat top right;
	}
div#footerImage
	{
	width: 100%;
	height: 22px;
	background: url(../images/footerImage.jpg) no-repeat right bottom;
	position: relative;
	right: -10px;
	}
/*
 * basic content pages
 */
div.secondaryNavigation
	{
	position: absolute;
	left: 0;
	top: 98px;
	width: 180px;
	z-index: 10;
	}
div.secondaryNavigation h1
	{
	padding-left: 30px;
	padding-bottom: 10px;
	}
div.secondaryNavigation div#verticalSubMenu
	{
	}
div.secondaryNavigation div#verticalSubMenu a
	{
	display: block;
	width: 142px;
	height: auto;
	padding: 8px;
	padding-left: 30px;
	background: url(../images/secondaryMenuBullet.png) no-repeat 11px center;
	font-size: 1.2em;
	text-decoration: none;
	color: #2c749d;
	}
div.secondaryNavigation div#verticalSubMenu a:hover
	{
	text-decoration: underline;
	}
div.secondaryNavigation div#verticalSubMenu a.selected
	{
	text-decoration: underline;
	}
div.secondaryNavigation div#verticalSubMenu span
	{
	display: block;
	background: url(../images/secondaryMenuVerticalSpacer.png) no-repeat center center;
	height: 2px;
	width: 180px;
	}
#block-block-1 { position:absolute; top: 290px; left: 10px; }
div#dynamicContent
	{
	position: relative;
	width: 730px;
	float: right;
	height: auto;
	min-height: 330px;
	z-index: 5;
	padding-left: 35px;
	padding-right: 35px;
	padding-bottom: 40px;
	}
div#dynamicContent h1
	{
	font-size: 2.1em;
	color: #2f7aa5;
	font-family: "Arial Narrow";
	font-weight: normal;
	margin-bottom: 15px;
	}
/*
 * TABS
 */
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
    background: #2f7aa5;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}

.tabs-nav a, .tabs-nav a span {
    display: block;
    _width: 10px; /* be nice to IE6 ... */
    padding: 0 8px;
    padding-bottom: 2px;
    cursor: pointer;
}

.tabs-nav a {
    position: relative;
    z-index: 2;
    padding-left: 0;
    color: white !important;
    font-weight: bold;
    line-height: 1.2em !important;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */   
    border-right: 1px solid white;
}

.tabs-nav .tabs-selected a {
    color: #1b1b1b !important;
}

.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    /*background-position: 100% -150px; */
    /*outline: 0; /* prevent dotted border in Firefox */ 	/*causes a bug in IE8*/
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
}
.tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px; 
    height: 15px; /* IE 6 treats height as min-height */
    min-height: 15px;
    padding-top: 9px;
    padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    font-size: 1.1em !important;
    padding-top: 9px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
/*    background-position: 0 -50px;*/
    font-size: 1.1em !important;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
    font-size: 1.1em !important;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
    padding: 1em 4px;
    background: none; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}
/*
 * TABS END
 */
div#aboutTabs {
  color: #414141;
  height: auto;
}
div#aboutTabs div {
  padding-top: 30px;
}
div#aboutTabs .tabs-container
	{
	padding: 0 !important;
	padding-top: 20px !important;
	margin-left: -4px;
	}
	
div#aboutTabs .textAssing
	{
	padding: 0 !important;
	padding-top: 20px !important;
	margin-left: 0px;
	}
	
div#aboutTabs .tabs-container img
	{
	padding-left: 4px;
	padding-bottom: 4px;
	}

div#aboutTabs .tabs-container p img {
  padding-bottom: 0px;
  padding-left: 0px;
}

div#aboutTabs div.staticText {
	padding: 20px;
	padding-top: 0;
}
div#aboutTabs div.staticText h3
	{
	font-size: 1.2em;
	padding: 8px;
	padding-left: 0;
	padding-top: 0;
	font-weight: bold;
	margin-top: 20px;
	}
div#aboutTabs div.staticText p {
	font-size: 1.12em;
	text-align: justify;
	margin-bottom: 10px;
}
div#aboutTabs div.staticText p a {
	color: #2f7aa5;
	text-decoration: none;
}
div#aboutTabs div.staticText p a:hover {
  text-decoration: underline;
}
div#aboutTabs div.staticText img
	{
	display: block;
	margin: 0 auto;
	border: 5px solid #b4b2b3;
	margin-bottom: 20px;
	}
div#aboutTabs div.staticText ul li
	{
	font-size: 1.12em;
	margin-left: 30px;
	}
div.floatedLeft
	{
	width: 400px;
	height: auto;
	float: left;
	display: block; 
	}
div.floatedRight
	{
	width: 200px;
	height: auto;
	float: right;
	display: block; 
	}
div.floatedRight img
	{
	display: inline !important;
	margin: 0 !important;
	}
div#columnLeft,
div#columnRight
	{
	display: block;
	margin: 0;
	padding: 0;
	overflow: hidden;
	}
div#columnLeft
	{
	width: 400px;
	float: left;
	}
div#columnRight
	{
	width: 290px;
	float: right;
	}
div#columnRight h1
	{
	font-size: 1.8em;
	}
div#columnLeft div#aboutTabs div.staticText
	{
	padding: 0;
	margin: 0;
	}
div#columnRight h3	
	{
	color: #f38019;
	font-size: 1.6em;
	font-weight: normal;
	padding-top: 4px;
	padding-bottom: 4px;
	}
div#columnRight h3	span
	{
	color: #696969;
	font-size: 0.9em;
	}
div#columnRight img
	{
	display: block;
	margin: 5px auto;
	}
a.goFurther
	{
	color: #2c749d;
	text-decoration: none;
	display: block;
	text-align: right;
	width: auto;
	height: auto;
	font-size: 1.1em;
	font-weight: bold;
	background: url(../images/bulletGoFurther.png) no-repeat center right;
	padding-right: 10px;
	}
a.goFurther:hover
	{
	text-decoration: underline;
	}
div.innerSection
	{
	display: block;
	margin: 10px auto;
	border-top: 1px solid #d5d7da;
	border-bottom: 1px solid #d5d7da;
	padding-bottom: 10px;
	padding-top: 10px;
	}
form#newsletter-block-form
	{
	width: 290px;
	height: 85px;
	background: url(../images/newsLetter.png) no-repeat center center;
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	margin-top: 40px;
	}
form#newsletter-block-form input.subscribeMail
	{
	display: block;
	position: absolute;
	top: 60px;
	left: 15px;
	width: 210px;
	height: auto;
	font-size: 1.1em;
	color: #5a5a5a;
	border: none;
	background: none;
	}
form#newsletter-block-form input.subscribeInput
	{
	display: block;
	position: absolute;
	top: 56px;
	left: 239px;
	width: 40px;
	height: 18px;
	background: none;
	cursor: pointer;
	border: none;
	text-align: left;
	text-indent: -9999px;
	}
form#newsletter-block-form p
	{
	display: block;
	position: absolute;
	top: 10px;
	left: 20px;
	color: white;
	font-size: 1.8em;
	}
form#newsletter-block-form p span
	{
	color: #61bcf0;
	font-size: 0.6em;
	display: block;
	}
a.playVideo
	{
	display: block;
	float: right;
	width: 128px;
	height: 100px;
	background: url(../images/playVideo.png) no-repeat center center;
	}
a.playVideoBig
	{
	display: block;
	float: right;
	width: 290px;
	height: 100px;
	background: url(../images/playVideoBig.png) no-repeat center center;
	}
a.buttonRightSide
	{
	display: block;
	position: relative;
	width: 125px;
	height: 15px;
	background: url(../images/buttonRightSide.png) no-repeat center center;
	color: white;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	padding: 4px;
	padding-left: 10px;
	margin-top: 15px;
	}
div#columnRight div.floated
	{
	color: #5a5a5a;
	font-size: 1.1em;
	float: left;
	width: 146px
	}
div.prodGallery
	{
	margin-top: 10px;
	}
div.prodGallery img
	{
	width: 64px;
	height: 50px;
	border: 1px solid #d6d8db;
	display: inline-block !important;
	margin: 0 !important;
	margin-left: 2px !important;
	margin-right: 2px !important;
	}
/*
 * Be kind to Opera for they are the spinning wheel of bullshitness...
 */
 @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
 {
div#warper
	{
	padding-left: 10px;
	padding-right: 10px;
	}
 }
/*
 * Naugthy Safari
 */
@media screen and (-webkit-min-device-pixel-ratio:0){
div#warper
	{
	padding-left: 11px;
	padding-right: 10px;
	}
}
h2.pageSubHeading
 	{
 	width: auto;
	height: auto;
	font-family: "Arial Narrow";
	color: #414141;
	font-weight: normal;
	font-size: 1.3em;
	padding-bottom: 10px;
	margin-bottom: 30px;
	border-bottom: 1px solid #d3d4d6;
 	}
div.newsLine, div.eventLine
	{
	width: auto;
	height: auto;
	font-size: 1.12em;
	margin-bottom: 25px;
	color: #414141;
	text-align: justify;
	clear: both;
	}
div.newsLine em, div.eventLine em
	{
	font-weight: bold;
	font-style: normal;
	display: block;
	border-bottom: 1px solid #d3d4d6;
	height: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	margin-bottom: 5px;
	}
div.newsLine a, div.eventLine a.read-more {
	background:url("../images/penne_button.jpg") no-repeat scroll right center transparent;
	color:#FFFFFF;
	display:block;
	float:right;
	margin-bottom:20px;
	margin-top:20px;
	padding:7px 12px 7px 2px;
	text-align:right;
	text-decoration:none;
	width:77px;
	}
div.eventLine
	{
	width: auto;
	height: auto;
	margin-bottom: 30px;
	font-size: 1.1em;
	}
div.eventLine div
	{
	display: block;
	float: left;
	width: 220px;
	overflow: hidden;
	position: relative;
	}
div.eventLine img
	{
	width: 64px;
	height: 50px;
	border: 1px solid #d6d8db;
	display: inline-block !important;
	margin: 0 !important;	
	}
div.eventLine strong
	{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.1em;
	}
div.event-item {
    margin-bottom: 5px;
}
div.event-item a {
    color: #2F7AA5;
	font-size: 120%;
	text-decoration: none;
}
div.event-item a:hover {
	text-decoration: underline;
}
div.jobLine
	{
	width: auto;
	height: auto;
	font-size: 1.12em;
	margin-bottom: 25px;
	color: #414141;
	clear: both;
	text-align: justify;
	}
div.jobLine em
	{
	font-weight: bold;
	font-style: normal;
	display: block;
	height: 20px;
	padding-right: 20px;
	}
div.jobLine a {
	background:url("../images/penne_button.jpg") no-repeat scroll right center transparent;
	color:#FFFFFF;
	display:block;
	float:right;
	margin-top:20px;
	margin-bottom:20px;
	padding:7px 12px 7px 2px;
	text-align:right;
	text-decoration:none;
	width:71px;
	}
div.staticText form
	{
	display: block;
	position: relative;
	width: auto;
	height: auto;
	}
div.staticText form p
	{
	height: 22px;
	}
div.staticText form p span
	{
	float: left;
	display: block;
	width: 110px;
	padding: 3px;
	}
div.staticText form p input
	{
	float: left;
	display: block;
	width: 220px;
	padding: 2px;
	border: 1px solid #888;
	}
a.roadMap
	{
	display: block;
	position: relative;
	}
a.roadMap img
	{
	width: 390px;
	height: auto;
	}
div.staticText table td
	{
	padding: 20px;
	padding-top: 0;
	}
div.staticText table td p
	{
	margin-bottom: 5px !important;
	}
.metalPressShort
	{
	width: 400px;
	}
div#aboutTabs b
	{
	color: #2f7aa5;
	}
div#contentAcordeonHolder
	{
	height: auto;
	width: auto;
	background: #f0f0f0;
	position: relative;
	display: block;
	right: 0;
	}
div#contentAcordeonHolder table
	{
	width: 100%;
	height: auto; 
	}
div#contentAcordeonHolder table td
	{
	color: white;
	height: auto;
	padding-top: 20px;
	}
div#contentAcordeonHolder table td.imagesHolder
	{
	width: 432px;	
	}
div#contentAcordeonHolder table td.slideShow
	{
	width: 253px;
	padding: 20px;
	padding-bottom: 0;
	}
div#contentAcordeonHolder table td.imagesHolder p
	{
	width: 88px;
	height: 88px;
	float: left;
	display: block;
	background: url(../images/acourdeonImageShadow.png) no-repeat top left;
	margin: 0 8px 20px 8px;
	position: relative;
	}
div#contentAcordeonHolder table td.imagesHolder p a
	{
	display: block;
	position: absolute;
	width: 74px;
	height: 74px;
	float: none;
	background: none;
	top: 0;
	right: 0;
	border: 3px solid white;
	padding: 0;
	}
div#contentAcordeonHolder table td.imagesHolder p a:hover
	{
	border: 3px solid #2f7aa5;
	}
div#contentAcordeonHolder table td.imagesHolder p a img
	{
	display: inline;
	width: 74px;
	height: 74px;
	}
div#contentAcordeonHolder table td.slideShow h4
	{
	font-size: 1.3em;
	margin-bottom: 2px;
	}
div#contentAcordeonHolder table td.slideShow p
	{
	font-size: 1.1em;
	line-height: 1.6em;
	}
div#contentAcordeonHolder table td.slideShow div.slideShow
	{
	width: 250px;
	height: 167px;
	background: white;
	margin: 10px auto 15px auto;
	position: relative;
	}
div#contentAcordeonHolder table td.slideShow div.slideShow img
	{
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	width: auto !important; /* 250 */
	height: auto !important; /* 145 */
	padding: 15px;
	}
div#contentAcordeonHolder table td.slideShow div.slideShow div.controls
	{
	width: 248px;
	height: auto;
	display: block;
	background: white;
	border: 1px solid #d1d1d1;
	overflow: visible;
	position: relative;
	top: 145px;
	}
div#contentAcordeonHolder table td.slideShow div.slideShow div.controls a
	{
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	background: none;
	color: #3b3840;
	padding: 3px;
	font-size: 1.3em;
	}
div#contentAcordeonHolder table td.slideShow div.slideShow div.controls a.page
	{
	float: right;
	}
div#contentAcordeonHolder table td.slideShow div.slideShow div.controls a.selected
	{
	color: #2f7aa5;
	}
div#contentAcordeonHolder table td.slideShow div.slideShow div.controls a.page:hover
	{
	text-decoration: underline;
	}
div#contentAcordeonHolder table td.slideShow div.slideShow div.controls a.play,
div#contentAcordeonHolder table td.slideShow div.slideShow div.controls a.pause
	{
	width: 10px;
	height: 12px;
	background: url(../images/playPause.png) top right no-repeat;
	background-color: red;
	margin: 4px 3px 0 6px;
	-margin-left: 6px;
	padding: 0;
	}
div#contentAcordeonHolder table td.slideShow div.slideShow div.controls a.play
	{
	background-position: top right;
	}
div#contentAcordeonHolder table td.slideShow div.slideShow div.controls a.pause
	{
	background-position: 0 0;
	}
/*
 * MetalPress tables switch
 */
div#featured
	{ 
	width: auto; 
	margin-left: 205px; 
	position: relative; 
	height: auto; 
	background:#fff;
	overflow: visible;
	margin-top: 40px;
	}
div#featured ul.ui-tabs-nav
	{ 
	position:absolute; 
	top: 0; 
	left: -205px; 
	list-style: none; 
	padding: 0; 
	margin: 0; 
	width: 205px; 
	}
div#featured ul.ui-tabs-nav li
	{ 
  margin-top: -1px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	}
div#featured ul.ui-tabs-nav li span
	{ 

	}
div#featured li.ui-tabs-nav-item a
	{ 
  display: block;
  text-decoration: none;	
	background: url(../images/featuredArrow.png) no-repeat 8px center;
  background-color: #2f7aa5;
  color: white;	
	padding: 4px;
  padding-left: 20px;
	padding-right: 0;
	font-size: 1.1em;
	}
div#featured li.ui-tabs-nav-item a:hover
	{ 
	text-decoration: underline;
	}
div#featured li.ui-tabs-selected
	{ 
	
	}
div#featured ul.ui-tabs-nav li.ui-tabs-selected a
	{ 
	color: #000000;
	font-weight: bold;
	}
div#featured .ui-tabs-panel
	{ 
	width: 100%; 
	height: auto; 
	position: relative;
	}	
div#featured .ui-tabs-panel .info
	{ 
	position: relative; 
	height: auto; 
	width: auto;
	}
div#featured .ui-tabs-panel .info h1
	{
	position: absolute;
	top: -40px;
	font-size: 2.4em;
	color: #696969;	
	}
div#featured .ui-tabs-panel .info img
	{
	display: block;
	width: 515px;
	height: auto;
	position: relative;
	border: 5px solid #b4b2b3; 
	}
div#featured .ui-tabs-panel .info table
	{
	width: 100%;
	height: auto;
	}
div#featured .ui-tabs-panel .info table th
	{
	background: #b4b2b3;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
	padding: 10px;
	padding-bottom: 5px;
	text-align: center;
	}
div#featured .ui-tabs-panel .info table td
	{
	padding: 10px;
	font-size: 1.1em;
	color: #414141;
	text-align: center;
	}
div#featured .ui-tabs-panel .info table tr.odd td
	{
	background: #f5f5f5;
	}
div#featured .ui-tabs-hide
	{ 
	display:none; 
	}
/*
 * Idea to production
 */
div.innerPageProductionProcess
	{
	width: auto !important;
	height: 76px !important;
	}
div.innerPageProductionProcess div
	{
	float: none !important;
	display: block !important;
	width: 100% !important;	
	height: 76px !important;
	padding: 0 !important;
	background: white;
	border: 1px solid #eaeaeb;
	}
div.innerPageProductionProcess div a
	{
	float: left;
	display: block;
	position: relative;
	height: 46px;
	width: 88px !important;
	color: #696969;
	padding-top: 30px;
	font-size: 1em !important;
	text-decoration: none;
	padding-left: 30px;
	padding-right: 30px;
	margin-left: -28px;
	z-index: 5;	
	}
div.innerPageProductionProcess div a b
	{
	background: white;
	display: block;
	position: relative;
	top: -30px;
	padding-top: 30px;
	height: 46px;
	padding-left: 15px;
	width: auto;
	z-index: 7;
	font-weight: normal;
	}
div.innerPageProductionProcess div a span
	{
	display: block;
	height: 76px;
	width: 30px;
	position: absolute;
	top: 0;
	z-index: 6;
	}
div.innerPageProductionProcess div a span.left
	{
	left: 0;
	background: url(../images/whiteArrow.gif) no-repeat top left;
	}
div.innerPageProductionProcess div a span.right
	{
	right: 0;
	background: url(../images/whiteArrow.gif) no-repeat top right;
	}
div.innerPageProductionProcess div a
	{
	z-index: 10;
	}
div.innerPageProductionProcess div a:hover b
	{
	background: url(../images/productionProcessGradientBack.png) repeat-x left center;
	color: white;
	}
div.innerPageProductionProcess div a:hover span.left
	{
	background: url(../images/blueArrow.gif) no-repeat top left;
	}
div.innerPageProductionProcess div a:hover span.right
	{
	background: url(../images/blueArrow.gif) no-repeat top right;
	}
div.innerPageProductionProcess div a.selected b
	{
	background: url(../images/productionProcessGradientBack.png) repeat-x left center;
	color: white;
	}
div.innerPageProductionProcess div a.selected span.left
	{
	background: url(../images/blueArrow.gif) no-repeat top left;
	}
div.innerPageProductionProcess div a.selected span.right
	{
	background: url(../images/blueArrow.gif) no-repeat top right;
	}
div.innerPageProductionProcess div a.last
	{
	width: 108px !important;	
	padding-right: 0 !important;
	}
div.innerPageProductionProcess div a.last b
	{
	padding-right: 10px;
	}
div.innerPageProductionProcess div a.last span.right
	{
	display: none !important;
	}
div.innerPageProductionProcess div a.first
	{
	width: 110px !important;	
	padding-left: 0 !important;
	margin-left: 0 !important;
	}
div.innerPageProductionProcess div a.first b
	{
	padding-left: 10px;
	}
div.innerPageProductionProcess div a.first span.left
	{
	display: none !important;
	}
div#ideaToProductionArrow
	{
	width: 674px;
	padding-right: 26px;
	height: 54px;
	margin-left: 26px;
	top: -29px;
	background: url(../images/ideaToProductionArrow.png) no-repeat top right;
	position: relative;
	margin-bottom: -30px;
	}
div#ideaToProductionArrow span
	{
	position: absolute;
	display: block;
	top: 0;
	left: -26px;
	width: 26px;
	height: 54px;
	background: url(../images/ideaToProductionArrow.png) no-repeat top left;
	}
div#ideaToProductionArrow a
	{
	display: block;
	float: left;
	font-size: 1.1em;
	color: #696969;
	text-decoration: none;
	position: relative;
	padding: 4px;
	top: -14px;
	}
div#ideaToProductionArrow a:hover
	{
	text-decoration: underline;
	}
div#ideaToProductionArrow a.right
	{
	float: right;
	}
/*
 * Learning center
 */
div.usual
	{ 
	width: 328px; 
	height: 225px; 
	margin-right: 0; 
	position: relative; 
	overflow: visible;
	margin-top: 40px;
	padding: 0 !important;
	}
div.usual ul
	{ 
	position: absolute; 
	top: 0; 
	right: -382px; 
	list-style: none; 
	padding: 0; 
	margin: 0; 
	width: 412px; 
	}
div.usual ul li
	{ 
	height: 58px;
	background: url(../images/learningCenterSlider.png) no-repeat top left;
	background-color: #e3e4e6;
	overflow: hidden;
	margin: 0;
	margin-bottom: 1px;
	padding: 0;
	position: relative;
	}
div.usual ul li span
	{ 

	}
div.usual ul li a
	{ 
  display: block;
  text-decoration: none;	
  color: black;	
	padding: 4px;
	height: 50px;
	font-size: 1.1em;
	overflow: hidden;
	}
div.usual ul li a:hover
	{ 
	}
div.usual ul li a span
	{
	display: inline;
	position: relative;
	top: 10px;
	font-size: 1.1em;
	}
div.usual ul li a b
	{
	color: #2f7aa5;
	font-size: 2.4em;
	font-weight: bold;
	float: left;
	display: block;
	width: 40px;
	padding: 10px 30px 10px 0;
	padding-right: 30px;
	text-align: center;
	height: 28px;
	overflow: hidden;
	cursor: pointer;
	}
div.usual ul li a:hover b
	{
	text-decoration: none;
	}
div.usual ul li a.selected
	{ 
	background: url(../images/learningCenterSlider.png) no-repeat bottom left !important;
	background-color: #e3e4e6 !important;
	color: #000000;
	font-weight: bold;
	}
div.usual ul li a.selected b
	{
	color: white !important;
	}
div.usual div.panel img
	{
	width: 318px; 
	height: 225px; 
	}
div.usual div.panel
	{ 
	padding: 0 !important;
	width: 100%; 
	height: auto; 
	position: relative;
	}	
div.slideShow
	{
	width: 318px;
	height: 237px;
	position: relative;
	}
div.slideShow img
	{
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	width: 318px !important;
	height: 213px !important;
	border: none !important;
	margin: 0 !important;
	}
div.slideShow div.controls
	{
	width: 316px;
	height: auto;
	display: block;
	border: 1px solid #d1d1d1;
	overflow: visible;
	position: relative;
	top: 0;
	}
div.slideShow div.controls a
	{
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	background: none;
	color: #3b3840;
	padding: 3px;
	font-size: 1.3em;
	text-decoration: none;
	}
div.slideShow div.controls a:hover
	{
	text-decoration: underline;
	}
div.slideShow div.controls a.page
	{
	float: right;
	position: relative;
	top: 2px;
	}
div.slideShow div.controls a.selected
	{
	color: #2f7aa5;
	}
div.slideShow div.controls a.page:hover
	{
	text-decoration: underline;
	}
div.slideShow div.controls a.play,
div.slideShow div.controls a.pause
	{
	width: 10px;
	height: 12px;
	background: url(../images/playPause.png) top right no-repeat;
	background-color: red;
	margin: 6px 3px 0 6px;
	-margin-left: 6px;
	padding: 0;
	}
div.slideShow div.controls a.play
	{
	background-position: top right;
	}
div.slideShow div.controls a.pause
	{
	background-position: 0 0;
	}
div.fragmentGallery
	{
	width: auto;
	padding: 0 !important;
	height: auto;
	}
div.fragmentGallery a
	{
	border: 1px solid #d6d8db;
	display: inline;
	float: left;
	width: 120px;
	height: 120px;
	margin: 0 5px 10px 5px;	
	}
div.fragmentGallery a:hover
	{
	border: 1px solid #719fba;
	}
div.fragmentGallery img
	{
	width: 120px;
	height: 120px;
	display: block;
	position: relative;
	}
a.blockLink
	{
	width: auto !important;
	height: auto !important;
	display: block !important;
	position: relative !important;
	float: right !important;
	background: #aaaaaa !important;
	color: white !important;
	font-size: 1.2em !important;
	font-weight: bold !important;
	padding: 6px !important;
	text-decoration: none !important;
	line-height: 1.6em !important;
	right: 4px;
	}
a.blockLink:hover
	{
	background: #777 !important;	
	}
/*
 * small gallery positioned in the header acordeon
 */

#slider {
    width: 280px;
		height: 130px;
		padding-top: 20px;
    margin: 0 auto;
    position: relative;
}

.scroll {
	overflow: hidden;
	width: 274px;
	height: 150px;
    margin: 0 auto;
    position: relative;
}

.scrollContainer {
	position: relative;
	height: 150px;
	width: 290px;
}

.scrollContainer div.panel {
    width: 70px;
		height: auto;
}

.inside img {
	display: block;
	margin: 0 auto;
	border: 1px solid #757480;
	width: 66px;
}

.inside h2 {
	color: #dedede;
	font-size: 0.8em;
	text-align: center;
	font-weight: bold;
}

.scrollButtons {
    position: absolute;
    top: 50px;
    cursor: pointer;
}

.scrollButtons.left {
	left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}

#webform-client-form-535 div.form-item {
  margin:0px;
  padding:0px;
  height:10px;
}
#webform-client-form-535 input {
  width:200px;
  float:right;
  margin-right:50px;
}
#webform-client-form-535 input.error,
#webform-client-form-535 textarea.error {
  border: 1px solid red;
}
#webform-client-form-535 textarea {
  width:200px;
  float:right;
  margin-right:50px;
}
#webform-client-form-535 input#edit-submit {
  width:auto;
  float:right;
}
div#aboutTabs #webform-client-form-535 div.form-item {
  padding-top: 20px;
}
div#aboutTabs div.clear,
div#aboutTabs div.resizable-textarea,
div#aboutTabs form div {
  padding-top: 0px;
}

div#aboutTabs div.description {
  float: right;
  margin-right: 50px;
}
div#aboutTabs div.staticText div.description p {
  font-size: 1em;
  margin-bottom: 0px;
  height: 15px;
}

div#aboutTabs #webform-client-form-535 #edit-submitted-fax-wrapper {
  padding-top: 28px;
}

div#aboutTabs div.grippie {
  display: none;
}