body		{background-color:#454F39;}

/* -- body of site -- */

#containAll	{margin: 0 auto;
		width:1040px;}		

#container	{width:220px;
		height:226px;
		position:relative;
		left:-25px;
		top:18px;
		z-index:900;}	

#menuLinks	{width:600px;
		height:45px;
		position:relative;
		left:190px;
		top:-59px;
		z-index:300;}	

/* -- menuLinksOneStepLonger is needed to offset the position of the menus when going to ths longer content image -- */
#menuLinksOneStepLonger	{width:600px;
		height:45px;
		position:relative;
		left:187px;
		top:-59px;
		z-index:300;}

#menuLinksTwoStepsLonger{width:600px;
		height:45px;
		position:relative;
		left:187px;
		top:-59px;
		z-index:300;}

/* -- menuTitles is the place holder for the 11 Page Titles -- */
#menuTitles	{width:250px;
		height:45px;
		position:relative;
		left:63px;
		top:-15px;
		z-index:200;}
/* -- menuTitles is the place holder for the 11 Page Titles END -- */

/* -- Main Body Text Content -- */
#textContent 	{width:638px;
		height:500px;
		position:relative;
		left:76px;
		top:-3px;
		z-index:200;}

#textContentServices{width:638px;
		height:500px;
		position:relative;
		left:91px;
		top:-3px;
		z-index:200;}

#textContentHOME{width:638px;
		height:500px;
		position:relative;
		left:72px;
		top:-57px;
		z-index:200;}

#bottomLinks	{width:500px;
		height:15px;
		position:relative;
		left:135px;
		top:139px;
		z-index:200;
		border-width:1px;
		border-style:solid;
		color:#666666;}

#bottomLinksCFIBTEXT{width: 500px;
		height:15px;
		position:relative;
		left:209px;
		top:-14px;
		z-index:200;
		border-width:1px;
		border-style:solid;
		color:#ffffff;}

#textContentHOMEPageTitle{
		width:550px;
		height:40px;
		position:relative;
		left:200px;
		top:-206px;
		z-index:300;
		}

/* -- Main Body Text Content END -- */

#content	{float:left;
		width:802px; height:840px;
		background-image: url(images/design-link3-bkgrd.jpg);
		z-index:0;}

#contentLinkHome{float:right;
		width:413px; height:142px;
		z-index:1;}

#contentHomeLink{float:right;
		width:447px; height:142px;
		z-index:1;}

#contentStepLongerLinkHome{float:right;
		width:413px; height:142px;
		z-index:1;}

#contentHOME	{float:left;
		width:802px; height:964px;
		background-image: url(images/backgroundHOME.jpg);
		z-index:0;}

#contentOneStepLonger	{float:left;
		width:802px; height:964px;
		background-image: url(images/backgroundInchLonger.jpg);
		z-index:0;}

#contentTwoStepsLonger	{float:left;
		width:802px; height:1621px;
		background-image: url(images/backgroundTwoStepsLonger.jpg);
		z-index:0;}
		
#contentLonger	{float:left;
		width:802px; height:2000px;
		background-image: url(images/backgroundLonger.jpg);
		z-index:0;}
		
#contentBackground3000	{float:left;
		width:802px; height:3000px;
		background-image: url(images/background_3000.jpg);
		z-index:0;}


/* -- body of site END -- */	

/* -- rightSide Links -- */

#rtSquaresBox	{float: right;
		display: inline;
 		position: relative;
		top:50px; left:-38px;
		width:222px; height:840px;
		z-index:400;}

#link01		{width:222px; height:109px;
		position:relative;
		top:0px;
		margin-bottom: 5px;}

#link02		{width:222px; height:109px;
		position:relative;
		margin-bottom: 5px;}

#link03		{width:222px; height:109px;
		position:relative;
		margin-bottom: 5px;}

#link04		{width:222px; height:109px;
		position:relative;
		margin-bottom: 5px;}

#link05		{width:222px; height:109px;
		position:relative;
		margin-bottom: 5px;}

#link06		{width:222px; height:109px;
		margin-bottom: 5px;
		position:relative;}
/* -- take out below two temporarily
#busJournal	{width:222px; height:60px;
		margin-bottom: 5px;
		position:relative;}

#CFIB		{width:222px; height:79px;
		margin-bottom: 5px;
		position:relative;}
*/
#credit		{width:222px; height:109px;
		margin-bottom: 5px;
		position:relative;}

