@import url(http://fonts.googleapis.com/css?family=Varela+Round);
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
*{margin:0;padding:0}
article,aside,figure,footer,header,hgroup,nav,section{display:block}
body{background:#889299 url(img/bg.png) repeat;font-size:12px;line-height:17px;font-family:"Open Sans", "Helvetica Neue",Helvetica, Arial, sans-serif;}
.clear{clear:both}
#boxer{width:560px;margin:55px auto 40px;overflow:hidden;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;
box-shadow:0 1px 0 #BBBBBB, 0 2px 0 #EEEEEE, 0 3px 0 #BBBBBB, 0 4px 0 #EEEEEE, 0 4px 2px #333333, 0 2px 2px #AAAAAA;
-moz-box-shadow:0 1px 0 #BBBBBB, 0 2px 0 #EEEEEE, 0 3px 0 #BBBBBB, 0 4px 0 #EEEEEE, 0 4px 2px #333333, 0 2px 2px #AAAAAA;
-webkit-box-shadow:0 1px 0 #BBBBBB, 0 2px 0 #EEEEEE, 0 3px 0 #BBBBBB, 0 4px 0 #EEEEEE, 0 4px 2px #333333, 0 2px 2px #AAAAAA;
}
#boxer .dudeinfo{padding:20px 20px 25px;background:#FAFAFA;overflow:hidden;text-align:center;-moz-box-shadow: 0 -10px 8px #FFFFFF inset;-webkit-box-shadow: 0 -10px 8px #FFFFFF inset;box-shadow: 0 -10px 8px #FFFFFF inset;border:1px solid #fff}
#boxer .dudeinfo h1{font-size:21px;margin:0 0 5px;line-height:26px;color:#333;font-family:"Varela Round", "Helvetica Neue",Helvetica, Arial, sans-serif;font-weight: normal;}
#boxer .dudeinfo p{font-size:14px;margin:0 0 4px ; line-height:19px;}
#boxer .dudeinfo .links{font-size:13px;color:#4E7D9E;padding:10px 0 10px;}
#boxer .dudeinfo .links a{color:#4E7D9E;text-decoration:none;padding: 0 3px;}
#boxer .dudeinfo .links a:hover{text-decoration:underline;}
#boxer .dudeinfo .contact{font-size:12px;color:#555;}
#boxer .container{width:560px;height:201px;overflow:hidden;position:relative;cursor:pointer;border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;}
#boxer .works{margin:0 auto 0;overflow:hidden;position:relative;width:560px;border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;}
#boxer .container span.next{display:none;}
#boxer .container:hover span.next{background:url('img/next.png') no-repeat top left;width:30px;height:30px;display:block;position:absolute;top:85px;right:20px;}
#boxer ul.slides{position:relative;top:0;left:0;list-style:none;padding:0;margin:0}
#boxer ul.slides > li{position:absolute;top:0;width:560px;display:none;padding:0;margin:0; overflow:hidden;border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0; }
#boxer ul.slides > li img{border-bottom:1px solid #FFF;border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0; width:560px; margin:0 auto;}
#boxer .pagiwrap{border-bottom:1px solid #eee;background:#FAFAFA;display:block;overflow:hidden;padding:12px 0 15px;}
#boxer .pagiwrap ul.pagination{list-style:none;padding:0;margin:0px auto 0;width:265px;overflow:hidden;}
#boxer .pagiwrap ul.pagination li{float:left;list-style:none;}
#boxer .pagiwrap ul.pagination li a{margin:0 2px 0 ;background:url(img/dots.png) no-repeat bottom left;height:8px;width:8px;display:block;text-indent:-99999px}
#boxer .pagiwrap ul.pagination li.active a{background-position:top left}
@media only screen and (max-width: 450px) {
	#boxer,#boxer .container,#boxer .works {width:300px;}
	#boxer ul.slides > li img{margin-left:-130px;}
	#boxer .dudeinfo h1{font-size:18px;}
}