/*css for the combined index page*/

html, body {
		background-color: black;
		}
		
body {      
	  font-family: Georgia;
      font-size: 14px;
      font-style: bold;
	  font-color: white;
	  }

	  
h3 {
	font-family: Georgia;
	font-size: 26px;
	font-style: italic;
	font-weight: bold;
	font-color: white;
	text-align: center;
	margin-top: 100px;
	background-color: transparent; 
	}

h4 {
	font-family: Georgia;
	font-size: 26px;
	font-style: italic;
	font-weight: bold;
	color: #440000;
	text-align: center;
	margin-top: 140px; 
	background-color: transparent;
	}	  
	  

p {
	word-spacing: normal;
	align: center;
	}
	
#homepage-container   /*main div for whole page, horizontally centered*/
	{
	position: absolute;
	left: 50%;
	top: 3px;
	margin-left: -300px; 
   	margin-top: 0px;
	width: 600px; 
	height: 692px;
	overflow: hidden;
	background-color: black;
	}
	
#top {
	background-image:  url(onion.jpg);
	background-color: black;
	position: absolute;
	left: 0px;
	width: 600px;
	height: 208px;
	top: 0px;
	}

#brian {
	background-image:  url(garden2.jpg);
	background-color: black;
	position: absolute;
	left: 0px;
	width: 300px;
	height: 437px;
	top: 208px;
	}
	
#kathy {
	background-image: url(stars2.jpg);
	width: 300px;
	height: 437px;
	position: absolute;
	left: 50%;
	top: 208px; 
	}
	
#bottom {
	background-image: url(arches.jpg);
	width: 600px;
	height: 47px;
	position: absolute;
	left: 0px;
	top: 645px;
	}	
	
#innerbrian {
	background-color: black;
	width: 128px;
	height: 206px;
	position: absolute;
	left: 135px;
	top: 170px;
	margin-left: -64px; 
   	margin-top: 0px;
	}
	
#brianphoto {
	background-image: url(brian.jpg);
	width: 122px;
	height: 200px;
	margin: 3px;
	}
	
#brianflash {
	width: 202px;
	height: 27px;
	position: absolute;
	left: 50%;
	top: 100px;
	margin-left: -101px; 
	background-color: black;
   }
	
#innerkathy {
	background-color: black;
	width: 105px;
	height: 184px;
	position: absolute;
	left: 132px;
	top: 215px;
	margin-left: 0px; 
   	margin-top: 0px;
	}
	
#kathyphoto {
	background-image: url(kathy.jpg);
	width: 99px;
	height: 178px;
	margin: 3px;
	}

#kathyflash {
	width: 202px;
	height: 27px;
	position: absolute;
	left: 50%;
	top: 150px;
	margin-left: -101px; 
	background-color: black;
   }