@charset "utf-8";
/* CSS Document */

html , body {width:100%; height:100%; margin:0; overflow: hidden; font-size:10px; font-family:Arial, Helvetica, sans-serif; background:#f5f5f5;}

a {text-decoration:none; outline:none; color:#fff;}
a:hover{color:#FF1737;}
#top{position:absolute; top:0px; height:30px; z-index:200; width:100%;background-color:#000; color:white;}
#top a.about{height:30px; width:30px; background:url(/3/images/about.png) no-repeat; text-indent:-9999px; overflow:hidden; position:absolute; top:0; right:0;}

.slideshow2{margin:auto;}

.container{position:relative; height:1800px;}

.project{position:relative; vertical-align:middle; margin:150px auto 0 auto; width:700px; height:1650px; padding:0 0 0 80px; left:-40px; text-align:center;}

.next{position:absolute; bottom:50px; left:50%; z-index:1000; width:17px; height:18px; background:url(/3/images/arrow.png) no-repeat bottom right; display:block; text-indent:-9999px; overflow:hidden; margin-left:-30px;}
.clicked{background-position:bottom left;}

.prev{position:absolute; top:50px; left:50%; background-color:#CC0; z-index:10001; width:17px; height:18px; background:url(/3/images/arrow.png) no-repeat top left; display:block; text-indent:-9999px; overflow:hidden; display:none; margin-left:-24px;}

.bubble	{position:absolute; top:-38px; left:8px; background-color:#000; color:#fff; width:90px; text-align:left; padding:10px;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; z-index:200;}
.bubble h3{font-size:11px; margin-top:0px;}
.bubble a.arrow{float:right; font-size:14px; line-height:12px; color:#565656}
.bubble .div{float:left;}
.bubble .point{width:7px; height:8px; background:url(/3/images/point.png) no-repeat; position:absolute; bottom:-7px; left:30px;}

.expand{color:#fff;}
.info{display:none;}
.close{display:none; position:absolute; top:5px; right:8px; font-size:12px;}
.site{text-transform:uppercase; color:#CCC; font-size:11px; letter-spacing:1px;}

.hidden{display:none;}