/*----------------------------------------------------------*/
/* Stoddfard Construction MAIN Cascading Style Sheet - main.css  */
/* Author: Steve Pettee, Glacier Web Creative */
/* www.GlacierWebCreative.com */
/*----------------------------------------------------------*/



/* General
------------------------------------------------------------*/
*{
    padding: 0; margin: 0;
    font-family: "Georgia", "Times New Roman";
    }
    
ul {
     list-style: none;
     }

body#main{
    position: relative;
    background: #ebeaea;
    }
    
div#wrapper{
     position: relative;
     width: 100%;
     height: 100%;
     margin-top: 0px;
     margin-bottom: 0px;
     background: #ebeaea;
     }
    

     

     

 

     


     
    

     
     
     
/* Navigation
------------------------------------------------------------*/     
div#navigation{
     position: relative;
     
     width: 200px;
     height: 900px;
     }
     
div#navigation ul#navList {
     position: relative;
     width: 100%;
     height: auto;
     margin: 0 auto;
     list-style: none;
     padding: 0px 0px 0px 0px;
     }
     
div#navigation ul#navList li{
     padding: 0 0 0 0;
     }
     
div#navigation ul#navList li a{
     display: inline-block;
     width: 100%;
     margin: 0 auto;
     font: 20px verdana;
     text-align: center;
     text-decoration: none;
     color: #9e1e11;    
     }
     
div#navigation ul#navList li a:hover{
     font-style: italic;
     color: black;
     }
     
div#navigation ul#navList li a#current{
     font-style: italic;
     color: black;
     }
      
     
/* Header
------------------------------------------------------------*/      
div#header{
     position: relative;
     display: inline-block;
     float: right;
     width: 100%;
     height: 100%;   
     }    
     
     
/* Content
-------------------------------------------------------------*/     
div#content, div#homecontent {
    position: relative;
    clear: both;
    width: 80%;
    margin: 0 auto;
    }  
    
div#content p, div#homecontent p {
     width: 100%;
     height: auto;
     margin: 0 auto;
     
     }
     
     
     
/* Home Page Content
-------------------------------------------------------------*/      
div#homecontent p {
     text-indent: 30px;
     color: #5c534c;
     font-family: Helvetica, Arial, sans-serif;
     font-size: 20px;
     font-style: none;
     
     }
     
div#homecontent p span.firstletter {
     font-size: 30px;
     font-weight: 400;
     }
     
     
     
/* About Page Content
-------------------------------------------------------------*/
div#content p.ques {
     color: #5c534c;
     font-family: Helvetica, Arial, sans-serif;
     font-size: 26px;
     font-style: none;
     }
     
div#content p.ans {
     color: #5c534c;
     font-family: Helvetica, Arial, sans-serif;
     font-size: 20px;
     font-style: none;
     }
                     
     
     
/* Portfolio
-------------------------------------------------------------*/
div#content div#portfolioHeader {
     position: relative;
     width: 50%;
     margin: 0 auto;
     height: auto;
     }
     
div#content div#portfolioHeader a {
     position: relative;
     display: inline-block;
     width: 100%;
     height:auto;
     margin: 30px 0 50px 0;
     }
     
div#content div#portfolioHeader a img {
     position: relative;
     width: 100%;
     height: auto;
     }



/* Footer
-------------------------------------------------------------*/
div#footer{
    position: relative;
    width: 55%;
    margin: 0 auto;
    margin-top: 50px;
    }
     
div#footer div#footerTop {
    position: relative;
    width: 90%;
    border-bottom: 2px solid black;
    padding: 0 3% 1% 5%;
    }
    
div#footer div#footerTop a img {
     width: 100%;
     }
     
div#footer div#footerTop a#houzzIcon {
     position: relative;
     display: inline-block;
     width: 15%;
     margin: 0 5% 0 0;
     }
     
div#footer div#footerTop a#fbIcon {
     position: relative;
     display: inline-block;
     width: 5%;
     }
     
div#footer div#footerTop span#footerSpan {
     position: relative;
     display: inline-block;
     width: 33%;
     }
     
div#footer div#footerTop a#email {
     position: relative;
     display: inline-block;
     width: 38%;
     height: auto;
     
     }     
         
div#footerBottom {
    position: relative;
    width: 100%;
    border-top: 1px solid black;
    margin: 0px 0 20px 30px;
    
    }