/*global Reset*/
html {
  font-family:Arial, Verdana, Geneva, Helvetica, sans-serif;
  font-size: 62.5%;
  font-size: 1em;
  line-height: 1em;
  color:#ddd;
}
html body {
  background:#444 url(img/background_body.gif);
  text-align:center;
}
html * {
  vertical-align: baseline;
  font-family: inherit;
  font-style: inherit;
  font-weight: normal;
  font-size: 1em;
  line-height: 1em;
  border: none;
  padding: 0;
  margin: 0;
  behavior: url(iepngfix.htc);
}
p, pre, blockquote, form, ul, ol, dl {
  margin: 0 0 1em 0;
}
h1, h2, h3, h4, h5, h6 {
  margin:0;
}
h1 {
  font-size:2em;
}
h2 {
  font-size:1.5em;
  margin:0 0 0.5em 0;
  border-bottom:1px solid #444;
}
li, dd, blockquote {
  margin-left: 40px;  
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a {
  color:#adee0c;
}
a:hover {
  text-decoration:none;
  color:#97ca19;
}

#pageWrap {
  width:900px;
  margin:0 auto;
  text-align:left;
}
/*header*/
  #header {
    clear:both;
    height:70px;
    background:#181716 url(img/background_header.gif) repeat-x;
    border-left:1px solid #222;
    border-right:1px solid #222;
  }
    #header .inner{
      padding:.5em .5em 0 .5em;
      position:relative;
    }
      #header .inner h1 {
        font-size:2em;
        color:#adee0c;
      }
      #header .inner h1 strong{
        color:#ddd;
      }
      #header .inner h2 {
        font-size:1.2em;
        color:#666;
        text-indent:1px;
        border:0;
      }
      #header .inner ul.nav {
        margin:0;
        padding:0;
        position:absolute;
        bottom:1em;
        right:1em;
      }
        #header .inner ul.nav li {
          margin:0;
          padding:0;
          display:block;
          float:left;
        }
          #header .inner ul.nav li a {
            font-weight:600;
            display:block;
            float:left;
            margin:0 10px 0 0;
          }
/*content*/
  #content {
    margin:0;
    clear:both;
    border-left:1px solid #222;
    border-right:1px solid #222;
  }
    #content .inner{
      padding:.5em;
      background:#444;
      border-top:1px solid #adee0c;
      border-bottom:1px solid #adee0c;

    }
    #content .inner h1{
      font-size:1.2em;
      height:48px;
      line-height:35px;
      margin-top:20px;
    }
      #content .inner h1{
        padding:0 0 0 60px;
        background:url(img/arrow.gif) no-repeat 0px 3px;
      }
      #content .inner p{
        font-size:.8em;
        line-height:1.2em;
        padding:0 0 0 60px;
        margin-top:-10px;
        margin-bottom:20px;
        }
        #content.about .inner p span.skill{
          font-weight:800;
          color:#adee0c;
        }
    #content .inner fieldset {
      padding:0 0 0 60px;
      width:600px;
    }
      #content .inner form label {
        font-weight:bold;
        font-size:.9em;
        display:block;
        clear:both;
      }
      #content .inner form label.text {
        clear:both;
        display:block;
        padding-bottom:3px;
      }
      #content .inner form div.dropdown {
        position:relative;
        float:left;
        margin-bottom:1em;
      }
      #content .inner form div.dropdown.js {
        border:1px solid #000;
        width:320px;
        background:#ddd url(img/background_paper.jpg) top left;
      }

        #content .inner form div.dropDownTrigger {
          position:relative;
          height:20px;
          line-height:20px;
          width:300px;
        }
          #content .inner form div.dropDownTrigger div {
            height:19px;
            line-height:20px;
            text-indent:25px;
            padding:1px 20px 1px 0;
            width:300px;
          }
        #content .inner form ul.dropdown {
          list-style:none;
          padding:0;
          float:left;
          clear:both;
          border-top:0;
          cursor:default;
          position:absolute;
          top:20px;
          _top:22px;
          left:-1px;
          border:1px solid #000;
        }
          #content .inner form ul.dropdown li {
            padding:0;
            margin:0;
            position:relative;
            height:20px;
            line-height:20px;
            background:#444;
            
          }
            #content .inner form ul.dropdown li label {
              clear:none;
              overflow:visible;
              white-space:nowrap;
              height:20px;
              color:#000;
              padding:0 10px;
              display:block;
              text-indent:15px;
            }
            #content .inner form .dropdown .email {background: url(img/imlogos.gif) no-repeat 0 0}
            #content .inner form .dropdown .aim {background: url(img/imlogos.gif) no-repeat 0 -20px}
            #content .inner form .dropdown .gtalk {background: url(img/imlogos.gif) no-repeat 0 -40px}
            #content .inner form .dropdown .icq {background: url(img/imlogos.gif) no-repeat 0 -60px}
            #content .inner form .dropdown .msn {background: url(img/imlogos.gif) no-repeat 0 -80px}
            #content .inner form .dropdown .skype {background: url(img/imlogos.gif) no-repeat 0 -100px}
            #content .inner form .dropdown .yahoo {background: url(img/imlogos.gif) no-repeat 0 -120px}
            #content .inner form ul.dropdown li input {
              clear:none;
              float:left;
              height:20px;
              position:absolute;
              top:0;
              left:-1000px;
            }
      #content .inner form input.text {
        float:left;
        display:block;
        margin-bottom:1em;
        border:1px solid #fff;
        padding:1px 10px;
        border:1px solid #000;
        background:#ddd url(img/background_paper.jpg) bottom left;
        color:#999;
        font-size:.9em;
        width:300px;
      }
      #content .inner form input#subject {
        width:100%;
      }
      #content .inner form textarea {
        display:block;
        margin-bottom:1em;
        border:1px solid #fff;
        padding:10px;
        width:100%;
        height:200px;
        border:1px solid #000;
        background:#ddd url(img/background_paper.jpg);
        font-size:.9em;
        color:#999;
        overflow:auto;
      }
      #content .inner form input.button {
        background:#222;
        border:1px solid #000;
        clear:both;
        color:#adee0c;
        cursor:pointer;
        display:block;
        float:right;
        font-size:.9em;
        font-weight:bold;
        height:30px;
        padding:3px 10px;
        text-align:center;
      }
      #content .inner .emailMessage {
        background:#ddd url(img/background_paper.jpg);
        border:1px solid #000;
        color:#999;
        display:block;
        font-size:1.1em;
        margin:0 0 1em 60px;
        overflow:auto;
        padding:0 1em;
        width:600px;
      }
      #content .inner .emailMessage p {
        padding:0;
        margin:.5em 0;
      }
      #content .inner .emailMessage p strong {
        font-weight:700;
      }

/*footer*/
  #footer {
    clear:both;
    border-left:1px solid #222;
    border-right:1px solid #222;
  }
    #footer .inner{
        padding:.5em;
        background:#222;
    }
    #footer .inner h2 {
        border:0;
    }
    #toolTip {
      background:url(img/bg_toolTip.gif) no-repeat  left top;
      position:absolute;
      width:200px;
      top:200px;
      left:50px;
      font-size:.8em;
    }
    #toolTip div {
      background:url(img/bg_toolTip.gif) no-repeat  left bottom;
      margin:17px 0 0 0 ;
      padding:3px 5px 5px 5px;
    }