body{	
	padding:0;
    	margin: 0;
    	FONT-FAMILY: Arial;
     	FONT-SIZE: small;
    	line-height: 250%;    
   	color:#666;
   	background-color:#FFFDF7;
	}


p{
	/* BACKGROUND-COLOR: #ffbbbb; */
	}


/* --- Page backgrounds --- */

.howto{	
	background-image: url("graph-paper.gif");
	background-repeat:repeat;
	}

/*
body#construction{	
	background-image: url("logo-tools.gif");
	background-position: 150px right;
	background-repeat: no-repeat;
	}
*/
	

.header{
   	width:100%;
   	text-align:center;
   	height:79px;
   	line-height:150%;
    	color:#fff;
	background-image: url("woodgrain-all.jpg");
	background-repeat: repeat-x;
	}

.navigation{
	/* top navigation menu */
	line-height: 150%;    
	color:#f00;
	text-align: center;   	
   	width:100%;
   	margin:0 auto;
	background-image: url("woodgrain-all.jpg");
	background-repeat: repeat-x;
	background-position: 0px -80px;
	
	/* -- Firefox needs a height before rendering background color -- */
   	height:33px;
	font-size:16px; /* Absolute size to retain text in fixed height - revisit this for Firefox*/
	}

.content{
  	width:80%;	
 	margin-top:40px;
  	margin-left:10%;
  	text-align:left; 
	}

/* changes if rhs ad tower is used with tables*/
/*
.content{
 	margin-top:40px;
  	margin-left:10px;
  	margin-right:178px;
  	text-align:left; 
	BACKGROUND-COLOR: #ff00aa;
	}

.adtower{
  	float:right;
  	width:160px;
 	margin-top:100px;
  	margin-right:4px;
  	text-align:left; 
	BACKGROUND-COLOR: #ffffaa;
	color:#333;
	}
*/


.rightbox{
	float:right;
	text-align:center;
	padding:0 4px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
	color:#333;
	}

.centerbox{
	text-align:center;
	clear:both;
	}

.leftbox{
	float:left;
	text-align:center;
	padding:0 4px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
	color:#333;
	}

.backbox{
	BORDER: #ccc 1px solid;
	BACKGROUND-COLOR: #f8f8f8;
	padding:8px 8px 16px 8px;
	text-align:center;
	width:80%;
	margin:2.0em auto 1.0em auto;
	}


.dashbox{
	BORDER: #ccc 1px dashed;
	BACKGROUND-COLOR: #f8f8f8;
	padding:8px;
	}

.warningbox{
	BORDER: #B0A18E 6px solid;
	BACKGROUND-COLOR: #f8f8f8;
	padding:8px;
	}

.clearbox{
	padding:48px 8px;
	}
	
.featurebox{
	BACKGROUND-COLOR: #F9F4E3;
	background-image: url("folded-corner.gif");
	background-repeat:no-repeat;
	background-position:top right;
	border-bottom:2px solid #F2EDDD;
	border-left:2px solid #F2EDDD;
	padding:8px 40px 8px 40px;
    	line-height: 200%;    
	margin:0 auto;
	}

.quotebox{

	background-color:#fff;
	background-image: url("quote.gif");
	background-repeat:no-repeat;
	background-position:top left;
	padding:26px 8px 20px 45px;
	border:1px dashed #aaa;
	color:#aaa;
    	line-height: 200%;    
	font-weight:bold;
	font-style:italic;		
	}

.date{
	width:100%;
	color:#999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
	font-style:italic;		
	text-align:right;
	}

.navbar{
	/* footer navigation */
	clear:both;
	width:100%;
	height:38px;
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
	font-weight:bold;
	padding:6px 0;
	margin-top:10px;
	line-height:200%;
	text-align:left;
	
	background-image: url("woodgrain-all.jpg");
	background-position: 0px -113px;
	/*background-image: url("n83-wood.jpg");*/
	background-repeat: repeat-x;
	}

.navbar div{
	width:18%;
	padding-left:8px;
	text-align:center;
	float:left;
	padding-top:4px;
	}


/*-- span highlights--*/

.extratitle{
    	FONT-WEIGHT: bold;
    	FONT-SIZE: x-large;
    	FONT-FAMILY: "Trebuchet MS", Arial;
    	color:#F0D052;
    	color:#B0A18E;
    	font-style:italic;	
	}

