﻿/* CSS  */

body 
{
    /* Set background to green */
	background: #216a4d;
	/* Remove Margin on outside of page */
	margin: 0;
}
a:link {color: #FFFFFF; text-decoration: underline;}
a:active {color: #FFFFFF; text-decoration: underline;}
a:visited {color: #FFFFFF; text-decoration: underline;}

#WidthBox
{
     height:100px;
     width: 900px;
     text-align:center;
     color:#000000;
     font-family:"Verdana", Times, serif;
     font-size:20px;
     margin:auto;        
}

#Header
 {
    /* Create top border */
	border-top:     5px solid #000000;  

    /* Set Height of Header */
	height: 200px;    

    /* Set background to red */
    background-color: #FFFFFF;
    
    /*Add bottom border*/
	border-bottom:  5px solid #000000;
    
	text-align: center;
  } 
 #Footer
 {
    position:absolute;
    width:100%;
    padding-top:5px;
    top:1935px;
	border-top:     5px solid #FFFFFF;  
	height: 50px;    
    background-color: #000000;
	border-bottom:  5px solid #FFFFFF;
	text-align: center;
    color:#FFFFFF;
 }

#PageContents
{
    margin-left:auto;
    margin-right:auto;
    width:900px;
    background-repeat:no-repeat;
    position:relative;
}
#GeneralInfoHeader
{
     position:absolute;
     left:0px;
     top:0px;
     height:32px;
     width: 508px;
     background: #FFFFFF;
     text-align:center;
     border-style:solid;
     border-width:3px;
     border-top:0px;
     border-color:#000000;
     padding-top:3px;
     padding-bottom:0px;
     padding-left:5px;
     padding-right:5px;                    
 }
 #GeneralInfoHeader h1
 {
     color:#216a4d;
     font-family:"Verdana", Times, serif;
     font-size:20px;
     margin:auto;    
 }
#GeneralInfo
{
     position:absolute;
     left:0px;
     top:30px;
     height:195px;
     width: 508px;
     background: #000000;
     text-align:center;
     border-style:solid;
     border-width:3px;
     border-color:#000000;
     padding-top:5px;
     padding-bottom:0px;
     padding-left:5px;
     padding-right:5px;
  
 }
 #GeneralInfo a
 {
     color:#FFFFFF;
     font-family:"Verdana", Times, serif;
     font-size:15px;
     margin:auto;    
 }
 #GeneralInfo h2
 {
     color:#FFFFFF;
     font-family:"Verdana", Times, serif;
     font-size:18px;
     margin:auto;    
 }
#TruckPic
{
     position:absolute;
     right:0px;
     top:0px;
     height:236px;
     width: 380px;
     background: #000000;
     text-align:right;
     padding:0px;
     border-width:0;
   
 }
  #FreeEstimates
{
    position:absolute;
     left:0px;
     top:236px;
     height:30px;
     width:894px;
     background-color: #216a4d;
     text-align:center;
     padding-top:10px;
     padding-bottom:0px;
     padding-left:0px;
     padding-right:0px;
     border-style:solid;
     border-width:3px;
     border-top:0px;
     border-color:#000000;  
}
 #FreeEstimates h1
 {
     color:#FFFFFF;
     font-family:"Verdana", Times, serif;
     font-size:20px;
     margin:auto;    
 }
 #Services
{
     position:absolute;
     left:0px;
     top:276px;
     height:221px;
     width: 220px;
     background: #FFFFFF;
     padding:5px;
     border-style:solid;
     border-width:3px;
     border-color:#000000;     
}
 #Services h1
 {
     color:#216a4d;
     font-family:"Verdana", Times, serif;
     font-size:18px;
     margin:auto;    
     text-align:center;
 }
 #Services a
 {
     position:absolute;
     text-align:left;
     color:#000000;
     font-family:"Verdana", Times, serif;
     font-size:15px;
     left:10px;
}
#SawPic
{
     position:absolute;
     left:236px;
     top:279px;
     height:200px;
     width: 250px;
     background: #000000;
     text-align:center;
     padding:0px;
     padding-top:0px;
   
 }
 #AreasHeader
{
     position:absolute;
     right:0px;
     top:276px;
     height:50px;
     width: 405px;
     background: #FFFFFF;
     text-align:center;
     padding:0px;
     border-style:solid;
     border-width:3px;
     border-color:#000000;
     padding-top:5px;
     padding-left:0px;   
     padding-right:0px;  
     padding-bottom:0px;    
}
 #AreasHeader h1
 {
     color:#216a4d;
     font-family:"Verdana", Times, serif;
     font-size:17px;
     margin:auto;    
 }
 #Areas
{
     position:absolute;
     right:0px;
     top:310px;
     height:300px;
     width: 405px;
     background: #000000;
     text-align:center;
     padding:0px;
     border-style:solid;
     border-width:3px;
     border-color:#000000;
     padding-top:5px;
     padding-left:0px;   
     padding-right:0px;  
     padding-bottom:0px;  

}
 #Areas h1
 {
     color:#216a4d;
     font-family:"Verdana", Times, serif;
     font-size:18px;
     margin:auto;    
 }
 #Areas a
 {
     color:#FFFFFF;
     font-family:"Verdana", Times, serif;
     font-size:19px;
     margin:auto;    
 }
div.left 
{ 
    position:absolute;
    left:20px;
    top:20px;
    width:180px;
    text-align:left;
    margin-left:0px;
} 
 div.right 
{ 
    position:absolute;
    left:200px;
    top:20px;
    width:175px;
    text-align:left;
    margin-left:10px;
}
#Contact
 {
     position:absolute;
     left:0px;
     top:509px;
     height:106px;
     width: 486px;
     background: #216a4d;
     text-align:left;
     background-repeat:no-repeat;
     border-top:3px;
     border-bottom:3px;
     border-left:3px;
     border-right:0px;
     border-style:solid;
     border-color:#000000;
 }
#Contact h1
 {
     color:#FFFFFF;
     text-align:center;
     font-family:"Verdana", Times, serif;
     font-size:20px;
     position:relative;
     top:-5px;
 }
#PhoneIcon
{
    position:absolute;
    top:50px;
    left:5px;
    height:29px;
    background-image:url(../images/phone.jpg);
    background-repeat:no-repeat;
}
#PhoneIcon a
{
     position:relative;    
     color:#FFFFFF;
     font-family:"Verdana", Times, serif;
     font-size:20px;
     top:4px;
     left:50px;
}
#EmailIcon
{
    position:absolute;
    top:50px;
    left:325px;
    height:29px;
    background-image:url(../images/email.jpg);
    background-repeat:no-repeat;
}
#EmailIcon a
{
     position:relative;   
     color:#FFFFFF;
     font-family:"Verdana", Times, serif;
     font-size:20px;
     top:4px;
     left:50px;
}
#Awards
{
     position:absolute;
     left:0px;
     top:618px;
     height:50px;
     width: 894px;
     background: #FFFFFF;
     text-align:center;
     padding-top:5px;
     border-style:solid;
     border-width:3px;
     border-color:#000000;     
}
 #Awards h1
 {
     color:#000000;
     font-family:"Verdana", Times, serif;
     font-size:20px;
     margin:auto;    
 }
  #GalleryBarHeader
 {
    position:absolute;
    top:1285px;
    width:100%;
    color:#000000;
    font-family:"Verdana", Times, serif;
    font-size:20px;
	text-align: center;
 }
div.img
   {
   /*margin:5px;
   padding: 5px;*/
   background-color: #FFFFFF;
   margin-left:auto;
   margin-right:auto;
   border:1px solid #000000;
   height:auto;
   width:120px;
   
   /*float:center;*/
   font-family:"Verdana", Times, serif;
   font-size:15px;
   text-align: center;
   }
 div.img img
   {
   display:inline;
   margin:5px;
   border:1px solid #000000;
   }
 div.img a:hover img
   {
   border:1px solid #000000;
   }
 div.desc
   {
   text-align:center;
   font-weight:normal;
   width:120px;
   /*margin:5px;*/
   }
 #BeforeAfter
{
     position:absolute;
     left:0px;
     top:678px;
     height:600px;
     width: 900px;
     background: #000000;
     text-align:center;
     padding-top:0px;
     border-style:solid;
     border-width:0px;
     border-color:#000000;     
}
#Badge {
    position: absolute;
    left: 0px;
    top: 1430px;
    height: 290px;
    width: 900px;
  
    text-align: center;
    padding-top: 0px;
    border-style: solid;
    border-width: 0px;
    border-color: #000000;
}