/* 	

----------	n-p.com 05 ----------

	-- GLOBAL STYLES --
	

	Material Copyright 2004, National Partitions, Inc.
	All rights reserved
	
		
*/


/* ---------- GLOBAL PAGE ELEMENTS ---------- */
body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, sans-serif;
	background-color: #ffffff;
	background-image: url(../../images/_bg.gif);
	background-repeat: repeat-x;
	text-align:center;
	}
	
body.inner {
	background-image: url(../../images/_bg_inner.gif);
	background-repeat: repeat-x;	
	text-align: center;
	}
	
#container {
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 740px;
	text-align:left;	
	}
	
a{
	color: #074482;
	text-decoration: none;	
	}
	
a:hover {
	color: #6689CB;
	text-decoration: underline;	
	}

p {
	font-size: 70%;
	font-weight: normal;
	line-height: 17px;
	color: #333333;	
	}

p.top {
	clear: both;
	text-align: center;
	margin: 15px 0px;
	font-size: 65%;
	line-height:13px;
	color: #ccc;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;	
	}

/* ---------- BANNER ---------- */
#banner { /* sets up container for all banner elements */
	margin: 0px;
	padding: 0px;
	width: 740px;
	height: 78px;
	background-image: url(../../images/_bg_banner.gif);
	background-repeat: no-repeat;	
	}
	
#banner h1{
	margin: 0px;
	padding: 0px;
	display: none;
	}
	
#bannerLeft { /* contains  Logo */
	margin: 0px;
	width: 350px;
	height: 78px;
	}
	
#bannerLeft h1{
	margin: 0px;
	padding: 0px;
	display: none;
	}
	
#bannerRight { /* contains utility nav and phone contact info */
	float: right;
	margin: 0px;
	width: 350px;
	height: 78px;		
	text-align: right;	
	}
	
#bannerRight ul.utilityNav { /* utility nav */
	margin: 10px 20px 10px 0px;
	padding: 0px;
	font-size: 60%;
	line-height: 14px;	
	}
	
#bannerRight ul.utilityNav li{
	display: inline;
	list-style-type: none;
	padding-left: 15px;	
	}

#bannerRight ul.utilityNav li a{
	text-decoration: none;	
	}
	
#bannerRight ul.utilityNav li a:hover{	
	text-decoration: underline;
	}

#bannerRight p.phone{
	margin: 15px 20px 0px 0px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #6689CB;
	text-align:right;	
	}

/* ---------- GLOBAL NAVIGATION ---------- */	
/* adapted from gazingus.com */

#mainMenu {
	margin: 0px;
	padding: 0px 0px 0px 20px;
	background-image: url(../../images/_bg_gnav.jpg);
	background-repeat:no-repeat;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	height: 22px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;	
	}

#menuList {
  margin: 0px;
  padding: 0px;
  position:relative;
	}

#menuList ul {
	margin: 0px ;
	padding: 0px;	
	}

#menuList li {
	 margin: 0px;
	display: inline;
	list-style-type: none;
	padding: 0px ;  
	line-height: 22px;  
	}

a.actuator {
	color: #E5E8EB;
	text-decoration: none; 
	font-size: 12px;
    margin: 0px;
    padding: 3px 10px;
    text-decoration: none;
	font-weight:bold;
	}

a.actuator:hover {
  color: white;
  text-decoration: none;
	}

.menu {
  margin: 0px;
  padding: 0px;
  position: absolute;
  visibility: hidden;
  font-size:10px;
	}

.menu ul {
	margin: 0px;
	padding:0px;
	}

.menu li a {
	margin: 0px;
	color: white;
	text-decoration: none; 
	width: 100%;
	padding: 0px 5px;
	border-bottom: 1px solid #A3ABBA;
	border-right: 1px solid white;
	border-left: 1px solid white;
	background-color:#6F7D91;
	display: block;
	line-height:16px;
	}

.menu li a:hover {
  color: black;
	text-decoration: none;
	background-color: #A3ABBA;
	border-bottom: 1px solid #fff;
	}

span.key {
  text-decoration: underline;
	}

#productsMenu { width: 185px; }
#advantagesMenu { width: 185px; }
#technicalMenu { width: 185px; }
#companyMenu { width: 185px; }
#multimediaMenu { width: 185px; }

/* ---------- PAGE HEADER ---------- */
/* employs image replacement for the h2's */
/* each major content section has its own style declaration */
#pageHeader {
	margin: 0px auto;
	padding: 0px;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	height: 107px;	
	}
	
#pageHeader h2.advantages {
	height: 107px;
	margin: 0px;
	padding: 0px;
	background-image:url(../../images/h2bg_advantages.jpg);
	background-repeat: no-repeat;	}	
