/* COMMON */

body { margin:0;

       padding:0;

       text-align:center;

}



.header{background-image: url(images/stripes.jpg);

       background-repeat: repeat-x;

       width: auto;

       height: 117px;

       padding: 0;

       margin: 0;

}



#logo{padding: 26px 0 0 0;

      margin: 0;

      margin-left: auto;

      margin-right: auto;

}



img{border: 0px;

}



.navbackground{background-color: #5a4a42;

     margin-right: auto;

     margin-left: auto;

     width: 700px;

     height: 31px;

     margin-top: 24px;

}



.nav{width: 700px;

     margin-left: auto;

     margin-right: auto;
     text-align: center;

}



.nav a{text-decoration: none;

       color: #ffffff;

       font-family: Arial, Sans-Serif;

       font-size: .8em;

}



.background{border-top: 3px solid #5a4a42;

            background-color: #dfdfdc;

            height: 900px;

            margin: 0;

            padding: 0;

}



.whitespace{background-color: #ffffff;

            width: 700px;
            height: 500px;

            border: 0;
            margin-left: auto;

            margin-right: auto;

            text-align: center;

}


.content{border:0;

         margin: 0px 130px 0px 100px;

         padding-top: 65px;
         text-align: left;

}


h1{margin: 0px 0px 30px 30px;

   padding: 18px;

   border-bottom: 1px solid #5a4a42;

   text-align: left;

}



h2{margin: 10px 0 0 50px;

   color: #89a09d;

   font-family: Arial, sans-serif;

   font-weight: bold;

   font-size: 1em;

   text-align: left;

}




p{font-family: Georgia, serif;

  font-size: .8em;

  color: #5a4a42;

  text-align: left;

  margin: 10px 0 0 50px;

}



.textnav{color: #5a4a42;

         font-family: Arial, Sans-serif;

         font-size: .6em;

         margin-left: auto;

         margin-right: auto;

         width: 700px;

         padding-top: 8px;

}



.textnav a {text-decoration: none;

            color: #5a4a42; 

}



.textnav a:hover {text-decoration:none;

                  color:#42525A;

}





/* INDEX PAGE */


#welcome{background-image: url(images/welcome_hdr.gif);

         background-repeat: no-repeat;

}



/* THANK YOU PAGE */


#thanks{background-image: url(images/thanks_hdr.gif);

         background-repeat: no-repeat;

}


/* CONTACT PAGE */


#contact{background-image: url(images/contact_hdr.gif);

         background-repeat: no-repeat;

}

label{margin: 10px 0 0 50px;

   color: #89a09d;

   font-family: Arial, sans-serif;

   font-weight: bold;

   font-size: 1em;

   text-align: left;

}



input, textarea{margin: 1px 0px 17px 50px;

}


.clear{margin: 1px 0px 17px 7px;

}


.submitbutton{background-color:#5a4a42;

              width: 10px;

              height: 5px;

}






/* ABOUT PAGE */


#about{background-image: url(images/about_hdr.gif);

         background-repeat: no-repeat;

}

.floatright{float:right;
margin: 12px 0 20px 50px;
       
}


.content a:link{text-decoration: none;
                color: #4f7873;
}

.content a:visited{text-decoration: none;
                  color: #4f7873;
}

.content a:hover{text-decoration: none;
   color: #89a09d;
}



/* RESUME PAGE */


.content2{

         padding-top: 65px;
         width: 600px;
         text-align: center;
         margin-left: auto;
         margin-right: auto;

}

#experience{background-image: url(images/experience_hdr.gif);

         background-repeat: no-repeat; 
         height: 21px; 
         padding-bottom: 0;  

}

table, tr, td{border: 0;
              margin:0;
              padding: 0;
}


#skills{background-image: url(images/skills_hdr.gif);

         background-repeat: no-repeat;
         height: 21px;
         padding-bottom: 0;
         width: 110px;
        

}


.p2{font-family: Georgia, serif;

  font-size: .8em;

  color: #5a4a42;

  text-align: left;

  margin: 0 0 0 50px;

  border:0;

}


h3{font-family: Georgia, serif;

  font-weight: bold;
  font-size: .8em;

  color: #5a4a42;

  text-align: left;

  margin: 0 0 0px 50px;

  border:0;

}


.h2b{margin: 18px 0 0 50px;

   color: #89a09d;

   font-family: Arial, sans-serif;

   font-weight: bold;

   font-size: .9em;

   text-align: left;

}

.h2c{margin: 0 0 0 50px;

   color: #89a09d;

   font-family: Arial, sans-serif;

   font-weight: bold;

   font-size: .9em;

   text-align: left;

}



