/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 1em;
	line-height: inherit;
	font-family: inherit;
	/*text-align: justify;		this was misspelled and not working; review carefully */
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

body {
	background-color:#FFF;
	}
	
   .content a, 
   .bottomRow a,
   .bottomRowPortfolio a {
   		text-decoration:none;
	   }
  
   .content a:link, 
   .bottomRow a:link,
   .bottomRowPortfolio a:link {
  		color:#330066;
  	}
  
   .content a:visited, 
   .bottomRow a:visited,
   .bottomRowPortfolio a:visited {
  		color:#000099;
  	}
   .content a:hover, 
   .bottomRow a:hover,
   .bottomRowPortfolio a:hover {
  		color:#9F5F2E;
  	}
  	
   a:hover {
   		text-decoration:underline;
	   }
	   
  div, img {
		behavior: url(./includes/iepngfix.htc); /* IE6 transparency fix for pngs; path is relative to HTML */
	  }
	  
   .wrapper {
	   padding:90px; 
	   background-color:#99A26E;
	   width:1130px;
	   position:relative;
	   font-family:'Trebuchet MS',verdana,Arial,sans-serif; 
	   }
   
   .topRow {
	   width:560px;
	   height:140px;
	   border-left:140px solid #DAD88B; 
	   border-right:140px solid #668895;
	   background-color:#9F5F2E;
	   text-align: left;
	   }
	   
   /* color change for portfolio page */
   .topRowPortfolio {
	   width:560px;
	   height:140px;
	   border-left:140px solid #DAD88B; 
	   border-right:140px solid #9F5F2E;
	   background-color:#9F5F2E;
	   text-align: left;
   }
   
   .topRow img, .topRowPortfolio img {  
   		margin:100px 0 20px 20px;
	   }
   
   /* h1 is a placeholder until graphics are done */
   .topRow h1, .topRowPortfolio h1 {
	   color:#DAD88B; 
	   text-align:center; 
	   padding-top:100px;
	   letter-spacing:0.1em;
	   font-family:Times,serif;
	   position:absolute;
	   top:-1000px;
	   left:-1000px;
	   }
   
  
  /* check paths for images when server is available */
  .mainContentRow {
	   width:840px;
	   background-image: url(../images/background.jpg); 
	   background-repeat:repeat-y;
	   float:left;
	   }
	   
   /* need different background for portfolio page */
   .mainContentWrapperPortfolio {
	   width:840px;
	  background-image: url(../images/backgroundWork.jpg); 
	   background-repeat:repeat-y;
   }
   
   .leftNavigation {
	   width:140px; 
	   float:left; 
	   color:#F2F2C8;
	   padding:20px 0;
	   }
	   

	   
   .leftNavigation li {
	   padding-right:20px;
	   line-height:1.85em; /* was 2.1em before connections added */
	   text-align:right;
	   }
   
   .leftNavigation a {
   		color:#F2F2C8;
   		text-decoration:none;
	   }
   
   
   .content {
	   width:560px;
	   float:left;
	   /*padding-bottom:10px;*/
	   color:#336666; 
	   text-align:center;
	   font-size:0.95em;
	   line-height:1.3em;
	   }

  .contentScroll {
	  overflow:auto;
	  width:524px;
	  color:#336666; 
	  text-align:justify;
	  padding:0 18px 18px 18px;
	  font-size:0.95em;
	  line-height:1.3em;
	  float:left;
	  height:297px;
	  }
	
	   
   
   /* alternate text for page heading for search engines */
  h2 {
	   text-align:center;
	   color:#9F5F2E;
	   letter-spacing:0.3em;
	   font-family:Times,serif;
	   position:absolute;
	   top:-900px;
	   left:-900px;
	   }
   
   .imgHeader {
		margin:20px 0 15px 0;
		text-align:center;
	   }


	   
	#headerPortfolio {
		margin-top:20px;
		}
   
 	p.dropCap:first-letter {
	   font-size:3em;
	   float:left;
	   margin:0 2px 0 0; 
	  /* padding:0 3px 0 0; */
	   }
   
   .leftColumn {
   		width:250px; 
   		float:left;   		
   		padding:0 0 30px 20px;
		text-align:justify;
	   }

	.rightColumn {
		float:left;
		width:250px;
		text-align:left;
		padding-bottom:10px;
	   }
   
	.rightColumn ul {
	   margin-left:40px;
	   margin-top:2px;
	   list-style-type:disc;
	   }
   
   .rightColumn li {
	   line-height:1em;
	   padding-bottom:0.5em;
	   }
   
 
 
  .copy {
   	width:524px;
   	text-align:justify;
   	padding:0 18px 18px 18px;
   	float:left;

   	}
   	
 .aboutJoan {
	padding-bottom:0.5em;
	}
   	
   	.owner {
   		padding:0;
   		margin-top:0px;
   		margin-bottom:20px;
   		text-align:right;

   	}
   
   .bottomRow  {
		clear:both; 
		width:540px; 
		height:140px;
		border-left:140px solid #668895; 
		border-right:140px solid #859067; 
		background-color:#859067; 
		color:#F2F2C8; 
		padding-left:20px;
		/*margin-top:-30px;*/
		text-align:left;
		position:relative;
	   }
   
/* different colors for portfolio page */
   .bottomRowPortfolio {
		width:540px; 
		height:140px;
		border-left:140px solid #668895; 
		border-right:140px solid #F2F2C8; 
		background-color:#F2F2C8; 
		color:#9F5F2E; 
		padding-left:20px;
		/*margin-top:-30px;*/
		position:relative;
	   }
   
    .bottomRow span {
		color:#666633;
		padding:5px; 
	   }
	   
	.bottomNav {
 		position:absolute;
 		top:115px;
 		left:20px;
	 }
	   
   
   .copyright {
   		color:#666633;
   		font-family:'Trebuchet MS',Arial,sans-serif;
   		font-size:0.85em; 
   		margin-top:-10px;
	   }

	body.services .services,
	body.portfolio .portfolio,
	body.home .home,
	body.testimonials .testimonials,
	body.agingInPlace .agingInPlace,
	body.aboutJMWI .aboutJMWI,
	body.contactJMWI .contactJMWI,
	body.connections .connections {
		color:#859067;	
		text-decoration:none;
		}