#pageHeader h2.advantages span{
	position: relative;
	z-index: -1;}
	
#pageHeader h2.company {
	height: 107px;
	margin: 0px;
	padding: 0px;
	background-image:url(../../images/h2bg_company.jpg);
	background-repeat: no-repeat;	}	
#pageHeader h2.company span{
	position: relative;
	z-index: -1;}

#pageHeader h2.products {
	height: 107px;
	margin: 0px;
	padding: 0px;
	background-image:url(../../images/h2bg_products.jpg);
	background-repeat: no-repeat;	}	
#pageHeader h2.products span{
	position: relative;
	z-index: -1;}
	
#pageHeader h2.privacy {
	height: 107px;
	margin: 0px;
	padding: 0px;
	background-image:url(../../images/h2bg_privacy.jpg);
	background-repeat: no-repeat;	}	
#pageHeader h2.privacy span{
	position: relative;
	z-index: -1;}
	
#pageHeader h2.sitemap {
	height: 107px;
	margin: 0px;
	padding: 0px;
	background-image:url(../../images/h2bg_sitemap.jpg);
	background-repeat: no-repeat;	}	
#pageHeader h2.sitemap span{
	position: relative;
	z-index: -1;}
	
#pageHeader h2.priceQuote {
	height: 107px;
	margin: 0px;
	padding: 0px;
	background-image:url(../../images/h2bg_priceQuote.jpg);
	background-repeat: no-repeat;	}	
#pageHeader h2.priceQuote span{
	position: relative;
	z-index: -1;}
	
#pageHeader h2.modelprices {
	height: 107px;
	margin: 0px;
	padding: 0px;
	background-image:url(../../images/h2bg_modelprices.jpg);
	background-repeat: no-repeat;	}	
#pageHeader h2.modelprices span{
	position: relative;
	z-index: -1;}

#pageHeader h2.technical_info {
	height: 107px;
	margin: 0px;
	padding: 0px;
	background-image:url(../../images/h2bg_technical_info.jpg);
	background-repeat: no-repeat;	}	
#pageHeader h2.technical_info span{
	position: relative;
	z-index: -1;}
	
#pageHeader h2.contact {
	height: 107px;
	margin: 0px;
	padding: 0px;
	background-image:url(../../images/h2bg_contact.jpg);
	background-repeat: no-repeat;	}	
#pageHeader h2.contact span{
	position: relative;
	z-index: -1;}
	
#pageHeader h2.downloads {
	height: 107px;
	margin: 0px;
	padding: 0px;
	background-image:url(../../images/h2bg_downloads.jpg);
	background-repeat: no-repeat;	}	
#pageHeader h2.downloads span{
	position: relative;
	z-index: -1;}
	
#pageHeader h2.distributors {
	height: 107px;
	margin: 0px;
	padding: 0px;
	background-image:url(../../images/h2bg_distributors.jpg);
	background-repeat: no-repeat;	}	
#pageHeader h2.distributors span{
	position: relative;
	z-index: -1;}
	
#pageHeader h2.arch_build_eng {
	height: 107px;
	margin: 0px;
	padding: 0px;
	background-image:url(../../images/h2bg_arch_build_eng.jpg);
	background-repeat: no-repeat;	}	
#pageHeader h2.arch_build_eng span{
	position: relative;
	z-index: -1;}
	
#pageHeader h2.government {
	height: 107px;
	margin: 0px;
	padding: 0px;
	background-image:url(../../images/h2bg_government.jpg);
	background-repeat: no-repeat;	}	
#pageHeader h2.government span{
	position: relative;
	z-index: -1;
	width: 145px;
}

#pageHeader h2.photos {
	height: 107px;
	margin: 0px;
	padding: 0px;
	background-image:url(../../images/h2bg_photos.jpg);
	background-repeat: no-repeat;	}	
#pageHeader h2.photos span{
	position: relative;
	z-index: -1;
	width: 145px;
}

#pageHeader h2.multimedia {
	height: 107px;
	margin: 0px;
	padding: 0px;
	background-image:url(../../images/h2bg_multimedia.jpg);
	background-repeat: no-repeat;	}	
#pageHeader h2.multimedia span{
	position: relative;
	z-index: -1;
	width: 145px;
}

#pageHeader h2.legal {
	height: 107px;
	margin: 0px;
	padding: 0px;
	background-image:url(../../images/h2bg_legal.jpg);
	background-repeat: no-repeat;	}	
#pageHeader h2.legal span{
	position: relative;
	z-index: -1;
	width: 145px;
}


/* ---------- CONTENT GRID ---------- */

/* homepage */
#promo {
	margin: 0px;
	padding: 0px;
	height: 200px;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;	
	}
	
