html { overflow: auto; }
html, body { margin: 0; }

img { border: none; }
* { outline: none; }

body { background: #feffe8 url(bg.jpg) no-repeat center top; color: #000; font-size: 10px; font-family: Verdana, Geneva, sans-serif; overflow: hidden; }

#container { margin: 32px auto; width: 992px; height: 495px; }
#container #wrapper { float: left; width: 992px; height: 495px; }

#wrapper .left { float: left; width: 179px; height: 495px; background: url(painter.jpg) no-repeat; margin: 0; padding: 0; }
#wrapper .right { float: left; width: 634px; height: 495px; background: url(logo.jpg) no-repeat; margin: 0; padding: 0; }

#container a { float: left; font-size: 20px; color: #007a70; margin: 220px 380px; text-decoration: none; }
#container a:hover { text-decoration: underline; }

#container .linkedin { float: left; width: 50px; height: 14px; margin: 200px 0 0 40px; background: url(linkedin.png) no-repeat; }
#container .facebook { float: left; width: 55px; height: 12px; margin: 10px 0 0 45px; background: url(facebook.png) no-repeat; }
#container .linkedin:hover { background: url(linkedinover.png) no-repeat; }
#container .facebook:hover { background: url(facebookover.png) no-repeat; }

#container .share { float: left; width: 55px; height: 16px; margin: 45px 0 0 45px; }

#slider { position: absolute; top: 440px; left: 0; width: 100%; height: 220px; background: rgba(82,82,82,0.9);  overflow: hidden; }
#slider .imgcontainer { float: left; margin-top: 10px; margin-left: 0; }
#slider .imgcontainer img { margin: 0; padding: 0; }
#slider .button { position: absolute; height: 220px; width: 40px; background: #222222; text-align: center; cursor: pointer; 
filter:alpha(opacity=80); 
    -moz-opacity:0.8; 
    -webkit-opacity: 0.8; 
    -khtml-opacity: 0.8; 
    opacity: 0.8;
}

#slider .rightbutton { right: 0; border-left: 1px solid #919191; }
#slider .leftbutton { left: 0; border-right: 1px solid #919191; }

#slider .leftbutton div { margin: 95px auto; width: 17px; height: 30px; background: url(img/arrows.png) 0 0 no-repeat; }
#slider .rightbutton div { margin: 95px auto; width: 17px; height: 30px; background: url(img/arrows.png) 17px 0px; no-repeat; }


#slider {     
    -webkit-box-shadow: 0px 0px 10px ;
    -moz-box-shadow: 0px 0px 10px ;
    box-shadow: 0px 0px 10px ; 
}

.button.projects { position: absolute; top: 395px; left: 400px; background: rgba(82,82,82,0.9); padding: 6px 10px;  
	border: 5px solid #b6b99d;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;  
}
.button.projects a { color: #fff; text-decoration: none;  }
.button.projects a:hover { color: #222222; }