body { background-color: #ffffff;}

/* this is the css for test layout without tables*/

/*TOP SECTION ID'S*/
#topsection1 	{ position: absolute; left: 2px; top:0px;}

#topsection2	{ position: absolute; left: 312px; top:0px;}

#topsection3	{ position: absolute; left: 543px; top:0px;}
/*--------------------------------------------------------------------*/


/*MID SECTION ID'S*/

#midsection1  { position: absolute; left:2px; top: 85px;}
#midsection2 	{ /*background-image: url(images/awaken.jpg);*/
				  position:absolute; left: 202px; top: 85px; }
				  
#midsection3	{ position: absolute; left:402px; top:85px; }

#midsection4	{ position: absolute; left:602px; top:85px; /* background-image: url(images/prepare.jpg);*/}
/*------------------------------------------------------------------*/

/*NAV ID*/

#nav { background-color: #333333; position: absolute; left:2px; top: 227px; }

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

.dropdown	{	position:absolute;
				left: 402px;
				top: 230px;}

.bgroundimage {background-image: url(images/awaken.jpg);}		
				
.quote		{font-weight: bold; font-family: arial, helvetica, sans-serif;
			font-size:11pt; 
			color: #333333;
			text-align: center;}	
			
.quotenumber {font-weight: bold; font-family: arial, helvetica, sans-serif;
			  font-size:14pt; 
			  color: #333333;}	

.indexlist {font-family: arial, helvetica, sans-serif;
			font-size:8pt; 
			color: #333333;
			background-color: white; 
			width: 410px;
			padding-bottom: 22px; 
			padding-left: 22px;	}	
			
				
				
.bold {font-weight: bold; font-family: arial, helvetica, sans-serif;
			/*font-size:8pt;*/ 
			color: #333333;}		
				

#background {position: absolute; left: 2px; top: 274px; }

/*
#maincontent {position: absolute; top: 0px; left: 75px; font-size: 12px; font-family: Verdana, sans-serif; color: black; }
*/

/*index page box ids*/

#boxmaintenance { position:absolute; left: 472px; top: 307px;}
#boxmaintenancetext { position:absolute; left: 476px; top: 334px;
						font-size:8pt; color: white;
						width:106px; text-align:right;
						font-family:arial, helvetica, sans-serif;
						line-height: 95%}
#getdiggy { position:absolute; left: 598px; top: 307px;}					

#boxconstruction	{ position:absolute; left: 472px; top: 405px;}
#boxconstructiontext { position:absolute; left: 476px; top: 432px;
						font-size:8pt; color: white;
						width:106px; text-align:right;
						font-family:arial, helvetica, sans-serif;
						line-height: 95%}
#newpath { position:absolute; left: 598px; top: 405px;}


#boxirrigation { position:absolute; left: 472px; top: 503px;}
#boxirrigationtext { position:absolute; left: 476px; top: 535px;
						font-size:8pt; color: white;
						width:106px; text-align:right;
						font-family:arial, helvetica, sans-serif;
						line-height: 95%}
#quenchit { position:absolute; left: 598px; top: 503px;}


#boxlighting { position:absolute; left: 472px; top: 601px;}
#boxlightingtext { position:absolute; left: 476px; top: 633px;
				 font-size:8pt; color: white;
				 width:106px; text-align:right;
				 font-family:arial, helvetica, sans-serif;
				 line-height: 95%}
#illuminate { position:absolute; left: 598px; top: 601px;}


#boxdesign { position:absolute; left: 472px; top: 700px;}
#boxdesigntext { position:absolute; left: 476px; top: 727px;
						font-size:8pt; color: white;
						width:106px; text-align:right;
						font-family:arial, helvetica, sans-serif;
					line-height: 95%}

#inspiration{ position:absolute; left: 598px; top:700px;}




#maincontent {	background-color: white; width: 409px;
				position: absolute; left: 30px; top: 346px;
				padding-left: 12px;
				font-family: arial, helvetica, sans-serif;
				font-size:0.7em; 
				color: #333333;
				height: 420px;
				overflow: scroll;}
				
