/*
CSS for Cutting Edge site
*/


#container1 { background-color: #f1eac1; 
              margin-top: 0px } 

#container  { width: 850px; 
              border-style: ridge; 
              border-width: 7px; 
              border-color: #f7eead; 
              margin: 0 auto; 
              margin-top: 0px; 
              padding: 0px; 
              background-color: #fffffe; }

body        { font-family: Verdana, Helvetica, Arial, sans-serif; 
              padding: 0px; 
              margin: 0px; 
              border-top: solid 1px #827839}

#header     { background: url('cuttingedgelogo2.jpg'); 
              margin-top: 0px; }

h1          { font-family: serif, "Trebuchet MS", Helvectica, Arial, sans-serif; 
              font-size: 45px; 
              font-weight: normal; 
              font-style: italic; 
              text-shadow: 2px 2px 2px #302217;
              color: #fffbfa; 
              padding-top: 172px; 
              margin: 0; 
              text-align: center; }


#header p   { font-family: serif, Verdana, Helvetica, Arial, sans-serif; 
              color: #ffffea; 
              font-size: 25px; 
              font-style: italic; 
              text-shadow: 2px 2px 2px #302217; 
              padding-bottom: 28px; 
              margin: 0; text-align: left; padding-left: 45px; }


#bodycontent { padding-left: 40px; 
               padding-right: 40px; 
               padding-top: 35px; }


table        { width: 100%; border-collapse: collapse; 
               margin-left: 0px; } 


table td     { border-style: solid; 
               border-width: 1px; 
               border-color: #c8b560; 
               padding: 0px; }
                    
td           { text-align: center; }


p            { font-size: 85%; 
               color: #3B3131; 
               padding-top: 0px; 
               text-align: justify; }


a            { font-family: Arial; 
               font-size: 85%; 
               color: #faf8cc; 
               display: block; 
               width: 100%; 
               background-color: #020202; 
               text-decoration: none; 
               border-style: outset;
               border-width: 1px; 
               border-color: grey; 
               padding-top: 4px; 
               padding-bottom: 4px; }

a:hover      { text-decoration: none; 
               color: #2e3017; 
               background-color: #f7eead; }
  

a:active      { color: white; }
 
#email a       { font-size: 110%; 
               color: #3B3131; 
               padding-top: 0px; 
               margin-top: 0px; 
               text-align: justify; 
               background-color: #fffbfa; 
               text-decoration: none; 
               border-style: none ;
               border-width: 0px; 
               border-color: none ; 
               padding-top: 0px; 
               padding-bottom: 0px; }

#email a:hover { color: #666633; }


#list         { padding-left: 313px; }


li            { font-size: 85%; 
               color: #3B3131;  
               padding-top: 15px; 
               text-align: justify; }   

#callusnow p  { font-size: large; 
               text-align: center; }


.feature      { float: left; 
               margin-top: 0px; 
               margin-bottom: 20px;
               margin-left: 0px;
               margin-right: 20px; }


img           { border:2px solid;  
               border-color: #c9c299; }


h2            { text-align: center;  
               color: #3B3131; 
               font-size: 11px; 
               font-weight: normal; 
               margin: 0; 
               padding-left: 240px; 
               padding-right: 240px; }

#logos        { padding-top: 25px; 
                margin-bottom: -5px; }



#logos img     { border: none; }



.galleryphoto { padding-bottom: 20px; 
                border-bottom: 1px solid; 
                border-color: #c9c299; 
                margin-bottom: 10px; }


#slideshow    { margin: 10px auto;
                position: relative;
                width: 400px;
                height: 300px;
                padding: 4px;
                box-shadow: 0 0 4px rgba(0,0,0,0.4); }

#slideshow > div { position: absolute;
                   top: 10px;
                   left: 10px;
                   right: 10px;
                   bottom: 10px; 
                   border: none; }

#slideshow     { float: left;  
                 margin-top: 15px; 
                 margin-bottom: 20px;
                 margin-left: 0px;
                 margin-right: 20px;}

#slideshow img { border: none; 
                 margin-top: -6px; 
                 margin-bottom: 20px;
                 margin-left: -6px; }

/*
This section deals with the position of items on the screen. It uses absolute positioning - fixed x and y coordinates measured from the top-left corner 
of the browser's content display.
*/


#navigation, #bodycontent, #header, #images { position: relative; } 

#header {  } 

#navigation {  }

#bodycontent {  }

#image {  }