body {font-family: Helvetica, Verdana, Arial, sans-serif; margin: 0; background-color: #222;}
h1 {font-size: 30px; margin: 0; padding: 5px 0 0 0;}
h2 {font-size: 18px; color: #005600; margin: 10px 0 5px 0;}
h3 {font-size: 22px; color: #222; margin: 10px 0 5px 0;}
h4 {font-size: 15px; color: #000; margin: 10px 0 5px 0;}
p {font-size: 15px; line-height: 120%; margin: 10px 0 20px 0;}
ul {margin: 0; padding: 0 0 0 15px;}
li {font-size: 15px; line-height: 160%;}
a {color: #3d3d3b; font-size: 14px; font-weight: bold;}
a:hover {color: #ccc;}

/* header */
#header-banner-wrap {height: 326px; width: 100%; background-image: url(images/nmp-layout-header-banner-repeat.jpg);}
#header-banner {width: 960px; height: 326px; margin: auto; background-image: url(images/nmp-layout-header-banner.jpg); padding: 0 20px 0 20px}

#small-header-banner-wrap {height: 136px; width: 100%; background-image: url(images/nmp-layout-header-banner-repeat.jpg);}
#small-header-banner {width: 960px; height: 136px; margin: auto; background-image: url(images/nmp-layout-header-banner.jpg); padding: 0 20px 0 20px}

/* contact details */
#contact-badge {margin: 15px 0 0 0; padding: 0; float: right; text-align: right; height: 90px;}
#contact-badge a {color: #00ff00; font-size: 15px;}
#contact-badge a:hover {color: #ccc;}

/* navigation */
ul.nav {float: right; clear: both; width: 873px; text-align: left; list-style: none; margin: 0 0 0 0; padding: 0;}
ul.nav li { float: left; margin: 0 0 0 4px;}
ul.nav li a {font-size: 15px; font-weight: bold; font-family: Helvetica, Verdana, Arial, sans-serif; display: block; text-decoration: none; padding: 4px 10px; width: 85px; background: #bbf0bb; color: #005600; height: 19px; border-top: 1px solid white;}
ul.nav li a:hover {color: #fff; background: #555 url(/images/site/bg-nav.png) right top;  border-top: 1px solid #aaa;}
body#home .nmphome, body#domestic .nmpdomestic, body#commercial .nmpcommercial, body#about .nmpabout, body#legal .nmplegal, body#links .nmplinks, body#contactus .nmpcontactus, body#study .nmpstudy { color: #fff; background: #9e0000 url(/images/site/bg-nav.png) right top; border-top: 1px solid #9e0000;}

/* banner badges */
.banner-badge {width: 200px; height: 139px; padding: 15px; background-color: #111; margin: 0 13px 0 0px; float: left;}
.banner-badge img {margin: 0 0 10px 0; border: 1px solid #ccc;}
.banner-badge a {float: left; color: white; font-size: 15px; text-decoration: none; font-weight: bold;}
.banner-badge a:hover {text-decoration: underline;}

.banner-badge-red {width: 200px; height: 139px; padding: 15px; background-color: #9e0000; margin: 0 0px 0 0px; float: right;}
.banner-badge-red img {margin: 0 0 10px 0; border: 1px solid #ccc;;}
.banner-badge-red a {float: left; color: white; font-size: 15px; text-decoration: none; font-weight: bold;}
.banner-badge-red a:hover {text-decoration: underline;}

#banner-badges {clear: both; padding-top: 3px; width: 960px;}

/* content */
#content-wrap {width: 100%; padding: 10px 0 10px 0; background-color: #8ef88e;}
#content {width: 920px; margin: auto; padding: 15px 20px 0 20px; background-color: white; border: 1px solid black;}

#intro {background-color: #fff; width: 663px; padding: 0 0 0 0;}
#intro-legal {background-color: #fff; width: 663px; height: 90px;}
#intro-commercial {background-color: #fff; width: 663px; height: 230px;}
#intro-contact {background-color: #fff; width: 663px; height: 152px;}

.bullets {float: left; width: 280px; height: 130px; margin: 0 20px 20px 0; background-color: #eee; padding: 10px 20px 20px 20px; border: 1px solid black;}

.bullets-commercial {float: left; width: 318px; height: 530px; margin: 0 20px 20px 0; background-color: #eee; border: 1px solid black; padding: 0 0 20px 0;}
.bullets-commercial h2 {background-color: #444; padding: 10px 0 3px 10px; height: 30px; color: white; margin: 0; font-size: 16px;}
.bullets-commercial p {background-color: #ddd; padding: 10px 10px 13px 10px; margin: 0 0 20px 0; height: 50px; border-bottom: 1px solid black;}
.bullets-commercial ul {margin: 0 0 0 20px;}
.bullets-commercial li {list-style-image: url(images/bullet.gif); line-height: 150%; padding: 0 0 10px 5px;}

.bullets-legal {width: 660px; margin: 0 20px 20px 0; background-color: #eee; border: 1px solid black; padding: 0 0 20px 0;}
.bullets-legal h2 {background-color: #444; padding: 10px 0 3px 10px; height: 30px; color: white; margin: 0; font-size: 16px;}
.bullets-legal p {margin: 10px 10px 20px 20px; line-height: 140%; font-size: 14px; text-align: justify; padding: 0 15px 0 0;}
.bullets-legal ul {margin: 0 0 0 20px;}
.bullets-legal li {list-style-image: url(images/bullet.gif); line-height: 150%; padding: 0 10px 10px 5px;}

#bullet-block {background-color: #eee; width: 663px; height: 320px; border: 1px solid #333; margin: 0 0 20px 0;}
#bullet-block p {background-color: #444; padding: 10px 0 3px 10px; height: 30px; color: white; margin: 0; font-size: 16px; border-bottom: 1px solid black; margin: 0 0 20px 0;}
#bullet-block li {list-style-image: url(images/bullet.gif); line-height: 150%; padding: 0 0 10px 5px; margin: 0 0 0 15px;} 
#bullet-block ul {padding: 0 0 0 10px;}
#bullet-block h4 {color: #444;}
#bullet-block p, #bullet-block h4, #bullet-block address, #bullet-block a {padding-left: 10px;} 
#bullet-block address {line-height: 150%; font-weight: bold;}

.bullet-block-float {float: left; width: 280px; height: 100px; background-color: #eee; padding: 0 20px 20px 20px;}
				
/* news block */
#news-block {background-image: url(images/news-bg-7.jpg); background-repeat: no-repeat; margin: 0 0 30px 50px; padding: 0; width: 270px; height: 190px; background-color: #005600; float: right; border: 1px solid black; padding: 15px;}
#news-block img {margin: 0px; border: 1px solid white;}
#news-block h3 {color: white; font-size: 18px;}
#news-block a {color: #00ff00; font-size: 15px; line-height: 150%;}
#news-block a:hover {color: #ccc;}

/* side content block badges */
.side-content-block {margin: 0 0 20px 3px; width: 200px; height: 170px; padding: 15px; float: right; border: 1px solid black;}
.side-content-block img {margin: 0; border: 1px solid #ccc;}
.side-content-block h3 {color: white; font-size: 18px; padding: 0 0 5px 0;}
.side-content-block a {color: #00ff00; font-size: 14px; text-decoration: none; display: block; margin: 0 0 5px 0;}
.side-content-block a:hover {text-decoration: underline;}

#block-green {background-color: #005600;}
#block-red {background-color: #9e0000;}
#block-grey {background-color: #555;}

/* case study block badge */
.case-content-block {clear: right; float: right; margin: 0 0 20px 3px; width: 200px; height: 240px; padding: 15px; border: 1px solid black;}
.case-content-block img {margin: 0; border: 1px solid #fff;}
.case-content-block h2 {color: white; font-size: 18px; padding: 0 0 5px 0;}
.case-content-block a {color: #00ff00; font-size: 14px; text-decoration: none; display: block; margin: 0 0 5px 0;}
.case-content-block a:hover {text-decoration: underline;}

/* main case study content */
#case {float: left; width: 663px; background-color: #fff;}
.case-block img {float: left; clear: left; border: 1px solid #333; margin: 0 20px 20px 0;}
.case-block {width: 663px; height: 100px; display: block; clear: left; margin: 20px 0 20px 0;}
.case-block p {font-size: 14px;}

/* float all badges right in one block */
#right-box-float {float: right; width: 240px; background-color: #fff;}


/* footer */
#footer-wrap {border-top-color: #ff251d; width: 100%; height: 100px; background-color: #222; border-top: 3px solid #9e0000;}
#footer {width: 960px; margin: auto;}
#footer p {color: white; margin: 20px 0 0 0;}
#footer a {color: #fff}
#footer a:hover {color: #00ff00; text-decoration: underline;}

/* misc */
#contact p {font-size: 15px; color: white; margin: 0; padding: 0;} 
#phone p { font-size: 30px; color: white; font-weight: bold; margin: 0; padding: 5px 0 0 0;}
.clearfix {display: block; clear: both;}
#web-credit {font-size: 12px; margin: 5px 0 0 0; color: gray;}
#web-credit a {font-size: 12px; margin: 0 0 10px 0; color: gray;} #web-credit a:hover {color: white;}
.bold {font-weight: bold; font-size: 22px; color: black;}
.float-left img {float: left; margin: 0 20px 0 0; border: 0;} .float-left {padding: 0 0 20px 0;}
.heading-space {padding: 5px 0 12px 0; margin: 0;}
.black {color: black;}