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



/* General
------------------------------------------------------------*/
* {
    padding: 0; margin: 0;
    font-family: "Times New Roman";
    }
    
div#space30 {
     position: relative;
     width: 100%;
     height: 30px;
     }
     
span#underline {
     text-decoration: underline;
     }
    
ul {
     list-style: none;
     }
     
body {
     background-color: #cbcfd2;
     }
     

#wrapper {
     width: 94%;
     min-width: 600px;
     max-width: 1000px;
     margin-left: 3%;
     margin-right: 3%;
     margin: 0 auto;
     margin-top: 30px;
     margin-bottom: 30px;
     font-size: 19px;
     background-color: #94a8b5;
     }     

    

    
    
/* Header/Navigation
------------------------------------------------------------*/
div#header {
     width: 100%;
     height: 100%;
     }
     
     
     
div#header div.royalSlider, div#header div.rsDefault {
     z-index: 1;
     }
     
     
     
             
     
div#header img#rebar {
     position: relative;
     display: inline-block;
     margin: -5% 0 0 0;
     z-index: 5;
     width: 100%;
     height: 100%;
     }
     
div#header img#logo {
     position: relative;
     display: inline-block;
     margin: 0 0 0 5%;
     z-index: 5;
     width: 30%;
     height: 30%;
     }
     
div#header img#safesite {
     
     display: inline-block;
     margin: -300px 0 0 800px;
     padding: 0px 0px 170px 0px;
     z-index: 5;
     width: 13%;
     height: 13%;
     }
     
        
     
     
div#header div#navigation {
     position: relative;
     width: 70%;
     height: 30px;
     z-index: 10;
     margin: -12% 0 0 38%;
     }
     
div#header div#navigation ul#navList {
     position: relative;
     width: 100%;
     height: 100%;
     } 
     
div#header div#navigation ul#navList li{
     position: relative;
     float: left;
     }
     
div#header div#navigation ul#navList li#index {width: 15%; height: 16px;
     margin-top: 0px;}   
div#header div#navigation ul#navList li#about {width: 20%; height: 26px; 
     margin-top: 0px;}     
div#header div#navigation ul#navList li#work {width: 29%; height: 36px; 
     margin-top: 0px;}
div#header div#navigation ul#navList li#contact {width: 28%; height: 46px; 
     margin-top: 0px;}
     
div#header div#navigation ul#navList li a{
     display: block;
     color: black;
     font-size: 21px;
     font-style: italic;
     }     
     
div#header div#navigation ul#navList li a:hover {
     display: block;
     color: #dfe7ed;
     
     }     
     
     

/* Content
-------------------------------------------------------------*/
div#content {
     width: 80%;
     
     margin: 0 auto;
     margin-top: 10%;
     margin-bottom: 5%;
     
     }

div#content p {
     margin: 0;
     }

div#content img {
     display: block;
     width: 100%;
     }
     


/* Contact Page
-------------------------------------------------------------*/
div#contactContent {
     position: relative;
     width: 80%;
     margin: 10% 10% 30px 10%;
     }
     
div#contactContent p#contactInfo {
     width: 100%;
     margin: 20px 0 0 0;
     text-align: center;
     }


/* Footer
-------------------------------------------------------------*/
#footer {
     width: 100%;
     height: 40%;
     background-color: #94a8b5; 
     }
     
#footer p#copyright {
     display: inline-block;
     width: 30%;
     height: 70%;
     margin-left: 10%;
     margin-Bottom: 3%;
     }
     
     
#footer img#bannerImage {
     display: inline-block;
     width: 35%;
     height: 100%;
     margin: 0 0% 0 15%;
     }     
     
     
/* change font size and wrapper size for 481-900 pixels screen
****************************************************************/
@media screen and (min-width: 750px) and (max-width: 900px) {
     div#header div#navigation ul#navList li a, div#wrapper {
          font-size: 16px;
          }      
     }     
     
@media screen and (max-width: 749px) {
     div#header div#navigation ul#navList li a, div#wrapper {     
          font-size: 13px;
          }
     }