diff --git a/index.html b/index.html
index 117826c..891ac58 100644
--- a/index.html
+++ b/index.html
@@ -177,6 +177,8 @@ <h2>Select a design</h2>
                 <a href="http://kizu.ru/en/">Roman Komarov</a></li>
             <li><a href="#simplebox">SimpleBox</a>
                 <a href="http://raelmax.com">Rael Max</a></li>
+            <li><a href="#popout">Popout</a>
+                <a href="http://curtiscummings.me">Curtis Cummings</a></li>
            </ul>
     </nav>
 
diff --git a/styles/popout.css b/styles/popout.css
new file mode 100644
index 0000000..8b2f0fb
--- /dev/null
+++ b/styles/popout.css
@@ -0,0 +1 @@
+body,h1,nav *{margin:0;padding:0;position:relative}body{font:1em/1.5 Arial;margin:0 50px}nav,:before,:after,body>*{position:absolute}h1{background:#0BF;width:300px;font-size:75px;height:100px;top:100px;text-shadow:-1px -1px #000;color:#fff;text-align:center}h1:after,nav :before,nav :after{content:"";background:#08B;width:10px;height:100px;top:5px;left:300px;transform:skewY(45deg)}h2:before,li:before{top:100px;left:5px;height:10px;width:300px;transform:skewX(45deg)}nav{top:200px}nav h2{text-transform:uppercase;font-size:12px;padding:11px 20px}nav :before,nav :after{background:#ccc;height:42px}h2:before,li:before{top:42px;height:10px}nav li{width:300px;font-size:14px;margin-top:-1px;background:#fff}ul *{color:#333;display:block}a,[role] h2{color:#f69}a:hover{color:#000}nav li a{text-decoration:none;left:20px}nav li:hover{left:-15px;border:1px solid #ddd;top:-16px}li a+a{color:#aaa}[role]{top:100px;left:350px}ul:after,ul:before,a:after,a:before,[role] :before,[role] :after{display:none}footer{font-size:10px}
\ No newline at end of file