#index_anyjunk_logo	{position:absolute; top:779px; left:40px;}
#anyjunk_text		{position:absolute; top:771px; left:120px;
					 width:100px; height:50px; line-height: 95%;
					 font-family: arial, helvetica, sans-serif;
				font-size:0.7em; 
				color: #333333f;
				background-color: #ffffff;
				padding:4px;
				border-style: solid; border-width:thin; border-color: #666666;}
#index_gigb_logo	{position:absolute; top: 792px; left:240px;}
#gigb_text			{position:absolute; top: 771px; left: 339px;
					 width:100px; height:50px; line-height: 95%;
					 font-family: arial, helvetica, sans-serif;
				font-size:0.7em; 
				color: #333333;
				background-color: #ffffff;
				padding:4px;
				border-style: solid; border-width:thin; border-color: #666666;}


/*design page box ids*/
#designtabcontent { position:absolute; left: 32px; top:306px;}
#designmaincontent {	background-color: white; width: 395px;
				position: absolute; left: 32px; top: 547px;
				padding-left: 12px;
				font-family: arial, helvetica, sans-serif;
				font-size:0.7em; 
				color: #333333;
				height: 250px;
				overflow: scroll;			}

#box1 { position:absolute; left: 472px; top: 347px;}
#masterplan { position:absolute; left: 596px; top: 347px;}

#box2 { position:absolute; left: 472px; top: 445px;}
#designinspiration { position:absolute; left: 596px; top: 445px;}

#box3 { position:absolute; left: 472px; top: 543px;}
#plantplan { position:absolute; left: 596px; top: 543px;}

#designimageblock {position:absolute; left:32px; top:347px;}

#designcallus {position:absolute; left: 540px; top: 752px;}

#bottomspace {position: absolute; left: 2px; top: 752px;}

#menubox { position: absolute; left: 598px; top: 277px;}

#tabcontent { position:absolute; left:30px; top:306px; }							
								
								
/*#textpos	{ position-absolute: left:48; top: 349;}		*/						


/* lighting page ids*/

#lightingimageblock {position:absolute; left:32px; top:347px;}
#lightingtabcontent { position:absolute; left: 32px; top:309px;}
#lightingmaincontent {	background-color: white; width: 395px;
				position: absolute; left: 33px; top: 547px;
				padding-left: 12px;
				font-family: arial, helvetica, sans-serif;
				font-size:0.7em; 
				color: #333333;
				height: 250px;
				overflow: scroll;	}
				
#lightingtesttab {position:absolute; left: 464px; top: 347px;}
#lightingtestblock {position:absolute; left: 464px; top: 410px;
					background-color: white; width: 316px;
					padding-left: 12px;
					font-family: arial, helvetica, sans-serif;
					font-size:0.7em; font-style: italic;
					color: #333333;
					text-align: left;
					height: 150px;
					overflow:scroll;
					}
					
					
#lightingslideshow {position:absolute; left:464px; top: 590px; border-style:solid; border-width:thin; border-color: #ffffff;}

#lightingproduct_links	{position:absolute; left: 30px; top:120px;}

/* irrigation ids */

#irrigationtabcontent { position:absolute; left: 32px; top:306px;}
#irrigationimageblock {position:absolute; left:32px; top:342px;  background-image: url(irrigation_block.jpg);}
#irrigationmaincontent {	background-color: white; width: 395px;
							position: absolute; left: 33px; top: 544px;
							padding-left: 12px;
							font-family: arial, helvetica, sans-serif;
							font-size:0.7em; 
							color: #333333;
							height: 270px;
							overflow: scroll;	}
#irrigationtesttab {position:absolute; left: 464px; top: 347px;}
#irrigationtestblock {position:absolute; left: 464px; top: 410px;
					background-color: white; width: 316px;
					padding-left: 12px;
					font-family: arial, helvetica, sans-serif;
					font-size:0.7em; font-style: italic;
					color: #333333;
					text-align: left;
					height: 200px;
					overflow:scroll;
					}
#irrigationslideshow {position:absolute; left:464px; top: 620px; border-style:solid; border-width:thin; border-color: #ffffff;}
	
	
	