#promoTop { /* extends deep blue horizontal rule above flash promo */
	height: 7px;
	margin: 0px;
	padding: 0px;
	background-image:url(../../images/_bg_homepage_promo_top.gif);
	background-repeat: repeat-x;
}
		
/* inner pages */
#content{ /* surrounds content sections */
	margin: 0px auto;
	padding: 15px 0px;
	width: 740px;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;	
	}


/* LEFT */
#contentLeft {
	float: left;
	padding: 0px;
	margin: 0px;
	width: 250px; 
	text-align: left;	
	}
	
#contentLeft p {
	margin: 5px 10px 5px 15px;
	}
	
#contentLeft h3 {
	margin: 5px 10px 0px 10px;
	padding: 4px 5px 2px 5px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 90%;
	color: #404F64;
	clear: both;
	background-image: url(../../images/h3bg_left.gif);
	background-repeat: no-repeat;
	height: 30px;	
	}
	
#contentLeft h4 {
	margin: 2px 0px 5px 0px;
	padding: 0px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 85%;
	color: black;	
	}
	
#contentLeft h5 {
margin: 2px 0px 5px 0px;
	padding: 0px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 75%;
	color: black;
	}

#contentLeft ul {
	margin: 5px auto;
	font-size: 70%;
	display: block;	
	}
	
#contentLeft li {
    list-style-image:url(../../images/_bullet.gif);
	line-height: 12px;
	margin: 7px 10px 7px auto;	
	line-height: 14px;
	}
	
#contentLeft ul li ul {
	margin: 5px 0px;
	font-size: 100%;
	list-style-type:none;
	display: block;	
	}
	
#contentLeft ul li ul li{
	list-style-image: none;
    list-style-type: none;
	margin: 7px 10px 7px 0px;
	padding: 0px;
	}

/* RIGHT */
#contentRight {
	float: right; 
	padding: 0px;
	margin: 0px;
	width: 480px; 	
	}

#contentRight p {
	margin: 5px 15px 5px 5px;
	padding: 0px;
	}
	
#contentRight p.leadin{
	font-size: 80%;
	line-height: 20px;
	}
	
#contentRight h3 {
	margin: 5px 10px 0px 0px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 90%;
	color: #404F64;
	padding: 4px 5px 2px 5px;
	clear: both;
	background-image: url(../../images/h3bg_right_470.gif);
	background-repeat: no-repeat;
	height: 30px;
	}
	
#contentRight h4 {
	margin: 10px 10px 10px 5px;
	font-family: verdana, sans-serif;
	color:#404F64;
	font-size: 80%;
	letter-spacing: 1px;
	border-bottom: 1px dashed #ccc;
	font-weight:normal;
	text-transform:uppercase;
	}
	
#contentRight h5 {
	margin: 10px 10px 10px 5px;
	font-family: verdana, sans-serif;
	color:#404F64;
	font-size: 70%;
	letter-spacing: 1px;
	font-weight:bold;
	font-style: italic;	
	}
	
#contentLeft ol {
	margin: 5px auto;
	font-size: 70%;
	display: block;
	}
	
#contentLeft ol li {
    list-style-image:url(../../images/_nada.gif);
	list-style-type:lower-roman;
	line-height: 12px;
	margin: 7px 10px 7px auto;	
	}
	
#contentRight img.full {
	margin: 10px 10px 10px 5px;
	}
	
#contentRight img.left {
	margin: 0px 10px 10px 15px;
	padding: 2px;
	border: 1px solid #eaeaea;
	float: left;	
	}
	
#contentRight ul {
	margin: 5px auto;
	font-size: 70%;
	display: block;	
	}
	
#contentRight li {
    list-style-image:url(../../images/_bullet.gif);
	line-height: 14px;
	margin: 7px 10px 7px auto;	
	color: #555555;
	}
	
#contentRight div.pullquote {
	float: right;
	width: 200px;
	margin: 0px 0px 10px 0px;
	padding: 15px 10px 10px 10px;
	background-image:url(../../images/_bg_pullquote.gif);
	background-repeat: no-repeat;	
	}
	
#contentRight div.pullquote p{
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-style: italic;
	font-size: 15px;
	line-height: 24px;
	text-align: left;
	color:#404F64;
	font-weight:bold;
	}
	
#contentRight img.materials{
	margin: 5px 0px 5px 5px;
	padding: 0px;
	border: 1px solid #ccc;	
	}
	
/* HOMEPAGE SPLIT */
#contentRight div#homeSplit {
	margin-right: 10px;
	}
	
#contentRight div#homeSplit div#homeSplitLeft {
	float: left;
	width: 225px;
	}
	