.errorpage{
	color:#ddd;
    	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-weight:bold;
    	FONT-SIZE: xx-large;
	font-style:italic;	
	}	
	

.redstandard{
	color:#c03;
	font-weight:bold;
	}	

.ltredstandard{
    	color:#DB5B6D;
	font-weight:bold;
	}

.pinkstandard{
    	color:#ff9999;
	font-weight:bold;
	}

.greenstandard{
	color:#0a0;
	font-weight:bold;
	}	

.limestandard{
    	color:#83C412;
	font-weight:bold;
	}	


.bluestandard{
	color:#06c;
	font-weight:bold;
	}
	
.ltbluestandard{
	color:#69c;
	font-weight:bold;
	}

.charcoal{
	color:#666;
	font-weight:bold;
	}

.greystandard{
	color:#999;
	font-weight:bold;
	}

.brownstandard{
	/*color:#E3B35F;*/
	color:#B18E51;
	font-weight:bold;
	}
	
.sandstandard{
    	color:#E0DF98;
	font-weight:bold;
	}
	
.purplestandard{
    	color:#D600C4;
	font-weight:bold;
	}

.woodstandard{
    	color:#998367;
	font-weight:bold;
	}

.small{
	FONT-SIZE: x-small;
	FONT-FAMILY: Verdana;
	color:#666; 
	}


/*-- span highlights in Italic --*/


.redlight{
	color:#c03;
	font-weight:bold;
	font-style:italic;	
	}

.greenlight{
	color:#0a0;
	font-weight:bold;
	font-style:italic;	
	}	

.limelight{
    	color:#83C412;
	font-weight:bold;
	font-style:italic;	
	}	

.bluelight{
	color:#06c;
	font-weight:bold;
	font-style:italic;	
	}
	
.bluelight{
	color:#069;
	font-weight:bold;
	font-style:italic;	
	}

.ltbluelight{
	color:#69c;
	font-weight:bold;
	font-style:italic;
	}

.charcoallight{
	color:#888;
	font-weight:bold;
	font-style:italic;
	}
	
.greylight{
	color:#999;
	font-weight:bold;
	font-style:italic;
	}
	
.brownlight{
	color:#E3B35F;
	font-weight:bold;
	font-style:italic;
	}

.sandlight{
    	color:#E0DF98;
	font-weight:bold;
	font-style:italic;
	}
	
.pinklight{
    	color:#ff9999;
	font-weight:bold;
	font-style:italic;
	}

.purplelight{
    	color:#D600C4;
	font-weight:bold;
	font-style:italic;
	}

.woodlight{
    	color:#B0A18E;
	font-weight:bold;
	font-style:italic;
	}


/*-- Links --- */

A:link{
	font-weight:bold;    
	COLOR: #06f;
    	BORDER-BOTTOM: none;
    	TEXT-DECORATION: underline;
	}

A:visited{
	font-weight:bold;    
    	COLOR: #80a4a4;
    	BORDER-BOTTOM: #80a4a4 1px dashed;
    	TEXT-DECORATION: none;
	}

A:hover{
	font-weight:bold;    
    	COLOR: #f36;
    	BORDER-BOTTOM: #f36 1px dashed;
    	TEXT-DECORATION: none;
	}

A:active{
	font-weight:bold;    
    	COLOR: #80a4a4;
     	BORDER-BOTTOM: #80a4a4 1px dashed;
    	TEXT-DECORATION: none;
	}

/*--navigation links at top and bottom of page --*/

.navigation a, .navbar a {
	
	display:block;
	padding:2px 0px;
	width:100%;	
    	BORDER-BOTTOM: none;
    	TEXT-DECORATION: none;
	}

.navigation a:link, .navbar a:link {
	color:#ddc;
    	BORDER-BOTTOM: none;
    	TEXT-DECORATION: none;
	}

.navigation a:visited, .navbar a:visited {
	color:#ddc;
    	BORDER-BOTTOM: none;
    	TEXT-DECORATION: none;
	}

.navigation a:hover, .navbar a:hover {
	color:#fff;
	background-color:#523F36;
    	BORDER-BOTTOM: none;
    	TEXT-DECORATION: none;
	}

.navigation a:active, .navbar a:active {
	color:#ddc;
    	BORDER-BOTTOM: none;
    	TEXT-DECORATION: none;
	}	

/* Style top navigation link for current page */

