/* stylesindex.css */

html { background-color: #F5F5F5;
       margin: 0 auto;
       border: 0; 
       border-color: #F5F5F5;
       padding: 0; 
       font-family: Verdana, sans-serif;  
     } 

body { background-color: #384048;
       margin: 0 auto;
       border: 0;
       border-color: #384048;
       padding: 0;
       width: 900px;
       -webkit-text-size-adjust: none;
       text-size-adjust: none;
     }

#outer { background-color: #384048;
         position: relative;
         margin: 0 auto;         
         border: 0;
         padding: 0;
         width: 900px;
       }

#inner { background-color: #384048;
         position: absolute;
         margin: 0;
         border: 0;
         padding: 0;
         top: 0px; 
         left: 0;    
         width: 900px;
         height: 1170px;
       }

#top_panel { background-color: #384048;
               background-image: url("HomePanel.jpg");
               background-position: center;
               background-size: cover;
               background-repeat: no-repeat;
               opacity: 1;
               position: absolute;
               margin: 0 auto;
               border: 0;
               border-color: #384048; 
               padding: 0px 0px; 
               top: 0px; 
               left: 0px;
               width: 900px;
               height: 120px; 
               font-family: Verdana, sans-serif; 
               font-style: italic; 
               font-size: 14pt; 
               font-weight: normal;
               color: #000000;
               line-height: 20pt;
               }

#title h1 { 
         position: absolute;
         margin: 0 auto;
         border: 0;
         border-color: #384048; 
         padding: 0;
         top: 20px; 
         left: 40px;    
         text-align: left;
         width: 820px;
         height: 40px;
         font-family: Verdana, sans-serif; 
         font-style: normal; 
         font-size: 25pt; 
         font-weight: normal;
         letter-spacing: -1px;          
         color: #FFFFFF;
         text-decoration: none;
       }

#subtitle h2 {
            position: absolute;
            margin: 0 auto;
            border: 0;
            border-color: #384048;
            padding: 0; 
            top: 76px; 
            left: 25px;
            text-align: left;
            width: 550px;
            height: 20px;
            font-family: Verdana, sans-serif; 
            font-style: normal; 
            font-size: 12pt; 
            font-weight: normal;  
            letter-spacing: 0px;       
            color: #FFFFFF;
            text-decoration: none;
          }

#contact_email {
           position: absolute;
           margin: 0 auto;
           border: 0;
           border-color: #384048;
           padding: 0; 
           top: 76px; 
           left: 550px;
           text-align: right;
           width: 305px;
           height: 20px;
           font-family: Verdana, sans-serif; 
           font-style: normal; 
           font-size: 11pt; 
           font-weight: normal;  
           letter-spacing: 1px;
           color: #FFFFFF;
         }

#left_image img { background-color: #384048;
                  opacity: 1;
                  filter: alpha(opacity=100);
                  position: absolute;
                  margin: 0 auto;
                  border: 0;
                  border-color: #384048;
                  padding: 0px 0px; 
                  font-family: Verdana, sans-serif; 
                  font-style: normal; 
                  font-size: 10pt; 
                  text-align: center;
                  color: #FAFAFA;
                  top: 120px; 
                  left: 15px;
                  width: 100px;
                  height: 250px; 
                  }

#top_image img { background-color: #384048;
                 opacity: 1;
                 filter: alpha(opacity=100);
                 position: absolute;
                 margin: 0 auto;
                 border: 0;
                 border-color: #384048;
                 padding: 0px 0px; 
                 font-family: Verdana, sans-serif; 
                 font-style: normal; 
                 font-size: 10pt; 
                 text-align: center;
                 color: #FAFAFA;
                 top: 120px; 
                 left: 130px;
                 width: 640px;
                 height: 250px; 
                 }

#right_image img { background-color: #384048;
                   opacity: 1;
                   filter: alpha(opacity=100);
                   position: absolute;
                   margin: 0 auto;
                   border: 0;
                   border-color: #384048;
                   padding: 0px 0px; 
                   font-family: Verdana, sans-serif; 
                   font-style: normal; 
                   font-size: 10pt; 
                   text-align: center;
                   color: #FAFAFA;
                   top: 120px; 
                   left: 785px;
                   width: 100px;
                   height: 250px; 
                   }


nav ul { background-color: #384048;
         position: absolute;
         margin: 0 auto;
         border: 0;
         border-color: #384048;
         padding: 10px 0px; 
         list-style-type: none; 
         top: 380px;
         left: 130px;
         width: 640px;
         height: 35px;
       }

nav li { background-color: #384048;
         float: left;
         margin-right: 10px;
          }

nav li:last-child { background-color: #384048;
        float: right;
        margin-right: 0px; 
         }

nav li a { background-color: #384048;
         display: block;
         float: left;
         border: 1px;
         border-style: solid;
         border-color: #E5C063;
         border-radius: 0px; 
         color: #E5C063;
         font-family: Verdana, sans-serif; 
         font-style: normal; 
         font-size: 12pt; 
         letter-spacing: 0px;
         text-align: center;
         padding: 7px 8px;
         text-decoration: none;
         }

nav li a:hover {
               color: #384048;
               background-color: #E5C063;
               } 

.active {
               color: #384048;
               background-color: #E5C063;
               } 

article { background-color: #384048;
          position: absolute;
          margin: 0 auto;
          border: 0;
          border-color: #384048;
          padding: 0px 0px; 
          top: 435px;
          left: 130px;
          text-align: justify;
          width: 640px;
          height: 735px;
          font-family: Verdana, sans-serif; 
          font-style: normal; 
          font-size: 12pt; 
          font-weight: 200; 
          color: #F0F0F0;
          line-height: 20pt;
          }

article p { background-color: #384048;  
                -webkit-text-size-adjust: none;
                text-size-adjust: none;
              }

.white_text { color: #FFFFFF; }

h3.home_title { background-color: #384048; 
              margin: 0 auto;
              border: 0;
              padding: 0; 
              padding-top: 15px;
              text-align: left;
              font-style: normal;          
              font-size: 14pt;
              font-weight: 400;
              font-family: Verdana, sans-serif;
              color: #FFFFFF;
              line-height: 22pt;
              }

#webdesigncentre { background-color: #183456;  
         position: absolute;
         margin: 0 auto;
         border: 0;
         border-color: #183456;
         text-align: center;
         font-family: "Times New Roman", serif; 
         font-style: italic; 
         font-size: 12pt; 
         font-weight: normal; 
         letter-spacing: 1px;
         color: #E5C063; 
         top: 700px;
         left: 0px;
         width: 640px;
         }