@charset "UTF-8";
/* CSS Document */
/*title: global.css // author: adam cartlidge - origin partners // client: NWP // url: http://www.nwp-recycle.com // modified: 00/00/00 // */


/* table, caption, tbody, tfoot, thead, tr, th, td*/

/*****reset*****/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h5, 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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline; }

:focus { outline: 0; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

.createdbyme { width:45px; height:45px;bottom:5px;right:5px;position:fixed;}
.createdbyme a img {opacity:.20; filter:Alpha(Opacity=20); -moz-opacity: 0.2;}
.createdbyme a:hover img {opacity:1; filter:Alpha(Opacity=100); -moz-opacity: 1.0;}

/*ASSETS*/
.clear { clear: both; height:0px; overflow:hidden; }
body { background:#011f43; margin:0; padding:0; font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color: #ffffff;}

a { color: #88bf1b; text-decoration:none; }
a:link, a:active { text-decoration:none; }
a:visited {color:#88bf1b; text-decoration:none; }
a:hover { text-decoration:underline; color:#5ec1ff;}
a:hover img {opacity:.70; filter:Alpha(Opacity=70); -moz-opacity: 0.7;}


h1 {font-size:32px; color:#FFFFFF; text-transform:uppercase; margin:0;}
h2 {font-size:17px; color:#FFFFFF; margin:3px 0 0 5px;}
h3 {font-size:17px; color:#FFFFFF; margin:3px 0 0 5px;}
h4 {font-size:20px; color:#87c01b; margin:0px 0 5px 0; padding:0; line-height:26px;}


h3 a {font-size:17px; color:#FFFFFF; margin:3px 0 0 5px;}
h3 a { color:#FFFFFF; text-decoration:none; }
h3 a:link, a:active { text-decoration:none; }
h3 a:visited {color:#FFFFFF; text-decoration:none; }
h3 a:hover { text-decoration:underline; color:#FFFFFF;}


/*PNGFIX*/
img, input { behavior: url(iepngfix.htc); margin:0; padding:0; }

input.submit {border:none; background:url(../../images/root/booknow.png); height:45px; width:85px;}
input#searchField {border:none; width:150px; background:none; color:#333333; height:20px; margin:10px 0 0 15px; padding:2px 0 0 5px; float:left; display:inline;font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;}
input#submitemail {border:none; width:20px; height:20px; margin:10px 20px 0 0; padding:0;}
textarea#ContactComments {width:270px; height:auto; min-height:150px;font: 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color: #333333; padding:2px 0 0 2px; line-height:18px; margin:0 0 10px 0;}
input#ContactSubmit {width:100px; height:30px; border:2px solid #88bf1b; line-height:30px; background:#011f43; color:#FFFFFF;}
input#customer_ezine {margin-right:10px;}
input#EmailSubmitAddress {border:none !important; border-color:#ffffff; margin:7px 0 0 15px;padding:5px; float:left;}


/*STRUCTURE*/
#header {width:100%; height:80px; background:#FFFFFF; }
#container {width:960px; height:auto; background:none; margin:0 auto; margin-top:30px; padding:0;}
#shell {width:960px; height:80px; background:#666666; margin:0 auto; padding:0;}
#logo {width:280px; height:80px; background:#fff; margin:0; padding:0; float:left; display:inline;}

.navigation {width:680px; height:80px; background:#fff; margin:0; padding:0; float:right;}
.flashbanner {width:720px; height:460px; background:none; margin:0 20px 20px 0; padding:0; float:left; display:inline;}
.sidebar {width:220px; height:auto; background:none; margin:0; padding:0; float:right;  }
.side-subscribe {width:220px; height:70px; background:url(../../images/root/sidesubscribe.png) no-repeat top left; margin:0 0 10px 0; padding:0;}
.side-contact {width:220px; height:90px; background:url(../../images/root/sidecontact.png) no-repeat top left; margin:0 0 10px 0; padding:0;}
.side-tv {width:220px; height:165px; background:url(../../images/root/sidetv.png) no-repeat top left; margin:0 0 10px 0; padding:0;}
.titles {width:220px; height:25px; margin:0; padding:0;}
.side-highlights {width:220px; height:auto; background:url(../../images/root/sidehighlights.png) no-repeat top left; margin:0; padding:0;}
.side-highlights img {width:206px; height:78px; margin:0; padding:5px; border:2px solid #FFFFFF; }
.signup {width:220px; height:40px; margin:0; padding:0; background:url(../../images/root/inputs.png) no-repeat;}
.getintouch {width:220px; height:60px; margin:0; padding:0; background:url(../../images/root/contact.png) no-repeat;}
.sectors {width:720px; height:140px; background:none; margin:0 0 20px 0; padding:0; float:left; display:inline;}
.footer {width:960px; height:30px; background:url(../../images/root/footer.png) no-repeat top left; margin:0 auto; margin-bottom:10px; padding:0; clear:both;}

.sector1 {width:240px; height:140px; background:url(../../images/root/sectorleft.png) no-repeat top left; margin:0; padding:0; float:left; display:inline;}
.sector2 {width:240px; height:140px; background:url(../../images/root/sectormid.png) no-repeat top left; margin:0; padding:0; float:left; display:inline;}
.sector3 {width:240px; height:140px; background:url(../../images/root/sectorright.png) no-repeat top left; margin:0; padding:0; float:left; display:inline;}


.lower-cnt {width:720px; height:auto; background:url(../../images/root/lowerctn.png) repeat-x #FFFFFF; margin:0 20px 0px 0; padding:0; }
.lower-cnt-footer {width:720px; height:20px; background:url(../../images/root/lowerctnfooter.png) no-repeat; margin:0; padding:0; }
.lower-titles {width:720px; height:auto; background:none; margin:0 20px 10px 0; padding:0;  }

.lower-banner {width:700px; height:150px; padding:0; background:none; padding:10px 10px 0 10px;}

.mod {width:700px; height:auto; margin:10px 10px 10px 10px; padding:0; background:#FFFFFF; clear:left; }
.mod-image {width:150px; height:150px; margin:0; padding:0; float:left; background:#011f43;}
.mod-txt {width:530px; height:auto; margin:0 0 0 20px; padding:0; float:left; background:#FFFFFF;}



.news {width:700px; height:auto; margin:10px 10px 10px 10px; padding:0; background:#FFFFFF; clear:left; }
.news-image {width:206px; height:78px; margin:0; padding:0; float:left; background:none;border:2px solid #011f43;}
.news-txt {width:470px; height:auto; margin:0 0 0 20px; padding:0 0 20px 0; float:left; background:#FFFFFF; border-bottom:1px dotted #999999;}

.case {width:700px; height:auto; margin:10px 10px 10px 10px; padding:0; background:#FFFFFF; clear:left; }
.case-image {width:146px; height:146px; margin:0; padding:0; float:left; background:none; border:2px solid #011f43;}
.case-txt {width:530px; height:auto; margin:0 0 0 20px; padding:0 0 20px 0; float:left; background:#FFFFFF; border-bottom:1px dotted #999999;}


.contact-modleft {width:250px; height:auto; margin:0; padding:0; background:#FFFFFF; float:right;}
.contact-modright {width:450px; height:auto; margin:0; padding:0; background:#FFFFFF; float:left;}

/*NAVIGATION*/

ul#nav { margin:25px 0 0 0; padding:0px; }
ul#nav li { display:block; float:left; list-style-type:none; margin:0; padding:0; }
ul#nav li a { display:block; outline:none; width:680px;height:35px; background: url(../../images/root/nwp-nav.png) no-repeat 0 0; text-indent:-9009px; margin:0;list-style-type:none; }

ul#nav li#about a { width:111px; background-position:-0 0; } 
ul#nav li#about a:hover  { background-position:-0 -35px }
ul#nav li#about.on a { background-position:-0 -35px }

ul#nav li#products a { width:192px; background-position:-111px 0; } 
ul#nav li#products a:hover  { background-position:-111px -35px }
ul#nav li#products.on a { background-position:-111px -35px }

ul#nav li#newsmedia a { width:137px; background-position:-303px 0; } 
ul#nav li#newsmedia a:hover  { background-position:-303px -35px }
ul#nav li#newsmedia.on a { background-position:-303px -35px }

ul#nav li#casestudies a { width:127px; background-position:-440px 0; } 
ul#nav li#casestudies a:hover  { background-position:-440px -35px }
ul#nav li#casestudies.on a { background-position:-440px -35px }

ul#nav li#contact a { width:113px; background-position:-567px 0; } 
ul#nav li#contact a:hover  { background-position:-567px -35px }
ul#nav li#contact.on a { background-position:-567px -35px }


/*PAGES*/

.lower-cnt ul {margin:0px 0 10px 0; padding:0;}
.lower-cnt li {font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color: #333333; line-height:18px; margin:0;}
.lower-cnt li strong {font-weight:bold;}

.lower-cnt ul.form {margin:0px 0 10px 0; padding:0; float:left;}
.lower-cnt li.form {font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color: #333333; line-height:28px; margin:0 10px 0 0; font-weight:bold;}
.lower-cnt li.fields {line-height:28px; width:270px;}


.shell {width:720px; height:auto; float:left; margin:0 0 20px 0;}

/*TYPOGRAPHY*/

.lower-cnt p {font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color: #333333; line-height:18px; margin:0 0 10px 0;}
p {font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color: #ffffff; line-height:18px; margin:0 0 10px 0;}
p strong {font-size:12px; font-weight:bold;}
p.more, p.more a:link, p.more a:visited {font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color: #011f43; line-height:18px; margin:0; font-weight:bold;}
p.more a:hover {color:#5ec1ff;}
p.sectortxt {font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color: #88bf1b; line-height:16px; margin:0 0 10px 0; width:140px;}

p.header, p.header a:link, p.header a:active {font: 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color: #ffffff; line-height:20px; margin:10px 0 0px 0;}
p.sector p.sector a:link, p.sector a:visited {font: 15px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color: #011f43; line-height:20px; margin:0px 0 10px 0; text-transform:uppercase; text-align:left; font-weight:bold;}
p.strap, p.strap a:link, p.strap a:active {font: 13px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color: #88bf1b; line-height:20px; margin:0px 0 10px 0;}

.txt-wrapper {margin:0px; padding:10px;font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color: #333333; line-height:18px; margin:0 0 10px 0;}
.txt-wrapper li {list-style-position:inside;}


/*LIST-ITEMS*/

.getintouch ul {width:220px; height:auto; margin:0; padding:10px 0 0 0;}
.getintouch li {font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; margin:0 0 0px 20px; padding:0; color:#333333; line-height:18px;}
.getintouch li strong {font-size:18px; font-weight:bold;}


.footer ul{width:960px; height:auto; margin:0; padding:0; text-align:center;}
.footer li { font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; display:inline; margin:0 3px 0 0; padding:0 10px 0 0; color:#666666; border-right:1px solid #011f43;line-height:30px;}
.footer li a:link, .footer li a:active, .footer li a:visited {color:#666666; font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;}
.footer li a:hover {color:#5ec1ff; font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;}



/*<<<<<<<<<DON'T TOUCH // DON'T TOUCH // DON'T TOUCH // DON'T TOUCH // DON'T TOUCH // DON'T TOUCH // DON'T TOUCH // */

/*NAVIGATION*/
.nwp-nav {height:40px; position:relative; z-index:100; width:680px; margin-top:25px;}
.nwp-nav .pad {float:left;}

/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.menu, .menu ul {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif;}

/* Set up the top level list items and float left to place inline */
.menu li.top {display:block; float:left; position:relative;}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default top link link styling */

.menu li.top a.top_link {display:block; float:left; height:35px;}
.menu li.top a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;} /* move the link text off screen */

/* pre-load the hover images into the lists */
.menu li.p1 {width:111px; background:url(../../images/nav/aboutnwp_1.png) no-repeat;}
.menu li.p2 {width:192px; background:url(../../images/nav/products_1.png) no-repeat;}
.menu li.p3 {width:137px; background:url(../../images/nav/newsmedia_1.png) no-repeat;}
.menu li.p4 {width:127px; background:url(../../images/nav/casestudies_1.png) no-repeat;}
.menu li.p5 {width:113px; background:url(../../images/nav/contactnwp_1.png) no-repeat;}


/* set up the normal unhovered images in the links */
.menu li a#aboutnwp {width:111px; background:url(../../images/nav/aboutnwp_0.png) no-repeat;}
.menu li a#products {width:192px; background:url(../../images/nav/products_0.png) no-repeat;}
.menu li a#newsmedia {width:137px; background:url(../../images/nav/newsmedia_0.png) no-repeat;}
.menu li a#casestudies {width:127px; background:url(../../images/nav/casestudies_0.png) no-repeat;}
.menu li a#contactnwp {width:113px; background:url(../../images/nav/contactnwp_0.png) no-repeat;}


/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {visibility:visible;} /* for IE6 */
.menu li:hover { position:relative; z-index:200;} /* for IE7 */

/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.menu li a#aboutnwp:hover, .menu li:hover a#aboutnwp,
.menu li a#products:hover, .menu li:hover a#products,
.menu li a#newsmedia:hover, .menu li:hover a#newsmedia,
.menu li a#casestudies:hover, .menu li:hover a#casestudies,
.menu li a#contactnwp:hover, .menu li:hover a#contactnwp {background:transparent;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}

/* set up the first drop down sub level */
.menu :hover ul.sub {left:0; top:35px; background: #fff; padding:3px 0; border:1px solid #666666; white-space:nowrap; width:150px; height:auto;}
.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:90px;}
.menu :hover ul.sub li a {display:block; font-size:11px; height:20px; width:144px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu :hover ul.sub li a.fly {background:#fff url(../../images/nav/arrow.png) 126px 2px no-repeat;}
.menu :hover ul.sub li a:hover {background:#88bf1b; color:#fff;}
.menu :hover ul.sub li a.fly:hover {background:#88bf1b url(../../images/nav/arrow_over.png) 126px 2px no-repeat; color:#fff;}
.menu :hover ul li:hover > a.fly {background:#88bf1b url(../../images/nav/arrow_over.png) 126px 2px no-repeat; color:#fff;} 

/* set up the flyout levels when hovering */
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:145px; top:-4px; background: #fff; padding:3px 0; border:1px solid #666666; white-space:nowrap; width:150px; z-index:200; height:auto; z-index:300;}

/*DON'T TOUCH // DON'T TOUCH // DON'T TOUCH // DON'T TOUCH // DON'T TOUCH // DON'T TOUCH // DON'T TOUCH>>>>>>>> // */



.news-detail-mod1 {width:300px; height:560px; margin:0; padding:0; float:left; background:#ffffff;}
.news-detail-mod2 {width:420px; height:560px; margin:0; padding:0; float:right; background:#ffffff;}
.news-detail-mod3 {width:720px; height:auto; margin:0; padding:0; float:left; background:#FFFFFF;}

ul.newslist {margin:0px 0 10px 0; padding:0; border-bottom:1px dotted #999999; border-top:1px dotted #999999; padding:10px 0 10px 0;}
li.newslist {font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color: #333333; line-height:20px; margin:0 0 5px 0;}
li.newslist strong {font-weight:bold; color:#011f43;}
h5 {font-size:20px; color:#011f43; margin:0px 0 5px 0; padding:0; line-height:26px;}


blockquote.style1 {
font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-style:italic; color: #ffffff; line-height:18px; margin:0 0 10px 0;
  padding: 10px;
  background-color: #011f43;
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
  margin: 5px 5px 5px 0px;
  background-image: url(../../images/root/openquote1.png);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 23px;
  }
  blockquote.style1 span {
     display: block;
     background-image: url(../../images/root/closequote1.png);
     background-repeat: no-repeat;
     background-position: bottom right;
   }

.news-detail-clientlogo {width:216px; height:100px; margin:0; padding:10px 0 10px 0; float:left; background:none;}
.news-detail-clientlogo img {width:206px; height:78px; margin:0; padding:0; float:left; background:none;border:2px solid #011f43;}

.detail-lrg {width:400px; height:400px; margin:0; padding:0; float:left; background:none;}
.detail-lrg img {width:396px; height:396px; margin:0; padding:0; float:left; background:none;border:2px solid #011f43;}

.detail-thm {width:90px; height:90px; margin:10px 10px 10px 0; padding:0; float:left; background:none;}
.detail-thm img {width:86px; height:86px; margin:0; padding:0; float:left; background:none;border:2px solid #011f43;}

.team{padding:20px;float:left;height:110px;}
.team img{float:left;padding-right:10px}

.teamOne{padding:20px;float:left;height:auto;}
.teamOne img{float:left;padding-right:10px}


.services{padding:10px 20px 0px 0;float:left;height:auto;}
.services img{float:left;padding-right:10px;height:auto}
.services p{width:70%;float:left;height:auto;}