/* stylesaboutme.css */

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

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

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

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

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

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

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

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

nav li a { background-color: #FFFFFF;
         display: block;
         float: left;
         border: 1px;
         border-style: solid;
         border-color: #000000;
         border-radius: 0px; 
         color: #000000;
         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: #E5C063;
               background-color: #000000;
               } 

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

article { background-color: #FCFCFC;
          position: absolute;
          margin: 0 auto;
          border: 0;
          border-color: #000000;
          padding: 0px 0px;
          top: 230px; 
          left: 0px;
          text-align: justify;
          width: 900px;
          height: 1777px;
          font-family: Verdana, sans-serif; 
          font-style: normal; 
          font-size: 12pt; 
          font-weight: 200; 
          color: #000000; 
          line-height: 20pt;
          }

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

p.post_title { background-color: #FCFCFC;
               margin: 0 auto;
               padding: 0px 0px 0px 0px;
               }

p.italic { background-color: #FCFCFC;
           border: 0;
           font-style: italic;
           font-size: 10pt;
           padding: 0px 0px;
           line-height: 16pt;
           }

#introduction { background-color: #FCFCFC; 
          position: absolute;
          margin: 0 auto;
          border: 0;
          border-color: #FCFCFC;
          padding: 0px 0px; 
          top: 0px; 
          left: 130px;
          text-align: justify;
          width: 640px;
          height: 135px;
          font-family: Verdana, sans-serif; 
          font-style: normal; 
          font-size: 12pt; 
          font-weight: 200; 
          color: #000000;
          line-height: 16pt;
          }


h3.about_me_title { background-color: #FCFCFC;
              margin: 0 auto;
              border: 0;
              padding: 0; 
              padding-top: 0;
              padding-bottom: 15px;
              text-align: center;
              font-style: normal;          
              font-size: 14pt; 
              font-weight: 400; 
              color: #000000;
              line-height: 22pt;
              }


#left_image img { background-color: #FCFCFC;
                  opacity: 1;
                  filter: alpha(opacity=100);
                  position: absolute;
                  margin: 0 auto;
                  border: 0;
                  border-color: #000000;
                  padding: 0px 0px; 
                  top: 150px; 
                  left: 58px;
                  width: 288px;
                  height: 280px; 
                  }

#right_text { background-color: #FCFCFC;
          position: absolute;
          margin: 0 auto;
          border: 0;
          border-color: #FCFCFC;
          padding: 0px 0px; 
          top: 150px; 
          left: 400px;
          text-align: justify;
          width: 442px;
          height: 280px;
          font-family: Verdana, sans-serif; 
          font-style: normal; 
          font-size: 12pt; 
          font-weight: 200; 
          color: #000000;
          line-height: 16pt;
          }

p.right_text_paragraph { background-color: #FCFCFC;
              margin: 0 auto;
              border: 0;
              padding: 0; 
              }

#left_text { background-color: #FCFCFC;
          position: absolute;
          margin: 0 auto;
          border: 0;
          border-color: #FCFCFC;
          padding: 0px 0px; 
          top: 490px; 
          left: 58px;
          text-align: justify;
          width: 442px;
          height: 350px;
          font-family: Verdana, sans-serif; 
          font-style: normal; 
          font-size: 12pt; 
          font-weight: 200; 
          color: #000000;
          line-height: 16pt;
          }

#right_image img { background-color: #FCFCFC;
                   opacity: 1;
                   filter: alpha(opacity=100);
                   position: absolute;
                   margin: 0 auto;
                   border: 0;
                   border-color: #FCFCFC;
                   padding: 0px 0px; 
                   top: 525px; 
                   left: 554px;
                   width: 288px;
                   height: 280px; 
                   }



#centre_text { background-color: #FCFCFC;
          position: absolute;
          margin: 0 auto;
          border: 0;
          border-color: #FCFCFC;
          padding: 0px 0px; 
          top: 870px; 
          left: 130px;
          text-align: justify;
          width: 640px;
          height: 380px;
          font-family: Verdana, sans-serif; 
          font-style: normal; 
          font-size: 12pt; 
          font-weight: 200; 
          color: #000000;
          line-height: 16pt;
          }


p.reset { background-color: #FCFCFC;
          margin: 0 auto;
          padding: 0px 0px 0px 0px; 
          }

#credentials { background-color: #000000;
          position: absolute;
          margin: 0 auto;
          border: 0;
          border-color: #000000;
          padding: 0px 0px; 
          top: 1250px; 
          left: 0px;
          text-align: center;
          width: 900px;
          height: 527px;
          }

#qualifications { background-color: #000000; 
          position: absolute;
          margin: 0 auto;
          border: 0;
          border-color: #000000;
          padding: 0px 0px; 
          top: 0px; 
          left: 20px;
          text-align: left;
          width: 860px;
          height: 230px;
          }

#experience { background-color: #000000; 
          position: absolute;
          margin: 0 auto;
          border: 0;
          border-color: #000000;
          padding: 0px 0px; 
          top: 230px;
          left: 20px;
          text-align: left;
          width: 860px;
          height: 270px;
          }

#experience_left { background-color: #000000; 
          position: absolute;
          margin: 0 auto;
          border: 0;
          border-color: #000000;
          padding: 0px 0px; 
          top: 40px; 
          left: 0px;
          text-align: left;
          width: 270px;
          height: 200px;
          }

#experience_centre { background-color: #000000; 
          position: absolute;
          margin: 0 auto;
          border: 0;
          border-color: #000000;
          padding: 0px 0px; 
          top: 40px; 
          left: 285px;
          text-align: left;
          width: 285px;
          height: 200px;
          }

#experience_right { background-color: #000000; 
          position: absolute;
          margin: 0 auto;
          border: 0;
          border-color: #000000;
          padding: 0px 0px; 
          top: 40px; 
          left: 590px;
          text-align: left;
          width: 270px;
          height: 200px;
          }

p.qualifications_title { background-color: #000000; 
              margin: 0 auto;
              border: 0;
              padding: 0; 
              padding-top: 0px;
              padding-bottom: 0px;
              text-align: center;
              font-style: normal;          
              font-size: 14pt; 
              font-weight: 400; 
              color: #E5C063;
              line-height: 22pt;
              }

p.qualifications_post_title { background-color: #000000;
               margin: 0 auto;
               padding: 0px 0px 0px 0px;
               padding-top: 15px;
               text-align: left;
               font-style: italic;          
               font-size: 10pt; 
               font-weight: 400; 
               color: #E5C063;
               line-height: 16pt;
               }

p.experience_title { background-color: #000000; 
              margin: 0 auto;
              border: 0;
              padding: 0; 
              padding-top: 0px;
              text-align: center;
              font-style: normal;          
              font-size: 14pt; 
              font-weight: 400; 
              color: #E5C063;
              line-height: 22pt;
              }

p.experience_sub_title { background-color: #000000;
               margin: 0 auto;
               padding: 0px 0px 0px 0px;
               padding-top: 5px;
               text-align: left;
               font-style: normal;          
               font-size: 10pt; 
               color: #E5C063;
               line-height: 18pt;
               }

p.experience_post_title { background-color: #000000;
               margin: 0 auto;
               padding: 0px 0px 0px 0px;
               padding-top: 5px;
               padding-left:  0px;
               text-align: left;
               font-style: oblique;          
               font-size: 10pt; 
               font-weight: 400; 
               color: #E5C063;
               line-height: 12pt;
               }

#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: 490px;
         left: 0px;
         width: 900px;
         height: 27px;
         }