/*----------------------------------------------------------*/
/* Ted's Classic Wood Floors 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";
    }

body#main{
    position: relative;
    background-image: url(images/background.jpg);
    background-position: 0% 0%;
    background-attachment: fixed;
    }
    
div#wrapper{
     position: relative;
     width: 1000px;
     margin: 0 auto;
     margin-top: 20px;
     margin-bottom: 20px;
     background-image: url(images/wrapper.png);
     background-repeat: repeat-y;
     }
    
div#header{
     position: relative;
     width: 1000px;
     height: 440px;
     margin: 0 auto;
     }
     
img#spotlights{
     position: absolute;
     top: 0px;
     left: 0px;
     }
     
img#header_img{
     position: absolute;
     top: 170px;
     left: 250px;
     margin: 0px 0px 0px 0px;
     }
     
img#LH_Image{
     position: absolute;
     top: 190px;
     left: 55px;
     }
     
img#RH_Image{
     position: absolute;
     top: 190px;
     left: 795px;
     }
     
    

     
     
     
/* Navigation
-------------------------------------------------------------*/     
div#navigation{
     position: relative;
     width: 1000px;
     margin: 0 auto;
     }
     
div#navigation ul{
     width: 800px;
     margin: 0 auto;
     list-style: none;
     padding: 0px 0px 60px 185px;
     }
     
div#navigation ul li a{
     font: 18px verdana;
     text-align: center;
     }
     
div#navigation ul li#home{
     width: 100px;
     float: left;
     padding: 10px 10px 10px 10px;
     }
     
div#navigation ul li#services{
     width: 210px;
     float: left;
     padding: 10px 10px 10px 10px;
     }

div#navigation ul li#photos{
     width: 140px;
     float: left;
     padding: 10px 10px 10px 10px;
     }
     
div#navigation ul li#contact{
     width: 150px;
     float: left;
     padding: 10px 10px 10px 10px;
     }
     
div#navigation ul li a{
     text-decoration: none;
     color: #325b3f;    /*--- green ---*/
     }
     
div#navigation ul li a:hover{
     font-weight: italic;
     color: white;
     }
     
div#navigation ul li a#current{
     font-style: italic;
     color: white;
     }     
     
     
/* Content
-------------------------------------------------------------*/     
div#content{
    position: relative;
    width: 1000px;
    margin: 0 auto;
    }
     
div#content p#first{
     width: 800px;
     padding: 0px 100px 0px 100px;
     font-size: 20px;
     text-align: center;
     color: #2a1f19;
     }
     
div#content p#featured1{
     width: 800px;
     padding: 30px 100px 0px 100px;
     text-align: center;
     color: #325b3f;   /*--- green ---*/
     font:  24px  "Georgia","Times New Roman";
     }
     
div#content img#station8{
     margin: 5px 0px 0px 276px;
     border: 3px solid black;
     }
     
div#content p#featured2{
     width: 550px;
     padding: 0px 225px 0px 220px;
     font-size: 16px;
     text-align: center;
     color: #2a1f19;
     }
     
div#content p#featured2 a{
     color: #325b3f;   /*--- green ---*/
     }

div#content p#head{
     width: 800px;
     padding: 30px 100px 0px 100px;
     text-align: center;
     color: #325b3f;   /*--- green ---*/
     font:  24px  "Georgia","Times New Roman";
     }
     
div#content p#second{
     width: 800px;
     padding: 0px 100px 0px 100px;
     font-size: 20px;
     text-align: center;
     color: #2a1f19;
     }
     

     
     
     
/* ProductsAndServices
-------------------------------------------------------------*/ 
div#products{
     position: relative;
     width: 1000px;
     margin: 0 auto;
     }

div#products p, h2{
     width: 800px;
     padding: 0px 100px 0px 100px;
     font-size: 20px;
     text-align: center;
     color: #2a1f19;
     }
        

     
     
     
     
/* Photos
-------------------------------------------------------------*/ 
div#photos{
     position: relative;
     width: 1000px;
     margin: 0 auto;
     padding: 0px 0px 0px 85px;
     }


div#photos img.photos{
     border: 3px solid black;
     margin: 5px;
     }
     
div#spacer{
     position: relative;
     width: 700px;
     height: 30px;
     margin: 20px 235px 0px 65px;
     border-top: 2px solid #325b3f;    /*--- green ---*/
     }         
     

/* Contact
-------------------------------------------------------------*/ 
div#contact{
     position: relative;
     width: 1000px;
     margin: 0 auto;
     }
     
div#contact p#head{
     width: 800px;
     padding: 0px 100px 0px 100px;
     text-align: center;
     color: #325b3f;   /*--- green ---*/
     font:  24px  "Georgia","Times New Roman";
     }

div#contact p{
     width: 800px;
     padding: 0px 100px 0px 100px;
     font-size: 20px;
     text-align: center;
     color: #2a1f19;
     } 


     
div#contact p#phone{
     color: #2a1f19;
     text-decoration: none;
     }

div#contact p#email a{
     color: #2a1f19;
     }






/* Footer
-------------------------------------------------------------*/
div#footer{
    position: relative;
    width: 940px;
    height: 60px;
    margin: 30px 30px 0px 30px;
    border-top: 1px solid #325b3f;    /*--- green ---*/
    }
    
div#footer p#left{
     width: 250px;
     position: absolute;
     left: 30px;
     top: 10px;
     clear: both;
     color: #2a1f19;
     }
     
     
div#footer p#right{
     width: 225px;
     position: absolute;
     right: 20px;
     top: 10px;
     clear: both;
     color: #2a1f19;
     text-align: left;
     }