body {
margin:0px auto;
padding:0px;
color:#454545;
font-family:arial, sans-serif;
background:url(img/bg.png);
}

a, img {
border:none;
}

a {
text-decoration:none;
color:#4ccc70;
}

div, a, img, p, h1, h2, h3, ul, li, form, input {
margin:0px;
padding:0px;
}

a:hover {
color:#151515;
}

.pixel {
width:1px;
height:1px;
background:transparent;
overflow:hidden;
clear:both;
}

.all {
width:100%;
height:100%;

}

.wrapp {
width:1000px;
margin:0px;
padding:0px;
clear:both;
float:left;
}

.left {
width:287px;
float:left;
overflow:hidden;
position:fixed;
top:0px;
left:0px;
}

.left img {
float:left;
margin:40px 0px 0px 0px;
border:none;
}

.left img#info {
margin-left:40px;
}

.right {
width:680px;
float:right;
margin-top:8px;
}

.work {
width:680px;
clear:both;
margin-top:40px;
overflow:hidden;
}

.work img {
margin:0px auto;
margin-left:5px;
-moz-box-shadow:0px 0px 7px #000;
-webkit-box-shadow:0px 0px 7px #000;
box-shadow:0px 0px 7px #000;
}

.work h2 {
float:left;
width:650px;
border-top:1px solid #808080;
text-align:left;
line-height:40px;
height:40px;
margin:20px 20px 0px 5px;
padding:0px;
font-size:14px;
font-weight:normal;
color:#808080;
}

.navi-box {
position:fixed;
top:40px;
right:0px;
}

.navi-box a {
width:84px;
height:77px;
overflow:hidden;
display:block;
-moz-box-shadow:0px 0px 5px #000;
-webkit-box-shadow:0px 0px 5px #000;
box-shadow:0px 0px 5px #000;
margin:10px 0px;
float:right;
clear:both;
}

a#all {
background:url(img/all-h.png) no-repeat top center;

}

a#id {
background:url(img/id-h.png) no-repeat top center;
}

a#web {
background:url(img/web-h.png) no-repeat top center;
}

a#all.hover {
background:url(img/all.png) no-repeat top center;
}


a#id.hover {
background:url(img/id.png) no-repeat top center;
}

a#web.hover {
background:url(img/web.png) no-repeat top center;
}

a#all:hover {
background:url(img/all.png) no-repeat top center;
}


a#id:hover {
background:url(img/id.png) no-repeat top center;
}

a#web:hover {
background:url(img/web.png) no-repeat top center;
}