/* 	

----------	DECOWALL 05 ----------

	-- GLOBAL STYLES --
	
	Developed by Robert S. Rubinoff
	Material Copyright 2004, National Partitions, Inc.
	All rights reserved
	contact: info@n-p.com
	webmaster: rrubinoff@n-p.com
		
*/


/* ---------- GLOBAL PAGE ELEMENTS ---------- */
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: arial, sans-serif;
	background-color: #E2E6F5;
	background-image: url(../../images/_bg.gif);
	background-repeat: repeat y;
	background-position: center;
	}

body.oneCol { /* used on photo gallery and video pages */
	background-image: url(../../images/_bg_1Col.gif);
	}
	

#container {
	margin: 0px auto;
	padding: 0px;
	width: 760px;
	text-align:left;
	}
	
a{
	color: #44679B;
	text-decoration: none;
	}
	
a:hover {
	color: #44679B;
	text-decoration: underline;
	}

p {
	margin: 5px 0px;	
	font-size: 70%;
	font-weight: normal;
	line-height: 17px;
	color: #333333;
	text-align: justify;}


/* ---------- BANNER ---------- */
#banner { /* sets up container for all banner elements */
	margin: 0px auto;
	height: 75px;
	background-color: #F0F1EC;
	}
	
#banner h1{
	margin: 0px;
	padding: 0px;
	display: none;}
	
#bannerLeft { /* contains  Logo */
	margin: 0px;
	width: 200px;
	height: 75px;		
	}
	
#bannerLeft h1{
	margin: 0px;
	padding: 0px;
	display: none;}
	
#bannerRight { /* contains utility nav and phone contact info */
	float: right;
	margin: 0px;
	height: 75px;		
	text-align: right;
	}
	/* ---------- GLOBAL NAVIGATION ---------- */	
#bannerRight p.gNav {
	
	margin: 42px 20px 0px 0px;
	font-size: 11px;
	font-weight: bold;
	text-align:right;
	}
	

/* ---------- top beige strip ---------- */
#topBeigeRule{
	margin: 0px;
	padding: 0px;
	background-color: #D6DCD1;
	height: 20px;
	text-align: right;
	}
	

/* ---------- HOMEPAGE PROMO ---------- */
#promoHome {
	margin: 0px;
	padding:180px 0px 0px 0px;
	height: 120px;
	background-image: url(../../images/_bg_promoHome.jpg);
	background-position:top;
	}
	
#promoHome h2 {
	margin:0px 0px 40px 20px;
	padding: 0px 0px 0px 12px;
	border-left: 5px solid #666;
	color: #666;	
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;}
	

/* ---------- LEVEL 2 PROMOS ---------- */
#promoCompany {
	margin: 0px auto;
	padding: 30px 0px 0px 0px;
	height: 120px;
	background-image: url(../../images/branding_3.jpg);
	background-repeat:no-repeat;
	}
	
#promoCompany h2 {
	margin:0px 0px 0px 20px;
	padding: 0px 0px 0px 12px;
	border-left: 5px solid #666;
	color: #666;
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase; }
	
#promoProduct {
	margin: 0px auto;
	padding: 30px 0px 0px 0px;
	height: 120px;
	background-image: url(../../images/branding_6.jpg);
	background-repeat:no-repeat;
	}
#promoProduct h2 {
	margin:0px 0px 0px 20px;
	padding: 0px 0px 0px 12px;
	border-left: 5px solid #666;
	color: #666;
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase; }
	
#promoMedia {
	margin: 0px auto;
	padding: 30px 0px 0px 0px;
	height: 120px;
	background-image: url(../../images/branding_5.jpg);
	background-repeat:no-repeat;
	}
	
#promoMedia h2 {
	margin:0px 0px 0px 20px;
	padding: 0px 0px 0px 12px;
	border-left: 5px solid #666;
	color: #666;
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase; }


#promoContactUs {
	margin: 0px auto;
	padding: 30px 0px 0px 0px;
	height: 120px;
	background-image: url(../..l/images/branding_7.jpg);
	background-repeat:no-repeat;
	}
	
#promoContactUs h2 {
	margin:0px 0px 0px 20px;
	padding: 0px 0px 0px 12px;
	border-left: 5px solid #666;
	color: #666;
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase; }
	
#promoCommon {
	margin: 0px auto;
	padding: 30px 0px 0px 0px;
	height: 120px;
	background-image: url(../../images/branding_4.jpg);
	background-repeat:no-repeat;
	}
	
#promoCommon h2 {
	margin:0px 0px 0px 20px;
	padding: 0px 0px 0px 12px;
	border-left: 5px solid #666;
	color: #666;
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase; }

/* ---------- SUB NAV ---------- */

/* SUB NAV */
#subnav {
 	margin: 0px auto;
 	padding: 3px 0px 0px 0px;
	text-align:center;
	}

#subnav ul.subnavList {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	}

#subnav ul.subnavList li {
	margin: 7px 0px 0px 0px;
	display: inline;
	list-style-type: none;
	padding: 0px 20px;
	font-weight:bold;
	}

#subnav ul.subnavList li a {
	color: white;
	text-decoration: none; 
	}
#subnav ul.subnavList li a:hover { 
	color: #A6D2FF;
	text-decoration: none;
	}


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

