/*
   New Perspectives on HTML and CSS
   Tutorial -
   Case Problem -

   Final Project Ryan's Hardware
      Author: Ryan Friedel
      Date: 03/27/2016

   Filename: RHpaper.css
   Supporting Files: RHardware.htm, Tools.htm, DIY,htm, Paint.htm, Rental.htm, RentForm.htm

*/

/*Main Page*/

header img /*Header size and location*/
   {width: 101.75%;
    margin-top: -20px;
	margin-left: -15px;
    background-size: 100%;}
    
div#container
    {width: 1265px;
     height: 650px;
     margin-top: -40px;
     margin-bottom: -40px;
     margin-left:-10px;
     background-image: url(Store2.jpg);
     background-size: cover;}

#infoBox 
  {float: right; 
   width: 600px; 
   height: 150px; 
   font-weight: normal; 
   background-color: white; 
   font-size: 10px; 
   text-align: center; 
   letter-spacing: 1px; 
   word-spacing: 1px;
   margin-top:60px;}
   
iframe 
   {width: 100%;
    height: 120%
    height: 250px;}
    
nav ul li /*boxes*/
    {left: 100px;
     background-color:rgb(121, 88, 65);     
   	 border: 4px outset;
     border-color:rgb(213, 199, 141);
   	 display: block;
	 float: left;
     clear: left;
   	 height: 30px;
   	 line-height: 30px;
   	 font-size: 14px;
	 font-weight: bold;
   	 text-align: center;
   	 margin: 10px;
	 min-width: 50px;
   	 padding:10px;}
	
nav ul li a /*box words color*/
    {color: rgb(213, 199, 141);}
    
    
footer img /*Header size and location*/
   {width: 101.75%;
	margin-left: -15px;
    margin-bottom:-15px;
    background-height: 150px;}    
    
    /*Tools page*/
     
headerT img /*Header size and location*/
   {width: 101.75%;
	margin-left: -15px;
    margin-top: -20px;
    background-size: 100%;}
    
navT 
  {position: relative;
   left: 180px;}

navT ul li 
   {background-color:rgb(121, 88, 65);
   	border: 4px outset;
   	border-color:rgb(213, 199, 141);
   	display: block;
	float: left;
   	height: 30px;
   	line-height: 30px;
   	font-size: 14px;
	font-weight: bold;
   	text-align: center;
   	margin: 0 15px;
	min-width: 50px;
   	padding: 0 20px;}
	
navT ul li a {
   	color:rgb(213, 199, 141);}
    
footerT img
   {width: 101.75%;
    margin-bottom:-15px;
	margin-left: -15px;
    background-size: 100%;}
    
    /*Rent Form*/
    
div#container3 /* Containers of main page*/
   {width: 1270px;
	margin-top: -21px;
	margin-bottom: -40px;
	margin-left: -15px;
	margin-right: 0px;
    background-image:url(background.jpg);}

    
div#container2 /* Containers of main page*/
   {width: 800px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 200px;
	margin-right: 0px;
    background-color:white;}

section h1 /*sets up main header*/
   {background-color: rgb(213, 199, 141);
    width: 63%;
    text-align: center; 
	margin_top: 0px;
    margin-bottom: 0px;
    margin-left: 200px;
    margin-right: 0px; 
	font-size: 20px;
    font-family:monospace;}
    
legend1 /*customer info title bar*/
   {background-color: rgb(213, 199, 141);
	font-size: 20px;
	color: black;
    margin-top:10px;
    margin-bottom:0px;
    margin-left:250px;
    margin-right:0px;
	text-indent: 20px;
	width: 40%;
	letter-spacing: 5px;}
    
legend2 /*computer specs title bar*/
   {background-color: rgb(213, 199, 141);
	font-size: 20px;
	color: black;
    margin-top:10px;
    margin-bottom:0px;
    margin-left:285px;
    margin-right:0px;
	text-indent: 20px;
	width: 40%;
	letter-spacing: 5px;}
    
legend3 /*computer extras title bar*/
   {background-color: rgb(213, 199, 141);
	font-size: 20px;
	color: black;
    margin-top:10px;
    margin-bottom:0px;
    margin-left:280px;
    margin-right:0px;
	text-indent: 20px;
	width: 40%;
	letter-spacing: 5px;}  
    
    /*Paint*/
    
div#container1 /* Containers of main page*/
   {width: 800px;
	margin-top: px;
	margin-left: px;
	margin-right: 0px;
    background-image:url(Paint-Back.jpg);
    color:white;}
    
div#container4 /* Containers of main page*/
   {width: 800px;
	margin-top: px;
	margin-bottom: 0px;
	margin-left: px;
	margin-right: 0px;
    background-image:url(PaintGYB.jpg);
    color:black;}
    
div#container5 /* Containers of main page*/
   {width: 800px;
	margin-top: px;
	margin-bottom: 0px;
	margin-left: px;
	margin-right: 0px;
    background-image:url(PaintOPR.jpg);
    color:black;}
    
    
    /*DIY*/
div#container6 /* Containers of main page*/
   {width: 800px;
	margin-top: px;
	margin-bottom: 0px;
	margin-left: px;
	margin-right: 0px;
    background-image:white;
    color:black;}
    
    
div#container7 /* Containers of main page*/
   {padding-top:20px;}
    
    /*Rental*/
img /*box for presale*/
   {width: 150px;
    height: 150px;
    margin-left:20px;
    margin-top: 20px;