@charset "utf-8";
/* Global Styles */
* {margin:0px; padding:0px;}
body {background:url(images/background.jpg) repeat-x #7c8389; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:1.4em; color:#000000;}
a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#370286; text-decoration:none;}
a img {border:0px;}

/* h1 - h5 */
h1 {color:#370286; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:18px; line-height:18px; background:url(images/logo.jpg) no-repeat; padding:6px 0px 4px 80px;}
h2, h2 a {color:#370286; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; line-height:30px;}
h3 {color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px;}
h4 {color:#370286; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px;}
h4.specs {margin:0px 0px 5px 0px;}
h5 {color:#370286; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px;}

/* global classes */
.accent {color:#370286;}
.mute {color:#666666;}
.light {color:#aaaaaa;}
.black {color:#000000;}
.bold {font-weight:bold;}
.nobold {font-weight:normal;}
.normal {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:1.4em; color:#000000; font-weight:normal;}
a.normal {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:1.4em; color:#370286; font-weight:normal;}
.huge {font-size:20px;}
.medium {font-size:14px;}
.med {font-size:12px;}
.mediumsmall {font-size:10px;}
.small {font-size:9px; line-height:9px;}
.underline {text-decoration:underline;}
.breakline {background:#370286; height:5px; line-height:1px; font-size:1px; display:block;}
.breaklinesmall {background:#370286; height:3px; line-height:1px; font-size:1px; display:block;}
.alignLeft {text-align:left;}
.alignRight {text-align:right;}
.alignCenter {text-align:center;}
.floatLeft {float:left;}
.floatRight {float:right;}
.clear {clear:both;}
.padLeft {margin-left:10px;}
.padRight {margin-right:10px;}
.pad {padding:6px;}
.noPad {padding:0px; margin:0px;}
a.hover:hover {color:#ffffff;}
.border {border:1px solid #370286;}
.border-bottom {border-bottom:1px solid #370286;}
.border-top {border-top:1px solid #370286;}
.border-left {border-left:1px solid #370286;}
.border-right {border-right:1px solid #370286;}
.moreLink {color:#000000; border:1px solid #370286; padding:2px; font-size:10px; background:#ffffff;}

/* wrappers */
#wrapper {width:769px; margin:auto; margin-top:16px;}
#contentWrapper {float:left; width:767px; min-height:300px; background:#ffffff; border:1px solid #370286; margin:6px 0px 6px 0px;}
.contentBar {width:767px; height:9px; font-size:1px; line-height:1px; background:#cccccc; display:block;}

/* navigation */
#nav {width:589px; height:20px; background:url(images/navBG.jpg) no-repeat; padding:0px 0px 0px 180px; margin:0px 0px 4px 0px;}
#nav li {float:left; list-style:none; color:#ffffff; line-height:19px;}
#nav li:before {display:inline; content:"|"; padding:0px 14px 0px 14px;}
#nav li:first-child:before {display:inline; content:""; padding:0px 0px 0px 0px;}
#nav li a {font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; color:#ffffff; line-height:20px;}
#nav li a:hover {color:#370286;}

/* flash areas */
#mainFlash {width:767px; height:215px; background:url(images/noFlash.jpg) no-repeat #cccccc; border:1px solid #370286; padding:0px 0px 9px 0px;}
#mainAdFlash {width:227px; height:265px; background:url(images/noFlashAd.jpg) no-repeat #ffffff;}
#aboutAd {width:227px; height:529px; background:url(images/noAboutAd.jpg) no-repeat #ffffff; padding:0px 0px 10px 0px;}
#icsAd {width:227px; height:529px; background:url(images/noICSAd.jpg) no-repeat #ffffff; margin:10px 0px 10px 0px;}
#arcoplastExamples {width:484px; height:301px; border:1px solid #370286;}

/* columns */
#mainCol {float:left; width:496px; padding:11px 22px 11px 11px;}
#mainCol p {padding:10px 0px 0px 0px;}
#mainCol h4 {padding:16px 0px 0px 0px; border-bottom:1px solid #370286;}
#mainCol ul {list-style:none; padding:10px 0px 6px 0px;}
#mainCol li {padding:2px 0px 2px 0px;}
#subCol {float:left; width:227px; padding:11px 11px 0px 0px;}
#singleCol {float:left; width:745px; padding:11px 11px 15px 11px;}
#singleCol p {padding:10px 0px 0px 0px;}

/* homepage infoboxes */
#infoboxContainer {clear:both; float:left; width:747px; padding:11px 18px 5px 2px;}
.infobox {float:left; width:208px; height:162px; background:url(images/infobox.jpg) no-repeat #ffffff; padding:3px 13px 14px 28px;}
.infobox h3 {padding:0px 0px 9px 0px;}
p.infoboxDesc {padding:7px 0px 0px 0px;}
p.infoboxLink {padding:16px 0px 0px 0px; text-align:right;}
p.infoboxLink a {color:#000000; border:1px solid #370286; padding:2px; font-size:10px;}

/* projects */
.projects {width:707px; padding:20px 4px 0px 4px; clear:both;}
.projectsImage {float:left; width:177px; padding:0px 20px 0px 0px;}
.projectsDesc {float:left; width:500px}
.projectsDesc table p {border-top:1px solid #370286; padding:10px 0px 0px 0px;}
.projectsDesc table td.pad {padding:10px 0px 0px 0px;}

/* careers */
#careers {width:227px; height:568px; background:url(images/careers.jpg) no-repeat #ffffff; margin:40px 0px 10px 0px;}

/* partners */
#partners {clear:both; float:left; width:745px; padding:11px 11px 15px 11px;}
#partners p {border-top:1px solid #370286; padding:10px 0px 0px 0px;}
#partners table td {padding:0px 0px 20px 0px;}
#partnersAd {width:202px; height:260px; background:url(images/partnershipAd.jpg) no-repeat center; padding:15px 10px 0px 15px;}
#partnersAd p {padding:20px 0px 0px 0px;}

/* clients */
#clientsAd {width:202px; height:260px; background:url(images/brochuresAd.jpg) no-repeat center; padding:15px 10px 0px 15px;}
#clientsAd p {padding:20px 0px 0px 0px;}

/* services */
.serviceList {list-style:none; font-size:14px;}
#mainCol ul.serviceList li {padding:10px 0px 0px 0px;}
.serviceList a {font-weight:bold; font-size:14px;}
#servicesAd {height:602px; width:202px; background:url(images/servicesAd.jpg) no-repeat center; padding:15px 10px 0px 15px; margin:0px 0px 11px 0px;}
#servicesAd p {padding:20px 0px 0px 0px;}
#servicesAd h4 {padding:18px 0px 0px 0px;}
#servicesAd ul {list-style:none; padding:10px 0px 0px 0px;}
#servicesAd li {padding:5px 0px 0px 0px;}
#servicesAd li a:hover {color:#ffffff;}

/* arcoplast */
#arcoplastCol {width:213px; height:640px; background:url(images/arcoplastCol.jpg) no-repeat #ffffff; padding:116px 7px 10px 7px;}
#arcoplastCol p {padding:0px 0px 8px 0px;}
#arcoplastCol h4 {margin:0px 0px 8px 0px; border-bottom:1px solid #370286;}
#arcoplastCol ul {list-style:none; padding:0px 0px 8px 0px;}
#arcoplastCol li {padding:4px 0px 0px 0px;}
#arcoplastCol span.padTop {display:block; padding:87px 0px 0px 0px}
#arcoplastBox {width:259px; height:342px; background:url(images/arcoplastBox.jpg) no-repeat #ffffff; margin:25px 0px 0px 0px; padding:0px 10px 10px 215px; border:1px solid #370286;}
#arcoplastBox h4 {border:none; padding:8px 0px 0px 0px;}
#arcoplastBox ul {padding:5px 0px 0px 0px; list-style:disc; list-style-position:inside;}
#arcoplastBox li {padding:2px 0px 0px 0px;}
#arcoplastFeaturesSubCol {background:url(images/arcoplastFeaturesSubCol.jpg) no-repeat bottom #ffffff;}
#arcoplastFeaturesSubCol ul {list-style:none;}
#arcoplastFeaturesSubCol h4 {padding:0px 0px 8px 0px;}
#arcoplastFeaturesSubCol p {padding:0px 0px 8px 0px;}
.closededgelist {list-style-position:inside; color:#370286;}
td.specs {border-bottom:1px solid #888888;}
td.toxicityHead {background:#cccccc; border:1px solid #333333; padding:3px;}
td.toxicityBody {background:#dfdfdf; border-bottom:1px solid #333333; border-left:1px solid #333333; border-right:1px solid #333333; padding:3px;}
td.specslinks {padding:3px 0px 0px 0px;}

/* footer */
#footer {clear:both; width:769px; min-height:100px;}
#footer ul {width:769px; text-align:center;}
#footer ul li {display:inline; list-style:none; color:#ffffff;}
#footer ul li:before {display:inline; content:"|"; padding:0px 7px 0px 7px;}
#footer ul li:first-child:before {display:inline; content:""; padding:0px 0px 0px 0px;}
#footer ul li a {color:#ffffff; font-size:12px; text-decoration:underline;}
#footer p.copyright {width:769px; text-align:center; color:#370286; margin:7px 0px 0px 0px;}

/* lightbox */
#lightbox{background:#370286; padding:0px; border:1px solid #370286; padding:0px;}
#lightboxDetails{}	
#lightboxCaption{float:left;}
#keyboardMsg{float:right; display:none;}
#closeButton{top:5px; right:5px;}
#lightbox img{border:none; clear:both;} 
#overlay img{ border:none;}
#overlay{ background:url(images/overlay.png);}
* html #overlay{background-color:#333; back\ground-color: transparent; background-image:url(blank.gif); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");}