/* -- rightSide Links END -- */


/* -- Title Positions -- */
/* -- title positions are used to offset slight placement errors of images with in the static 'menuTitles' block -- */
.designPos	{width:84px;
		height:35px;
		border-width:0px;
		position:relative;
		left:0px;
		top:0px;}

.papersPos	{width:76px;
		height:35px;
		border-width:0px;
		position:relative;
		left:0px;
		top:0px;}

.servicesPos	{width:91px;
		height:35px;
		border-width:0px;
		position:relative;
		left:2px;
		top:0px;}

.uploadPos	{width:86px;
		height:35px;
		border-width:0px;
		position:relative;
		left:4px;
		top:0px;}

.quotePos	{width:70px;
		height:35px;
		border-width:0px;
		position:relative;
		left:0px;
		top:0px;}

.contactPos	{width:89px;
		height:35px;
		border-width:0px;
		position:relative;
		left:1px;
		top:0px;}

.earthFriendlyPos{width:461px;
		height:35px;
		border-width:0px;
		position:relative;
		left:2px;
		top:0px;}

.waterBasedPos	{width:339px;
		height:35px;
		border-width:0px;
		position:relative;
		left:1px;
		top:0px;}

.fscPos		{width:228px;
		height:35px;
		border-width:0px;
		position:relative;
		left:4px;
		top:0px;}

.wePlantPos	{width:153px;
		height:35px;
		border-width:0px;
		position:relative;
		left:2px;
		top:0px;}

.bioBanPos	{width:232px;
		height:35px;
		border-width:0px;
		position:relative;
		left:2px;
		top:0px;}

/* -- Title Positions END -- */

/* -- Styles for Text -- */
.white{font-family:"Arial";
    font-size:18px;
    text-decoration: none;
    color:#fff;
    font-weight:normal;
}
.largeWhite{font-family:"Arial";
    font-size:21px;
    text-decoration: none;
    color:#fff;
    font-weight:normal;
}
.smallWhite{font-family:"Arial";
    font-size:13px;
    text-decoration: none;
    color:#454f39;
    font-weight:bold;
}
.green{font-family:"Arial";
    font-size:18px;
    text-decoration: none;
    color:#454f39;
    font-weight:normal;
}
.green a{font-family:"Arial";
    font-size:18px;
    text-decoration: underline;
    color:#blue;
    font-weight:normal;
}
.green a:hover{font-family:"Arial";
    font-size:18px;
    text-decoration: none;
    color:#blue;
    font-weight:normal;
}
.largeGreen{font-family:"Arial";
    font-size:27px;
    text-decoration: none;
    color:#454f39;
    font-weight:normal;
}
.largestGreenforTitle{font-family:"Arial Black";
    font-size:22px;
    text-decoration: none;
    color:#454f39;
    font-weight:normal;
}
.greenSmall{font-family:"Arial";
    font-size:15px;
    text-decoration: none;
    color:#454f39;
    font-weight:bold;
}
.bottomLinks{font-family:"Arial";
    font-size:10px;
    text-decoration: none;
    color:#eeefec;
}
/* taken out cause it was interferring with Friendly Inks link
a:link{font-family:"arial";
    font-size:11px;
    text-decoration: underline;
    color:#0000ff;
    
}
a:hover{font-family:"arial";
    font-size:11px;
    text-decoration: none;
    color:#333333;
}
*/
/* -- Styles for Text END -- */

/* -- Below are GLOBALS -- */

/*
#link01, #link02, #link03, #link04, #link05, #link06, #rtSquaresBox, #content, #menuLinks, #menuTitles, #container, #textContent, #credit, #contentOneStepLonger, #menuLinksOneStepLonger, #menuLinksTwoStepsLonger, #contentTwoStepsLonger, #textContentServices, #textContentHOME, #textContentHOMEPageTitle, #CFIB, #bottomLinks, #bottomLinksCFIBTEXT, #contentLinkHome, .designPos, .bioBanPos, .servicesPos, .uploadPos, .quotePos, .contactPos, .earthFriendlyPos, .waterBasedPos, .wePlantPos, .papersPos
		{border-width:1px;
		border-style:solid;
		color:#ffffff;}

*/
/* -- below are globals END -- */