/*----------------------------------------
 Main stylesheet for: Sitemec
 Author: Libby Chapman
 Email: Libby@simb.com.au
 Author website: http://www.simb.com.au 
 ----------------------------------------*/ 
 
 /*----------------------------------------  
 Stylesheet structure:
 
 > Styles reset, HTML & body
 > Main layout
 > Type and inline styling
 > Section details
    --> Header
    --> Secondary Content
    --> Sidebar
    --> Footer
 > Misc     
 ----------------------------------------*/ 
    
/* Styles reset, HTML & body styling -------------------------------------------------------------------------------------  */     

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, apress, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, p, ol, ul, li,
fieldset, form, label, legend
{
    border: 0;
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: normal;                
    margin: 0;
    outline: 0;     
    padding: 0;
}
    
html
{
    background: #22539f url(../images/bk_outer.jpg) top left repeat-x;   
}

body 
{       
   background: #fff url(../images/bar_truck.jpg) center 100px no-repeat;
   border: 2px solid #002955;     
   color: #002955;        
   font: 62.5%/1.5em  Verdana, Arial, sans-serif;
   margin: 0 auto;
   position: relative;  
    top: 20px;    
   width: 980px;
}


/* Main layout -------------------------------------------------------------------------------------  */ 
    #logo
    {
        position: absolute;
            top: 10px;
            left: 20px;
    }
    
    #contact
    {
        color: #0a3c72;
        font-family: georgia, sans-serif;
        font-size: 1.8em;
        position: absolute;
            top: 30px;
            left: 200px;
    }
    
        #contact em
        {
            color: #f06422;
            font-style: normal;
            font-weight: normal;
        }
    
    #content
    {             
        clear: both;
        padding: 0 20px 20px 20px;
        width: 940px;   
    }


    #main
    {              
        float: left;
        margin-top: 50px;             
        width: 570px;
    }
    
        #about #main
        {
            margin-top: 0;
        }

    #sidebar
    {
        background: url(../images/bk_sidebar.png) top center no-repeat;          
        color: #808080;
        float: right; 
        margin-top: 80px;
        min-height: 350px;
        padding: 20px;        
        width: 290px;
    }
        
        #about #sidebar
        {
            margin-top: 30px;
        }
    
    #footer
    {       
        background: url(../images/bk_footer.png) 0 0 repeat-x;     
        clear: left;        
        padding: 20px;
    }
    
/* Type and inline styling -------------------------------------------------------------------------------------  */

h1, h2, h3, h4, h5
{
    font-family: georgia, serif;   
}

h1
{
    color: #c4e0ff;  
    font-size: 2.6em;
    padding-top: 40px;
    padding-bottom: 10px;
    width: 500px;
}

h2
{
    font-family: verdana, arial, sans-serif;  
}

h2, h3
{
    color: #c4e0ff;
    font-size: 1.3em;
    line-height: 1.5em;
}

h2.intro
{
    font-weight: normal;
    width: 500px;
}

h3
{
    color: #0a3c72;
    font-weight: normal;    
}


h4
{
    font-size: 1.4em;
}

    h4.safety
    {
        color: #f06422;
        font-family: georgia, serif;
        font-size: 17px;
        padding: 5px 0;
        text-align: center;
    }

h5, h6
{
  font-size: 1.2em;      
}    

p, address
{
    font-size: 1.2em;
    line-height: 1.5em;
    font-style: normal;
    padding: 0.3em 0;     
}

   .emphasis
   {
       font-size: 1.3em;       
       font-weight: bold;
   }

a
{
   color: #15345a;
   outline: none;
}

    a:hover
    {
      color: #2265a2;
    } 

ul
{
    padding: 0.3em 0 0.6em 20px;
}
    
li
{
    background: url(../images/bullet.png) center left no-repeat;     
    color: #074ba6;
    font-size: 1.2em;
    font-style: normal;
    line-height: 1.2em;
    list-style: none;
    padding: 5px 0 5px 16px;     
}    
    
 /* Section details -------------------------------------------------------------------------------------  */ 
        /* Nav ------------------------------------------------------------------------------------------  */ 
        .text
        {
            display:none;
        }
        
        #nav
        {
            float: right;
            list-style: none;
            padding: 0;
            width: 440px;
        }
        
        #nav ul
        {
            padding-left: 0;
        }
        
        #nav li
        {
            float: left;
            padding: 0;
            margin: 0;
        }
        
        #nav a
        {
            background: url(../images/nav_home.png) top left no-repeat;            
            display: block;
                height: 100px;
                width: 110px;
        }  
        
            #nav a:hover, #home #nav_home, #about #nav_about, #services #nav_services, #contact_us #nav_contact
            {
                background-position: bottom;
            }
            
            #nav #nav_about
            {
                background-image: url(../images/nav_aboutus.png);
            }
            
            #nav #nav_services
            {
                background-image: url(../images/nav_services.png);
            }  
            
            #nav #nav_contact
            {
                background-image: url(../images/nav_contactus.png);
            }                                                          
              
        /* Sidebar -------------------------------------------------------------------------------------  */ 

        #sidebar h3
        {
            color: #0a3c72;
            font-family: georgia, sans-serif;;
            font-size: 1.8em;            
            font-weight: normal;
        }

        #sidebar p, #sidebar a
        {
            color: #808080; 
        }
        
        .slideshow p, .slideshow a
        {
            font-style: italic;
            width: 270px;
        }
        
        #sidebar a:hover
        {
            color: #002955;
        } 

        #sidebar img
        {
            border: 4px solid #4d4d4d;
        }                           
                        
        /* Footer -------------------------------------------------------------------------------------  */     
                   
        #footer h4
        {
            color: #4c5866;  
            font-size: 1.8em;
        }
        
        #footer ul
        {
            height: 40px;
            list-style: none;
            padding-left: 0;
        }
        
        #footer li
        {
            color: #74859a;
            float: left;
            font-family: georgia, serif;    
            font-size: 1.6em;
            height: 40px;    
            line-height: 40px;         
        }
        
            #phone
            {
                background: url(../images/contact_phone.png) center left no-repeat;
                padding: 0 60px 0 30px;    
            }
            
            #email
            {
                background: url(../images/contact_email.png) center left no-repeat;
                padding-left: 44px;    
            } 

        #footer ul a
        {
            color: #74859a;            
            text-decoration: none;
        }

           #footer a:hover 
           {
              color: #4c5866;
           }

        #footer p
        {
            color: #74859a;    
        }
        
        
        /* Gallery on the "about us" page -------------------------------------------------------------------------------------  */  
        
        .gallery
        {
            margin-top: 70px;
        }
        
        .gallery img
        {
            float: left;
        }
        
        .gallery .rSpace
        {
            padding-right: 10px;
        }        

/* Misc -------------------------------------------------------------------------------------  */ 

.bold
{
   font-weight: bold;
}

.clear
{
   clear: both;
}       
    
.left
{
   float: left;
}             

.right
{
   float: right;
}

.center
{
    text-align: center;
}

.half
{
    width: 46%;
}

.clearfix:after 
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

em
{
    font-weight: bolder;
    font-style: normal;
}
    
strong
{
    font-weight: bold;    
}   

.contrast
{
    color: #f06422;
}
 
 ul.caption
 {
     float: right;
     width: 310px;
 }