/*construction ids*/
#constructiontabcontent { position:absolute; left: 32px; top:306px;}
#constructionimageblock {position:absolute; left:32px; top:347px;}
#constructionmaincontent {	background-color: white; width: 395px;
							position: absolute; left: 33px; top: 547px;
							padding-left: 12px;
							font-family: arial, helvetica, sans-serif;
							font-size:0.7em; 
							color: #333333;
							height: 240px;
							overflow: scroll;	}

#constructiontesttab {position:absolute; left: 464px; top: 347px;}
#constructiontestblock {position:absolute; left: 464px; top: 410px;
					background-color: white; width: 314px;
					padding-left: 12px;
					font-family: arial, helvetica, sans-serif;
					font-size:0.7em; font-style: italic;
					color: #333333;
					text-align: left;
					height: 150px;
					overflow:scroll;
					}
#constructionslideshow {position:absolute; left:464px; top: 587px; border-style:solid; border-width:thin; border-color: #ffffff;}
	
	
	
	

/*contact*/

#contacttabcontent { position:absolute; left: 32px; top:316px;}
#contactmaincontent {	background-color: white; width: 394px;
				position: absolute; left: 32px; top: 354px;
				padding-left: 12px;
				font-family: arial, helvetica, sans-serif;
				font-size:0.7em; 
				color: #333333;
				height: 450px;
				overflow: scroll;			}
table.contact {font-family: arial, helvetica, sans-serif;
				font-size:1em; 
				color: #333333;}
				
#contactsideimage {position:absolute; left: 426px; top: 316px;
					background-color: white; width: 314px;
					padding: 22px;
					height: 488px;
					font-family: arial, helvetica, sans-serif;
				font-size:0.7em; 
				color: #333333;
					
					}

/*maintenance ids*/


#maintenancetabcontent { position:absolute; left: 32px; top:306px;}
#maintenancemaincontent {	background-color: white; width: 394px;
				position: absolute; left: 33px; top: 547px;
				padding-left: 12px;
				font-family: arial, helvetica, sans-serif;
				font-size:0.7em; 
				color: #333333;
				height: 250px;
				overflow: scroll;			}
				
#maintenanceimageblock {position:absolute; left:31px; top:347px;}			



#maintainbox1 { position:absolute; left: 472px; top: 347px;}
#maintenance { position:absolute; left: 596px; top: 347px;}

#maintainbox2 { position:absolute; left: 472px; top: 445px;}
#lawncare { position:absolute; left: 596px; top: 445px;}

#maintainbox3 { position:absolute; left: 472px; top: 543px;}
#windowbox { position:absolute; left: 596px; top: 543px;}

#anyjunk_logo	{position:absolute; left: 589px; top:640px ; }

#maintaincallus {position:absolute; left: 540px; top: 752px;}
/*------------------------------------------------------------------------------------------*/
			
.rightbold		{font-family: arial, helvetica, sans-serif;
				font-size:9pt; font-weight: bold;
				color: #333333;	}
				
/* content links for use on white content background*/
					
a:link.contentlinks {color:#333333; text-decoration:none; font-size:8pt;
					font-family: arial, helvetica, sans-serif; 
					}
a:visited.contentlinks {color:#999999; text-decoration:none; font-size:8pt;
					font-family: arial, helvetica, sans-serif; 
					}
a:hover.contentlinks {color:#99ccff; text-decoration:none; font-size:8pt;
					font-family: arial, helvetica, sans-serif;}
a:active.contentlinks {color:#cccccc; text-decoration:none; font-size:8pt;
					font-family: arial, helvetica, sans-serif;
					}



#popcontent 	{background-color: #cccccc; width: 400px;
				border-style: dotted; border-width: thin;
				border-color: silver;
				padding: 5px;
				font-family: arial, helvetica, sans-serif; 
				font-size:0.7em; 
				color: #333333;
				height:400px;
				overflow:scroll;
					}
				
/*-------------------------------------------------------------------------------------*/
							
							
/*design masterplan/inspiration/justplants ids - the following ids all correlate to ALL of the design subpages
maintenance gardenmaintain/lawncare/windowboxes - the following ids also relate to the maintenance sub pages*/							
							
#masterplanimage { position:absolute; left: 32px; top:316px;}

#mastermaincontent {	background-color: white; width: 394px;
				position: absolute; left: 32px; top: 412px;
				padding-left: 12px;
				font-family: arial, helvetica, sans-serif;
				font-size:0.7em; 
				color: #333333;
				height: 400px;
				overflow: scroll;			}

