@charset(utf-8);

/* ! Index Page */


#services-nav {width: 165px; float: left; margin: 5px 0px 10px 5px; padding: 10px; text-align: left;} 
#services-nav h2 {text-transform: uppercase; font-weight: bold; font-size: 16px; margin: 0 0 10px 0; padding: 0 0 2px 0; border-bottom: 1px solid #e0e0e0;}
#services-nav ul {margin: 0; padding: 0;}
#services-nav ul li {text-transform: lowercase; list-style: none; margin: 0; padding: 0;}
#services-nav a:hover {color: #ffffff;}
a {outline: 0;}
/* div {overflow: hidden;}  *** I had to hide this.  It was making the Main NAV not work */
#services-main {position: relative; width: 680px; float: right; overflow: hidden; padding: 0; margin: 5px 0 100px;}
#services-main p {padding-left: 0; margin-right: 20px;}
.services-cat {overflow: hidden; background: url(../images/uni_services_bg2.gif) left top no-repeat; padding: 10px 0 0 30px; margin: 0;}
.capabilities-cat {overflow: hidden; background: url(../images/uni_services_bg_top.gif) left top no-repeat; padding: 10px 0 0 0; margin: 0;}
#first-service {background: url(../images/uni_services_bg_first2.gif) 0 0 no-repeat;}
#top-cap {background: url(../images/uni_capabilities_bg_top.gif) 0 0 no-repeat;}
#cap-bg.repeat {background: url(../images/uni_capabilities_bg_repeat.gif) 0 0 repeat-y; padding: 0 0 0 30px; margin: 17px 0 0 0;}
.teaser {height: 120px; overflow: hidden; margin: 0; padding: 0;}
.teaser h1, h1.service-header {height: 30px; line-height: 30px; padding-left: 40px; background: url(../images/service_indicators.png) 0 0 no-repeat;}
h1.capabilities-service-header {height: 30px; line-height: 30px; margin: 0; padding-left: 40px; background: url(../images/service_indicators.png) 0 0 no-repeat;}
.teaser h1, .teaser h1 a, h1.service-header, h1.service-header a {font-weight: bold; font-size: 18px; margin: 15px 0 0 0;}
.teaser p {width: 450px; margin: 10px 0 20px 0; padding: 2px;}
#ms-bg {background: url(../images/marketing_services.png) right top no-repeat;}
#cp-bg {background: url(../images/custom_packaging.png) right top no-repeat;}
#cap-bg {background: url(../images/capabilities.png) right top no-repeat;}
#cap-bg h2 {margin-bottom: 5px;}
#dp-bg {background: url(../images/digital_printing.png) right top no-repeat;}
.reveal {overflow: hidden; margin: 0; padding: 0; /*height: 380px;*/}
.reveal ul {padding: 0; margin: 0 0 20px 0; list-style: circle outside none;}
.reveal ul li {margin: 0 0 0 30px; padding: 0 0 0 2px;}
.reveal img {margin: 10px 0 40px; padding: 0; width: 250px;}
.reveal h2 {margin: 120px 0 0 0; padding: 0 20px 40px 0; float: right; width: 350px; text-align: right;}
#ms-reveal {margin-bottom: 50px;}
a.learn-more {margin: 5px 0; padding: 0; display: block; clear: both;}
a.learn-more:link, a.learn-more:visited {color: #F58026; font-size: 11px;}
a.learn-more:hover {color: #ECBA60;}
#transparency {position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; background: transparent url(images/services_gradient_bg.png) bottom left repeat-x; z-index: 10;}


/* ! Custom Packaging Page */

.cust-pack {width: 630px; border-top: 1px solid #F58026; margin-bottom: 30px; border-collapse: collapse;}
.cust-pack img {width: 100px;}
.cust-pack tr.even {background: #E0E4F0;}
.cust-pack td {vertical-align: top; padding: 10px;}
.first-col {width: 140px;}

/* ! Manufacturing Capabilities Page */

dl {margin-bottom: 50px;} /* clear last content from transparent div */
dl p {margin: 0 0 10px 20px;}
dl dt {margin: 0 20px 20px 0; padding: 0 0 5px 0; border-bottom: 1px solid #F58026; font-size: 14px; color: #004A8E; font-weight: bold;}
dl dt a[name]:hover {cursor: text; color: #004A8E;}
dl dd h3 {font-size: 12px; color: #F58026; margin: 0 0 0 20px; font-style: normal;}
dl ul {list-style: circle outside none; margin: 5px 20px 20px 15px; padding: 0 0 0 20px;}
dl ul li {margin-bottom: 4px;}
dl ul li ul {list-style: square outside none; margin: 5px 0 0 15px; padding: 0;}
sup {margin: 0; padding: 0; border: 0; outline: 0; font-size: .9em; vertical-align: super; background: transparent; color: #666; line-height: 0.4;}
dd {margin: 20px 20px 0 0; padding: 0 20px 20px 0;}