/*
CSS for Cutting Edge site
*/


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

#container  { width: 1000px;
              border-style: ; 
              border-width: 1px; 
              border-color: #ccd1d1; 
              margin: 0 auto; 
              margin-top: 0px; 
              padding: 0px; 
              background-color: #fffffe; }

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

#header     { width: 1000px; height: 100px; background-color: #fffffe; background: url('.png');
              margin-bottom: 10px; }

h1          { font-family: Helvetica, Serif, Trebuchet MS, Arial, sans-serif; 
              font-size: 50px; 
              font-weight: normal; 
              font-style: Italic; 
              text-shadow: 2px 2px 2px; #e0ecff;
              color: #18A943; 
              padding-top: 35px;
              padding-bottom:40px;
              padding-left: 13px;
              margin: 0px; 
              text-align: left; }

h2          { text-align: center; font-size: 27px; font-style:; font-weight:; 
              padding-top: 20px; padding-bottom: 20px;
              margin-top: 0px; margin-bottom: 0px;
              color: #346b77; background-color: #e8f0f2;}


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

h4            { text-align: right; color: #38cc0d;  }


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


#bodycontent {  }


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


table td     { border-style: ; 
               border-width: 0px; 
               border-color: #c8b560; 
               padding-top: 15px; padding-bottom: 15px; padding-left: 13px; padding-right: 13px;}
                    
td           { text-align: center; font-size: 14px; color: #0042ad;}


p            { color: #424242; font-size: 90%;
               text-align: left; padding-left: 20px; padding-right: 20px;}



a            { font-family: Arial; 
               font-size: 110%; 
               color: #2e3017; 
               display:; 
               width: 100%; 
               background-color: none; 
               text-decoration: none; 
               border-style: ;
               border-width: 1px; 
               border-color: grey; 
               padding-top: 2px; 
               padding-bottom: 2px; }

a:selected   { color: #59b795; background: 
;}

a:hover      { text-decoration: none; 
               color: #38cc0d; 
               background-color: none; }
  

a:active     { color: #59b795;}

#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: px; }

ul            { list-style-type: none; }

li:before     { content: "\2713"; %|214129580_3|%; padding-right: 5px; color: #38cc0d; }

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

#callusnow p  { font-size: 29px; color:#fffffe; font-weight: lighter; font-family: serif, "Trebuchet MS", Helvectica, Arial, sans-serif; font-style: italic;
               text-align: center; background-color: #59b795; padding-top: 20px; padding-bottom: 20px;}

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

#intro         { font-size: 16px; font-weight:; font-family: sans-serif, "Trebuchet MS", Helvectica, Arial, font-style:;
               text-align: center; background-color: #e8f0f2; padding-bottom: 20px; padding-left: 30px; padding-right: 30px;}

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



#logos img     { border: none; }


#slideshow    { margin: 0px auto;
                position: relative;
                width: 995px;
                height: 300px;
                padding: 4px;
               }

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

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

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

.row > .column {margin-top: 0px;
  padding: 8px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.column {
  float: left;
  width: 23%;
}

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 9s0%;
  max-width: 1200px;
}

/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

.caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

img.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}
/*
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 {  }