#inspiration a#insp,
#porting a#port,
#design a#desi,
#construction a#cons,
#integration a#inte,
#communication a#comm {
	color: #EFD2A0;
	} 


/*-- Links for sitemap --- */

#sitemap A:link{
	font-weight:bold;    
	COLOR: #69f;
    	BORDER-BOTTOM: none;
    	TEXT-DECORATION: none;
	}

#sitemap A:visited{
	font-weight:bold;    
    	COLOR: #69f;
    	BORDER-BOTTOM: #ccc 1px dashed;
    	TEXT-DECORATION: none;
	}

#sitemap A:hover{
	font-weight:bold;    
    	COLOR: #f36;
    	BORDER-BOTTOM: #f36 1px dashed;
    	TEXT-DECORATION: none;
	}

#sitemap A:active{
	font-weight:bold;    
    	COLOR: #69f;
    	BORDER-BOTTOM: #69f 1px dashed;
    	TEXT-DECORATION: none;
	}

/*-- Links for images --- */

A.imglink:link{
   	BORDER-BOTTOM: none;
    	TEXT-DECORATION: none;
	}

A.imglink:visited{
    	BORDER-BOTTOM: none;
    	TEXT-DECORATION: none;
	}

A.imglink:hover{
	font-weight:bold;    
       	BORDER-BOTTOM: #f36 1px dashed;
    	TEXT-DECORATION: none;
	}

A.imglink:active{
    	BORDER-BOTTOM: none;
    	TEXT-DECORATION: none;
	}

/*-- Link for header images --- */

.header a:link{
   	BORDER-BOTTOM: none;
    	TEXT-DECORATION: none;
	}

.header a:visited{
    	BORDER-BOTTOM: none;
    	TEXT-DECORATION: none;
	}

.header a:hover{
	font-weight:bold;    
    	BORDER-BOTTOM: none;
    	TEXT-DECORATION: none;
	}

.header a:active{
    	BORDER-BOTTOM: none;
    	TEXT-DECORATION: none;
	}

/*-- Headings--*/

h1{
    	FONT-WEIGHT: bold;
    	FONT-SIZE: xx-large;
    	FONT-FAMILY: "Trebuchet MS", Arial;
    	color:#98E10B;
	font-style:italic;	
	}

/*	---------------------------------------------------------------------------------------
	
	IMAGE REPLACEMENT FOR H1 
	
	Leahy-Langridge method plus...
	IE5.5 hack
	Common code moved to class to save space in CSS file
	Filename placed inline in HTML to save on bloat in CSS file from 150+ image specs
	Title attribute in HTML for screen readers and hover

	Sample HTML
	<h1 class="replace" title="My Title" style="background-image: url('headings/home.gif');">My Title</h1>
	
	Current image spec 700px * 53px
	Smudger LET 28pt bold color=#98E10B  
	Black dropshadow  Opacity 71   Blur 12.7  Offsets 4px   Layer contribution 20%

	---------------------------------------------------------------------------------------
*/

h1.replace {
	padding: 53px 0 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
	height: 0px !important; /* for most browsers */
	height /**/:53px; /* for IE5.5's bad box model */
	} 


H2{
    	FONT-WEIGHT: bold;
    	color:#D36005;
    	FONT-FAMILY: Arial;
    	color:#888;
	}

H3{
    	FONT-WEIGHT: bold;
    	FONT-SIZE: medium;
    	FONT-FAMILY: Arial;
    	color:#777;
	}

H4{
	FONT-WEIGHT: bold;
    	FONT-SIZE: small;
    	FONT-FAMILY: Arial;
    	color:#000; 
	}
	
.featurebox H4{
	FONT-WEIGHT: bold;
    	FONT-SIZE: large;
    	FONT-FAMILY: "Trebuchet MS", Arial;
    	color:#C5A475;
	font-style:italic;	
	}

H5{
	FONT-WEIGHT: bold;
    	FONT-SIZE: small;
    	FONT-FAMILY: Arial;
	display:inline;
	padding:0 0.5em 0 0;
	color:#000;    
	}

H6{
    	FONT-WEIGHT: bold;
    	FONT-SIZE: x-small;
    	FONT-FAMILY: Arial; 	
    	color:#000; 
	}
	
	

	

/*-- Lists--*/

/* ----------------------------------------------------------------------------
      Background images for bullets work for more browsers      
       according to:                                                                  

       http://css.maxdesign.com.au/listamatic/vertical05.htm       
 ----------------------------------------------------------------------------*/