.leftcolumn{float: left;
            width: 415px;
            vertical-align: top;
            border: 0;
            padding: 0;
            margin: 0 0 0 -25px;
}


.rightcolumn{
             vertical-align: top;
             border: 0;
             padding: 0;

}

#line{margin: 0px 0px 30px 30px;

   padding: 18px;

   border-bottom: 1px solid #5a4a42;

   text-align: left;
height: 2px;

}



/* PORTFOLIO PAGE */



#portfolio{background-image: url(images/portfolio_hdr.gif);

         background-repeat: no-repeat;
         height: 21px;
         padding-bottom: 0;
}

.content3{border:0;

         margin-right: auto;
 
        margin-left: auto;

         padding-top: 20px;
         text-align: center;

}


.content3 a:link{border:0;

                 text-decoration: none;

}
.content3 a:visited{border:0;

                 text-decoration: none;

}
.content3 a:hover{border:0;

                 text-decoration: none;

}
.content3 a:active{border:0;

                 text-decoration: none;

}
.portfolionav{       
             width: 700px;
             text-align: center;
             border: 0;
             padding: 1px;
             margin-left: auto;
             margin-right: auto;
             margin-top: 15px;
}


.portfolionav li{list-style-type: none;
                 display: inline;
}

.portfolionav ul { margin-left:0;
                   padding-left:0;
}
          
.portfolionav a:link{text-decoration: none;
                     border: 1px solid #5a4a42;
                     margin: 0 4px 0 4px; 
}

.portfolionav a:visited{text-decoration: none;
                     border: 1px solid #A69B86;
                     margin: 0 4px 0 4px; 



}
.portfolionav a:hover{text-decoration: none;
                     border: 1px solid #5a4a42;
                     background-color: #c7c1be;
                     margin: 0 4px 0 4px; 
}

.portfolionav2{       
             width: 700px;
             text-align: center;
             border: 0;
             padding: 1px;
             margin-left: auto;
             margin-right: auto;
             margin-top: 225px;
}


.portfolionav2 li{list-style-type: none;
                 display: inline;
}

.portfolionav2 ul { margin-left:0;
                   padding-left:0;
}
          
.portfolionav2 a:link{text-decoration: none;
                     border: 1px solid #5a4a42;
                     margin: 0 4px 0 4px; 
}

.portfolionav2 a:visited{text-decoration: none;
                     border: 1px solid #A69B86;
                     margin: 0 4px 0 4px; 



}
.portfolionav2 a:hover{text-decoration: none;
                     border: 1px solid #5a4a42;
                     background-color: #c7c1be;
                     margin: 0 4px 0 4px;  
 
}



.jc1{padding-top: 22px;
      border: 0;
      margin-right: 2px;
      margin-left: 2px;

}
.jc2{margin-top: 11px;
      border: 0;

}
.so1{margin-top: 90px;
margin-bottom: 100px;
      border: 0;

}
.kb1{margin-top: 10px;
      border: 1px solid #999999;

}
.kb2{margin-top: 12px;
      border: 1px solid #999999;

}

.cls1{margin-top: 33px;
      border: 0;

}
.cls2{margin-top: 35px;
      border: 0;

}

.mp1{margin-top: 3px;
      border: 0;
      vertical-align: top;
      margin-left: 132px;

}

.mp2{margin-top: -60px;
      margin-left: -60px;
      border: 0;

}

.fona1{margin-top: 1px;
      border: 0;
      vertical-align: top;
}
.fona2{margin-top: 6px;
      border: 0;
      vertical-align: top;
      margin-right: 10px;

}


.wqapg1{margin-top: 11px;
      border: 0;

}
.wqarb1{margin-top: 11px;
      border: 0;

}

.sc1{margin-top: 6px;
      border: 0;

}
.sc2{margin-top: 9px;
      border: 0;

}

.st1{margin-top: 64px;
      border: 0;

}


.st2{margin-top: 33px;
      border: 0;
margin-bottom: 60px;

}


h4{font-family: Arial, san-serif;

  font-weight: bold;
  font-size: 1em;

  color: #5a4a42;

  text-align: center;

  margin: 0;

  border: 0;
  padding: 30px 0 0 0;

}


.copy{font-family: Georgia, serif;

  font-size: .8em;

  color: #5a4a42;

  text-align: center;

  margin-top: 0;
  margin-bottom: 0;
  margin-right: auto;
  margin-left: auto;
}

.description{
             width: 700px;
             text-align: center;
             border: 0;
             padding: 0;
             margin-left: auto;
             margin-right: auto;
}