#masterplantab {position:absolute; left: 204px; top:316px;}
				
#mastersideimage {position:absolute; left: 426px; top: 316px;
					background-color: white; width: 316px;
					padding: 22px;
					height: 495px;
					font-family: arial, helvetica, sans-serif;
				font-size:0.7em; 
				color: #333333;}
				
	/*-----------------------------------------------------------------------------------*/			
				
			
#bottomlinks {		
					background-color: #333333;
					width: 800px;
					position: absolute; top:842px; 
					left: 2px; font-family: arial, helvetica, sans-serif;
					font-size:8pt; 
					color: #999999;
					text-align: center;	}
			
			
			
	
.bottomlinks {		font-family: arial, helvetica, sans-serif;
					font-size:8pt; 
					color: #999999;
					text-align: center;	}
				
					
a:visited.botlinks {color:#999999; text-decoration:none; font-size:8pt;
					font-family: arial, helvetica, sans-serif; }
a:active.botlinks {color:#cccccc; text-decoration:none; font-size:8pt;
					font-family: arial, helvetica, sans-serif; }
a:link.botlinks {color:#ffffff; text-decoration:none; font-size:8pt;
					font-family: arial, helvetica, sans-serif; }
a:hover.botlinks {color:#99ccff; text-decoration:none; font-size:8pt;
					font-family: arial, helvetica, sans-serif; }

a:visited.toplinks {color:#999999; text-decoration:none; font-size:8pt;
					font-family: arial, helvetica, sans-serif; 
					vertical-align: super;}
a:active.toplinks {color:#cccccc; text-decoration:none; font-size:8pt;
					font-family: arial, helvetica, sans-serif;
					vertical-align: super; }
a:link.toplinks {color:#ffffff; text-decoration:none; font-size:8pt;
					font-family: arial, helvetica, sans-serif; 
					vertical-align: super;}
a:hover.toplinks {color:#99ccff; text-decoration:none; font-size:8pt;
					font-family: arial, helvetica, sans-serif;
					vertical-align: super; }
					
			
.tiny 		{ 	color: #999999;
		 		font-size: 7pt;
		 		font-family: arial, helvetica, sans-serif;}
		 
p.special 	{	color: #666666;
				font-size: 8pt;
				font-family: arial, helvetica, sans-serif;}
			
h2			{	font-weight:bold;
	 			color: #666666;
	 			font-size: 11pt;
				font-family: arial, helvetica, sans-serif;}
				
				
				
				
				/*---------------------------------*/
				
#whychoose	{border-style: dotted; border-width: thin;
				border-color: silver;
				background-image: url(images/tiny_grey.gif);
				padding: 5px;}
				
				
.bigbold	{font-weight: bold; font-family: arial, helvetica, sans-serif;
			font-size: 1.5em;
			}	

/* .borderdot { border-color:#999999; border-style: dotted; border-width:thin; margin: 4px; padding-left: 5px; background-color:#ffffff}*/

 
/* td.leftdots { color: black; border-style: dotted; border-width:thin; margin: 2px; border-right; border-top; border-bottom; padding-left: 5px;}
.topdots {color: #999999; border-style: dotted; border-width:thin; margin: 2px; border-right; border-bottom; border-left; padding-left: 5px;}*/

/*p.leftdots { color: #ffffff; border-style: dotted; border-width:thin; margin: 2px; border-top; border-bottom; padding-left: 5px;}*/

p {color: #333333; font-size: 9pt; font-family: arial, helvetica, sans-serif;}

p.italic {	 color: #999999;
			 font-size:8pt;
			 font-family: arial, helvetica, sans-serif;
			 font-style: italic; }

.padded {padding-right:30px;}

span.crumbs {color: #999999; 
			font-size: 8pt;
			font-family: arial, helvetica, sans-serif;
			vertical-align: super;}
			
			
span.botcrumbs {color: #999999; 
			font-size: 8pt;
			font-family: arial, helvetica, sans-serif;}	


ul {list-style-type: disc; }

.italic {font-style: italic;}

span.dashborder {border: 0.15em dashed #000000;}