#contentRight div#homeSplit div#homeSplitLeft h3 {
	margin: 5px 0px 5px 0px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 90%;
	color: #404F64;
	padding: 4px 5px 2px 5px;
	clear: both;
	background-image: url(../../images/h3bg_right_225.gif);
	background-repeat: no-repeat;
	height: 30px;	
	}
	
#contentRight div#homeSplit div#homeSplitRight {
	float: right;
	width: 225px;
	}
	
#contentRight div#homeSplit div#homeSplitRight h3 {
	margin: 5px 0px 5px 0px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 90%;
	color: #404F64;
	padding: 4px 5px 2px 5px;
	clear: both;
	background-image: url(../../images/h3bg_right_225.gif);
	background-repeat: no-repeat;
	height: 30px;	
	}

/* INDUSTRY LEADERSHIP TABLE */
/* industry leadership table */
.tHeader {
	font-size: 12px;
	font-weight: bold;
	font-variant: small-caps;
	background-color: #404F64;
	color:#fff;}
.dataHeader {
	font-size: 11px;
	border-top-width: 3px;
	border-top-style: double;
	border-top-color: #808DA0;	}
.data{
	font-size:11px;}

/* press room */
#contentRight .newsDate {
	margin: 10px 10px 5px 5px;
	padding: 5px 0px;
	font-size: 65%;
	color: #999;
	letter-spacing:2px;
	border-top: 1px dashed #ccc;	
	}
	
#contentRight .newsHeadline {
	margin: 0px 10px 5px 10px;
	padding: 0px;
	font-size: 95%;
	font-weight: bold;
	letter-spacing:1px;	
	}

#contentRight .newsLeadin{
	margin: 10px 10px 10px 10px;
	padding: 0px;
	font-size: 80%;
	line-height: 22px;
	color: #000;
	text-align:left;	
	}

#contentRight .newsStory{
	margin: 0px 10px 5px 10px;
	padding: 0px;
	font-size: 70%;
	line-height: 17px;
	color: #333;	
	}
	
#contentRight .newsLink{
	margin: 10px 10px 5px 10px;
	padding: 0px;
	font-size: 70%;
	line-height: 17px;
	color: #333;
	text-align:right;
	}	
	

/* ---------- CASE STUDIES ---------- */
#contentRight div.csDetail img {
	float: left;
	margin: 10px 10px 0px 0px;
	padding: 2px;
	border: 1px solid #536D89;	
	}
	
#contentRight div.csDetail h4 {
	margin: 10px 10px 5px 0px;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	letter-spacing: 1px;
	text-transform: uppercase;
	border-bottom: 0;	
	}
	
#contentRight div.csDetail p {
	margin: 0px 10px 5px 0px;
	font-size: 11px;
	color: #333;
	line-height: 14px;	
	}
	
#contentRight img.csLogo{
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 2px;
	border: 1px solid #ccc;	
	}
	
#contentRight img.csPhoto{
	margin: 10px 10px 10px 0px;
	padding: 2px;
	border: 1px solid #ccc;	
	}
	

/* PRODUCT STYLES */
#contentRight div.productCallout { /* used on product catalogue page */
	width: 145px;
	margin: 10px 10px 10px 0px;
	text-align: center;
	float: left;
	background-color: #fff;
	}
	
#contentRight div.productCallout p {/* used on product catalogue page */
	margin: 3px 0px;
	font-size: 60%;
	}
	
#contentRight div.productPhotos {/* used on product detail pages */
	margin: 5px 15px 10px 5px;
	}
	
#contentRight div.productDetails {/* used on product detail pages */
	margin: 0px 8px 10px 20px;
	float: right;
	padding: 2px;
	width: 195px;
	border: 3px double #eaeaea;
	}

#contentRight div.productDetails h4 {
	font-variant: small-caps;
	font-size: 60%;
	margin: 3px 0px 3px 0px;
	padding: 3px;
	font-weight:bold;
	border: 0px;
	}
	
#contentRight div.productDetails p {
	font-size: 60%;
	margin: 2px 5px 5px 5px;
	line-height: 10px;
	}
	
/* building codes */
p.codeSnippet {
	font-size: 75%;
	font-family: "Times New Roman", Times, serif;
	line-height: 15px;
	text-align:justify;
 }
 
p.codeSnippet span.hilite {
	
	background-color: #FFFF00;
	text-align:justify;
	}
 



/* ---------- FOOTER ---------- */

#footer {
	clear: both;
	margin: 0px auto 20px auto;
	border-top: 3px double #404F64;	
	}
	
#footer p{
	margin: 0px;
	padding: 5px;
	text-align: center;
	font-size: 60%;
	color: #333;
	line-height: 17px;	
	}
	
#footerCopyright p{
	text-align: center;
	font-size: 60%;
	color: #333;
	line-height: 17px;
	margin: 0px; 
	padding: 0px;
	}