/* SINGLE COLUMN */
#contentFull {
	text-align: left;}
	
#contentFull h3 {
	margin: 15px 20px 0px 20px;
	padding: 0px;
	font-family: "Arial Narrow", arial, sans-serif;
	font-weight: normal;
	font-size: 105%;
	color: #333;
	text-transform:uppercase;
	}
	
#contentFull p{
	margin: 0px 20px 10px 20px;
	padding: 0px;
	font-size: 80%;
	line-height: 22px;
	text-align:left;
	}
		
/* LEFT */
#contentLeft {
	float: left;
	padding: 0px;
	margin: 0px;
	width: 250px; 
	text-align: left;
	}
	
#contentLeft h3 {
	margin: 15px 20px 0px 20px;
	padding: 0px;
	font-family: "Arial Narrow", arial, sans-serif;
	font-weight: normal;
	font-size: 105%;
	color: #333;
	text-transform:uppercase;
	}
	

	
#contentLeft div.callout {
	float: left;
	width: 154px;
	height: 250px;
	margin: 5px 10px 5px 0px;
	padding: 0px;}
	
#contentLeft div.callout img {
     padding: 3px;
	 border: 1px solid #ccc;
	}
	
#contentLeft div.callout p{
	margin: 3px 0px;
	font-size: 60%;
	line-height: 13px;
	text-align:left;}
#contentLeft p{
	margin: 0px 20px 10px 20px;
	padding: 0px;
	font-size: 70%;
	line-height: 17px;
	text-align:left;
	}

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

#contentRight h3 {
	margin: 15px 20px 10px 20px;
	padding: 0px;
	font-family: "Arial Narrow", arial, sans-serif;
	font-weight: normal;
	font-size: 105%;
	color: #333;
	text-transform:uppercase;
	}
	
#contentRight h4 {
	margin: 20px 20px 5px 20px;
	padding: 0px;
	font-family: "Arial Narrow", arial, sans-serif;
	font-weight: normal;
	font-size: 90%;
	color: #333;
	font-weight:bold;
	text-transform: uppercase;
	border-bottom: 1px solid #D8DBDD;
	display: block;
	clear: both;

	}
	
#contentRight p{
	margin: 0px 20px 10px 20px;
	padding: 0px;
	font-size: 80%;
	line-height: 22px;
	text-align:left;
	}


#contentRight div.colorSwatch {
	margin: 20px 25px 20px 20px;
	padding: 3px;
	background-color: white;
	
	float: left;
	}
	
#contentRight div.colorSmall {
	margin: 10px 11px 15px 20px;
	padding: 3px;
	background-color: white;
	
	float: left;
	}
	
#contentRight div.colorSwatch p{
	font-size: 65%;
	text-align:center;
	margin: 0px 0px 3px 0px;
	}
	
#contentRight div.colorSmall p{
	font-size: 9px;
	text-align:center;
	margin: 2px 0px 2px 0px;
	line-height:9px;
	}

#contentRight ol {
	font-size: 70%;
	}
	
#contentRight ul {
	font-size: 70%;
	}
	
#contentRight ul li {
	margin: 10px 10px 10px auto;
	list-style-type: circle;}
	
/* ---------- GLOBAL WIDGETS ---------- */

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

#footer {
	clear: both;
	margin: 20px auto 0px auto;
	background-image: url(../../images/_bg_footer.gif);
	background-repeat: repeat-x;
	height: 120px;
	font-size: 11px;
	color: #666;
	}
	
#footerLeft {
float:left;
width: 250px;
}

#footerLeft p {
	margin: 6px 5px 0px 15px;
	font-size: 11px;
	line-height: 11px;
	color: #666;}

#footerRight {
	float:right;
	width: 500px; 
	}	


#footerRight p{

	margin: 6px 5px 0px 10px;
	font-size: 11px;
	line-height: 11px;
	color: #666;}
	
#footerRight p.linkage {margin: 6px 5px 0px 10px;
	font-size: 11px;
	line-height: 11px;
	color: #666;}

/* ---------- form styles ---------- */

.field {
	font-family: "Courier New", Courier, mono;
	font-size: 11px;
	color: #333;
	border-top: 1px solid #666;
	 border-right: 1px solid #ccc;
	 border-bottom: 1px solid #ccc;
	 border-left: 1px solid #666;
	 width: 300px;
	}
	
.fieldShort {
	font-family: "Courier New", Courier, mono;
	font-size: 11px;
	color: #333;
	border-top: 1px solid #666;
	 border-right: 1px solid #ccc;
	 border-bottom: 1px solid #ccc;
	 border-left: 1px solid #666;
	 width: 50px;
	}
.fieldBox {
	font-family: "Courier New", Courier, mono;
	font-size: 11px;
	color: #333;
	border-top: 1px solid #666;
	 border-right: 1px solid #ccc;
	 border-bottom: 1px solid #ccc;
	 border-left: 1px solid #666;
	 width: 300px;
	 height: 150px;
	}
	
		
label {
	font-size: 70%;
	font-weight: bold;
	text-align:right;
	color: #666;
	}
	

.btn, .btn:focus {
	background-color: white;
	border: 3px double #074482;
	color: white;
	font-size: 12px;
	font-weight: bold;
	background-image:url(../../images/_bg_formBtn.jpg);
	background-repeat:repeat-x;}