html,body{
    height:100%;
    margin:0;
    padding:0;
}
body{
    text-align:center;
    min-width:626px;
    min-height:400px;
}
#all {

}

#container {
margin: 100px 13%;
width:1070px;
height:800px;
position:absolute;
text-align:left;

}
#logo {
width:220px;
height:256px;
float:left;
}
#logo:hover {
/*padding: 0px 0px 0px 10px;*/

}
#header a:active
{
outline: none;
}

#header a:focus
{
-moz-outline-style: none;
}
#buttonWrapper{
float:left;
margin: 74px 0px 0px 10px;
list-style-type: none;
padding:0px;


}

#meButton {
width:67px;
height:24px;
margin: 0px 0px 0px 0px;
z-index:199;
}
#meButton:hover {
cursor:pointer;
padding-left:10px;
}
#myworkButton {
width:159px;
height:43px;

}
#myworkButton:hover {
padding-left:10px;
cursor:pointer;

}
#header{
overflow:hidden;
width: 100%
}
img{
border:none;
}
div#chards{
position:absolute;
margin:-105px 0px 0px 0px;

}
.chard{
text-align:center;
vertical-align:middle;
display:none;
}
area{
z-index:199;
}
#aboutMe {
margin: -90px 0px 0px 14px;
}
#imgEye{

}

#imgTxt{
display:none;
margin:0px 7px;

}
/*fz Gallery*/
#ZoomPrev, #ZoomNext {
  text-decoration:none;
  border:0;
}
  #ZoomPrev span,
  #ZoomNext span {
    position: absolute;
    top: 30%;
    background: #333;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    opacity: 0;
    filter: alpha(opacity=0);
    color: #fff;
    text-decoration: none;
    border: 0;
    font-size: 1.4em;
    padding: 4px 10px;
  }
  #ZoomPrev span {
    left: 0;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    padding-left: 20px;
  }
  #ZoomNext span {
    right: 0;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    padding-right: 20px;
  }
  #ZoomPrev:hover span,
  #ZoomNext:hover span {
    :opacity: 0.8;
    :filter: alpha(opacity=80);
  }