/*Jolly Green Designs CSS, authored by John Serrao - all code is freely available under a Creative Commons - Attribution-Share Alike v3.0 license: http://creativecommons.org/licenses/by-sa/3.0/*/			
	
	/*############ Establishing Code ###########*/
		* { margin:0; padding:0; }
		body { background: #FFFFFF; color:#ffffff; font-family:Trebuchet MS, Helvetica, sans-serif; rgb(22,22,22); height: 100%; line-height: 130%; /*text readability enhancement*/ width: 100%; }
		img { border: 0px; display: block; }

	/*############ Structural DIVs ###########*/
	/*meta-structure of the site is just a gigantic horizontally and vertically centered box with a placeholder image in it*/
		#site_container_main { background:#ffffff url(../../images/backgrounds/main_sprout.jpg) no-repeat; height:600px; left:50%; margin-left:-473px; /* half of width of image */ margin-top: -300px;  /* half of height */ position: absolute; top: 50%; width: 946px; border:1px solid rgb(22,22,22); }
		#site_container_about { background:#ffffff url(../../images/backgrounds/main_grass.jpg) no-repeat; height:600px; left:50%; margin-left:-473px; /* half of width of image */ margin-top: -300px;  /* half of height */ position: absolute; top: 50%; width: 946px; border:1px solid rgb(22,22,22); }
		#site_container_services { background:#ffffff url(../../images/backgrounds/main-wildflowers.jpg) no-repeat; height:600px; left:50%; margin-left:-473px; /* half of width of image */ margin-top: -300px;  /* half of height */ position: absolute; top: 50%; width: 946px; border:1px solid rgb(22,22,22); }
		#site_container_portfolio { background:#ffffff url(../../images/backgrounds/main-corn_field.jpg) no-repeat; height:600px; left:50%; margin-left:-473px; /* half of width of image */ margin-top: -300px;  /* half of height */ position: absolute; top: 50%; width: 946px; border:1px solid rgb(22,22,22); }
		#site_container_contact { background:#ffffff url(../../images/backgrounds/main_haystack.jpg) no-repeat; height:600px; left:50%; margin-left:-473px; /* half of width of image */ margin-top: -300px;  /* half of height */ position: absolute; top: 50%; width: 946px; border:1px solid rgb(22,22,22); }
		
	/*############ Style DIVs ###########*/			
		#heading_box_main { float:left; height:30px; margin:100px 0px 273px 60px; position:relative; width:500px; } /*width is arbitrary*/
		#heading_box_secondary { float:left; height:70px; margin:50px 0px 0px 50px; position:relative; width:500px; } /*width is arbitrary*/

		/*There is no text box on the main page*/
		#text_box { clear:both; float:left; height:180px; margin:-20px 0px 123px 50px; position:relative; width:500px; } /*width is arbitrary*/
		#text_box_portfolio { clear:both; float:left; height:212px; margin:-2px 0px 73px 91px; position:relative; width:866px; }
			#text_box_portfolio ul { list-style:none; padding:0px; }
			#text_box_portfolio li { float:left; padding: 0px 55px 42px 0px; position:relative; }
				#text_box_portfolio li a, #text_box_portfolio li a:link, #text_box_portfolio li a:visited, #text_box_portfolio li a:hover { text-decoration:none; color:#ffffff; }
		#text_box_contact { clear:both; float:left; height:180px; margin:25px 0px 78px 50px; position:relative; width:500px; } /*width is arbitrary*/
			#text_box p, #text_box_portfolio p, #text_box_contact p { color:rgb(22,22,22); font-size:12px; padding:6px 10px; }
			
		#footer { clear:both; float:left; height:184px; margin:0px 0px 0px 57px; width:907px; } /*Footer contains logo + nav row*/
			#logo_box { float:left; height:184px; position:relative; width:184px; }		
			#nav_row { float:left; height:42px; margin:134px 0px 0px 55px; position:relative; width:650px; }
			#nav_row ul{ list-style:none; padding:0px; }
			#nav_row li{ font-size:34px;  float:left; padding: 0px 5px 0px 5px; position:relative; }
				#nav_row li a, #nav_row li a:link, #nav_row li a:visited { text-decoration:none; color:#ffffff; }
				#nav_row li a:hover { text-decoration:underline; color:#ffffff; }
			#nav_row .spacer { font-size:44px; margin-top:-2px; padding:0px 3px; }