ul {
	list-style:none;	
	margin-left:32px;
	padding-left:0; 
	}

ul li {		
	padding-left:30px; 
	background-image: url("bullet-blue.gif"); 
	background-repeat:no-repeat;
	background-position:0 1.1em;
	}

.ticklist {
	list-style:none;	
	margin-left:32px;
	padding-left:0; 	
	}

.ticklist li {		
	padding-left:30px; 
	background-image: url("check-yes.gif"); 
	background-repeat:no-repeat;
	background-position:0 0.7em;
	}

.portlist {
	list-style:none;	
	margin-left:32px;
	padding-left:0; 	
	}

.portlist li {		
	padding-left:30px; 
	background-image: url("check-port.gif"); 
	background-repeat:no-repeat;
	background-position:0 0.7em;
	}


/*-- XML won't allow nested ul's - apply these clases only to the li to be indented on sitemap --*/

.in1 {
	list-style:none;	
	margin-left:200px;
	padding-left:30px; 
	}

.in2 {
	list-style:none;	
	margin-left:400px;
	padding-left:30px; 
	}

/* ---  display indented ticks for XHTML validated pages on sitemap-- */
.conv {		
	padding-left:30px; 
	background-image: url("check-yes.gif"); 
	background-repeat:no-repeat;
	background-position:0 0.7em;
	}

.convin1 {
	background-image: url("check-yes.gif"); 
	background-repeat:no-repeat;
	background-position:0 0.7em;
	list-style:none;	
	margin-left:200px;
	padding-left:30px; 
	}

.convin2 {
	background-image: url("check-yes.gif"); 
	background-repeat:no-repeat;
	background-position:0 0.7em;
	list-style:none;	
	margin-left:400px;
	padding-left:30px; 
	}
	

/* --- special section for sitemap to display ticks for XHTML converted pages NOT validated -- */
.partial {		
	padding-left:30px; 
	background-image: url("check-partial.gif"); 
	background-repeat:no-repeat;
	background-position:0 0.7em;
	}

.partialin1 {
	background-image: url("check-partial.gif"); 
	background-repeat:no-repeat;
	background-position:0 0.7em;
	list-style:none;	
	margin-left:200px;
	padding-left:30px; 
	}

.partialin2 {
	background-image: url("check-partial.gif"); 
	background-repeat:no-repeat;
	background-position:0 0.7em;
	list-style:none;	
	margin-left:400px;
	padding-left:30px; 
	}

/* -- list used for links in top navigation div -- */

.navigation ul {
	width:99%;
	margin:0 auto;
	text-align:center;
	padding-left:2px; 
	list-style:none;
	}

.navigation ul li {
	display:inline;
	background-image:none; 
	width:12%;
	margin-left:20px;
	float:left;
	padding-left:0px;  	
	}

/* ----- Images ---- */

img {
	border:none;
	vertical-align:middle;
	}

/* ----- Drop shadow as detailed at http://www.alistapart.com/articles/onionskin/   -- */

/*--fix for mac/IE see article for details of commented backslash hack---*/

.wrap1, .wrap2, .wrap3 {
  	display:inline-table;
  	/* \*/display:block;/**/
	}

/*--outermost--*/
.wrap1 {
  	float:right;
  	background:url(ds_shadow.gif) right bottom no-repeat;
  	margin: 0 8px;
	}

.wrap2 {
  	background:url(ds_corner_bl.gif) left bottom no-repeat;
	}

.wrap3 {
  	padding:0 8px 8px 0;
  	background:url(ds_corner_tr.gif) right top no-repeat;
	}

/*--innermost--*/
.wrap4 {
  	background-color: #f00;
  	padding: 4px;
  	border:1px solid #999;
	}


/*-- prevent unwanted white space when an image is used ----*/

.wrap4 img {
    	display:block;
	}

/*-- forms --*/

form	{
	border:1px dashed #ccc;
	border:1px solid #9DADBB;
	
	background-color:#f8f8f0;
	background-color:#CBD3DB;
	margin:0 auto;
	}

fieldset{
	border:none;
	text-align:center;
	}

form.calculator	{
	width:60%;
	background-color:#FEF7E0;
	}

/*-- search box in top navigation area --*/

.navigation form{
	border:none;
   	background-color:#7D6750;
	width:12%;
	}

.navigation input{
	border:none;
	margin-top:3px;
   	background-color:#fff;
	color:#666;
	}

