/* 

  New Perspectives on HTML and CSS
  Final Project
  
  R.G. Zachrich Construction, Inc. Style Sheet
  Author: Jen Zachrich
  Date: 12/5/2012

  Filename:	RGZhome.css
  Supporting Files: 

*/





/* Page Body Styles */


body { 
	position: relative;
	background-color: rgb(51,51,51); 
	color: white; 
	width: 85%; 
	margin-right: auto; 
	margin-left: auto; }



/* Header Styles */

header {
	background-color: rgb(31,31,31);  
	 }

header img {
	width: 20%; 
	text-align: center; 
	}






/* General Navigation Styles */


nav a {
	text-decoration: none;
	 }

nav li {
	list-style: none; 
	}




/* Horizontal Navigation Styles */


nav.horizontalNAV li{ 
	margin: 10px 0px; 
	float: right; 
	text-align: center; 
	font-size: 0.9em;  
	width: 18%;  
	font-family: 'Bebas Neue Regular', sans-serif;
	}

nav.horizontalNAV a {
	color: white; 
	display: block;
	 }

nav.horizontalNAV a:hover {
	background-color: rgb(105,96,87); 
	background-color: rgba(255,255,255, 0.3); 
	}




/* Slideshow Section Styles */


#slideshow { 
	float: left; 
	background: url("Red_back.jpg"); 
	border-bottom: 4px solid black; 
	width: 100%; 
	}


/* Figure Styles */


#slideshow figure {
	float: left; 
	width: 50%; 
	}

#slideshow figure img { 
	display: block; 
	width: 100%; 
	}



/* Article Styles */


#slideshow article {
	float: right; 
	width: 40%; 
	margin: 40px;
	}

#slideshow article p:first-of-type {
	line-height: 1.5em; 
	vertical-align: middle; 
	text-align: left; 
	font-family: 'Bebas Neue Regular', sans-serif;  
	font-size: 1.1em; 
	word-spacing: 3px; 
	}

#slideshow article p:last-of-type {
	margin: 40px 0px; 
	text-align: center; 
	font-family: 'Century', sans-serif;  
	font-size: 2.0em; 
	font-style: italic; 
	letter-spacing: 2px; 
	}



/* Section Address */



#address {
	float: left; 
	width: 100%; 
	background-color: rgb(31,31,31); 
	padding: 10px 0px; 
	height: 100px; 
	}

#address p {
	margin: 12px 0px; 
	text-align: center; 
	font-family: 'Century', serif; 
	font-style: italic; 
	color: white; 
	letter-spacing: 2px; 
	font-size: 0.8em; 
	position: relative; 
	top: 10px; 
	}



/* Footer Styles */


footer { 
	float: left; 
	width: 100%; 
	padding: 10px 0px; 
	border-bottom: 4px solid black;
	}