@import url(http://levibeach.com/assets/fonts/yanone_kaffeesatz/stylesheet.css); 

/*---------------------------------------------------
  General
---------------------------------------------------*/
body { min-width:960px; padding:0; margin:0; font-family:Helvetica, Arial, sans-serif; color:#15171a; }
hr { height:0; margin-bottom:0; margin-top:20px; border-top-color:#e5e5e5; border-top-style:solid; border-right-width:0; border-left-width:0; border-bottom-width:0; border-top-width:1px; }
h1 { margin:0; padding:0; letter-spacing:-2px; font-size:72px; }
h1#name { display:none; }
h2 { letter-spacing:0; font-weight:bold; line-height:120%; color:#15171a; font-size:24px; margin-top:16px; }
h3 { font-weight:bold; line-height:120%; color:#15171a; font-size:16px; margin:16px 0; }
p { color:#666; font-size:16px; line-height:150%; margin-top:16px; margin-bottom:16px; }
p.lg { font-size:32px; margin-top:16px; line-height:120%; margin-bottom:0; }
a { -webkit-transition:all .25s ease-out; -moz-transition:all .25s ease-out; text-decoration:none; color:#333; background-position:left bottom; background-image:url(http://levibeach.com/images/underline.gif); background-repeat:repeat-x; }
a:hover { background-color:#fffde2; color:#15171a; }
.light { color:#999; }
.line1 { border-top:1px solid #15171a; }
.line2 { border-top:1px solid #e5e5e5; }
.line3 { border-top:1px solid #f2f2f2; }
.line4 { border-top:3px solid #f7c84f; }
.extra-spacing-top { margin-top:20px; }
::selection { background:#f7c84f; color:white; }
.yellow { color:rgba(248,201,79,1); }

/*---------------------------------------------------
  Navigation
---------------------------------------------------*/
#header { padding-top:50px; padding-bottom:50px; }
#logo a,#logo a:hover { background-image:none; background-color:transparent; }

/*---------------------------------------------------
  Navigation
---------------------------------------------------*/
#navmenu { margin-top:50px; font-size:16px; padding-left:15px; padding-bottom:10px; padding-right:10px; padding-top:5px; float:left; color:#999; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; }
#navmenu ul { padding:0; margin:0; }
#navmenu ul li { margin-right:20px; float:left; display:block; padding-bottom:10px; }
#navmenu ul li a { font-family:Helvetica, Arial, sans-serif; -webkit-transition:all .25s ease-out; background-image:none; text-decoration:none; color:#999; }
#navmenu ul li.active { border-bottom:3px solid #0099cc; }
#navmenu ul li.active a { text-decoration:none; color:#ccc; }
#navmenu ul li a:hover { background-color:transparent; color:#15171a; }

/*---------------------------------------------------
  Page
---------------------------------------------------*/
#page { border-top-color:#15171a; border-top-width:5px; border-top-style:solid; width:100%; background-color:transparent; }

/*---------------------------------------------------
  About
---------------------------------------------------*/
#about { }
#about h2 { font-family:YanoneKaffeesatzThin; }
#about p { font-family:YanoneKaffeesatzThin; font-size:72px; line-height:120%; }

/*---------------------------------------------------
  More Info
---------------------------------------------------*/
.footnote { color:#999; font-style:italic; font-size:12px; margin-top:16px; }

/*---------------------------------------------------
  Footer
---------------------------------------------------*/
#footer { height:auto; margin-top:30px; padding-bottom:150px; }
#footer p { color:#999; font-size:12px; }
#footer ul { margin-top:20px; padding-left:0; padding-right:0; }
#footer ul li { margin-bottom:5px; font-size:11px; list-style-type:none; }
#footer a { color:#999; background-image:none; }
#footer a:hover { color:#15171a; background-image:url(http://levibeach.com/images/underline.gif); }

/*---------------------------------------------------
  Portfolio
---------------------------------------------------*/
.work-box { height:160px; width:220px; position:relative; margin-bottom:20px; -webkit-box-shadow:0 0 1px 0 rgba(0,0,0,.7); -moz-box-shadow:0 0 1px 0 rgba(0,0,0,.7); }
a.work-link { -webkit-transition:all .20s ease-out; -moz-transition:all .20s ease-out; background-position:center center; background-repeat:no-repeat; display:block; width:100%; height:100%; }
a.work-link:hover { -webkit-box-shadow:0 0 10px 0 rgba(248,201,79,1); -moz-box-shadow:0 0 10px 0 rgba(248,201,79,1); background-color:rgba(248,201,79,.7); background-image:none; display:block; position:absolute; z-index:3000; }
a.work-link span { -webkit-transition:all .25s ease-in-out; -moz-transition:all .25s ease-out; font-weight:bold; color:white; padding:8px 10px 6px; display:none; background-color:#15171a; }
a.work-link:hover span { display:block; background-color:#15171a; }
.side-section p { font-size:80%; }
.side-section h3 { margin-bottom:10px; }
.longtitle { font-family:YanoneKaffeesatzThin; padding-bottom:18px; display:block; font-size:50%; letter-spacing:normal; color:#999; font-weight:normal; }
.side-section a img { -webkit-transition:all .25s ease-out; -moz-transition:all .25s ease-out; background-color:#fff; padding:3px; border:1px solid #e5e5e5; }
.side-section a:hover img { background-color:#f7c84f; padding:3px; border:1px solid #e4b949; }
img.outline { border:1px solid #e5e5e5; }
a.launch-btn { font-weight:bold; -moz-border-radius:3px; -webkit-border-radius:3px; background-image:none; padding:9px 10px 6px; background-color:#15171a; color:#fff; }
a.launch-btn:hover { background-color:#0099cc; }