.navigation fieldset{
	border:none;
	margin:0px;
	padding:0px;
	}

/*-- tables --*/

table.layout{
	border:none;
	text-align:left;
	margin:0 auto;
	}	
table.layout td{
	vertical-align:top;
	}



table.testimonial{
	border:1px dashed #ccc;
	text-align:left;
	background-color:#fff;
	margin:0 auto;
	line-height:1.2em;
	font-size:x-small;
	font-style:italic;
	}	
table.testimonial tr.tablehead {
	background-color:#fdeec1;
	font-weight:bold;
	text-align:center;
	font-size:small;
	}
table.testimonial tr.tablerow {
	background-color:#fef5da;
	}
table.testimonial td{
	padding:16px;
	}

table.gold{
	border:1px dashed #ccc;
	text-align:center;
	background-color:#fff;
	margin:0 auto;
	line-height:1.2em;
	color:#000;
	}
table.gold tr.tablehead {
	background-color:#fdeec1;
	font-weight:bold;
	}
table.gold tr.tablerow {
	background-color:#fef5da;
	}
table.gold td{
	padding:1px;
	}

table.blue{
	border:1px dashed #ccc;
	text-align:left;
	background-color:#fff;
	margin:0 auto;
	line-height:1.5em;
	font-weight:bold;
	}
table.blue tr.tablehead {
	background-color:#cde;
	font-weight:bold;
	}
table.blue tr.tablerow {
	background-color:#def;
	}
table.blue td {
	padding:0 8px;
	}

table.grey{
	border:1px solid #ccc;
	text-align:center;
	background-color:#fff;
	margin:0 auto;
	line-height:1.5em;
	color:#000;
	border-collapse:collapse;
	}

table.grey tr {
	background-color:#eee;
	}
table.grey tr.tablehead {
	background-color:#39c;
	color:#fff;
	font-weight:bold;
	}
table.grey tr.tablerow {
	background-color:#fc9;
	}
table.grey td {
	border:1px solid #fff;
	}

table.ltgrey{
	border:1px solid #ccc;
	text-align:center;
	background-color:#f8f8f8;
	margin:0 auto;
	line-height:1.5em;
	color:#000;
	border-collapse:collapse;
	}
table.ltgrey tr.tablehead {
	background-color:#39c;
	color:#fff;
	font-weight:bold;
	}
table.ltgrey tr.tablerow {
	background-color:#fff;
	}
table.ltgrey td{
	padding:8px;
	}

table.flares{
	border:1px solid #ccc;
	text-align:center;
	background-color:#fff;
	margin:0 auto;
	line-height:1.5em;
	color:#000;
	font-weight:bold;
	border-collapse:collapse;
	}
table.flares tr {
	background-color:#cdc;
	}
table.flares tr.tablehead {
	color:#fff;
	background-color:#36c;
	}
table.flares tr.tablerow {
	background-color:#ddd;
	}
table.flares td {
	border:1px solid #fff;
	}

table.flares td.colhead {
	background-color:#bcb;
	}
table.flares td.colheadrow {
	background-color:#ccc;
	}

table.ts{
	border:1px solid #ccc;
	text-align:left;
	background-color:#f8f8f8;
	margin:0 auto;
	line-height:1.5em;
	color:#000;
	border-collapse:collapse;
	}
table.ts tr.tablehead {
	background-color:#39c;
	color:#fff;
	font-weight:bold;
	}
table.ts tr.tablerow {
	background-color:#fff;
	}
table.ts td{
	padding:6px;
	padding-left:12px;
	}

table.brown{
	border:1px dashed #ccc;
	text-align:left;
	background-color:#f8f8f8;
	margin:0 auto;
	line-height:1.5em;
	font-weight:bold;
	}
table.brown tr.tablehead {
	background-color:#ddb;
	font-weight:bold;
	}
table.brown tr.tablerow {
	background-color:#eec;
	}
table.brown td {
	padding:0 8px;
	}
	
table.buff{
	border:1px dashed #ccc;
	text-align:left;
	background-color:#fff;
	margin:0 auto;
	line-height:1.5em;
	font-weight:normal;
	}
table.buff tr.tablehead {
	background-color:#F1EEBB;
	font-weight:bold;
	}
table.buff tr.tablerow {
	background-color:#F8F6DA;
	}
table.buff td {
	padding:0 8px;
	}