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

html, body {margin:0; padding:0; font-family:'Lato', Arial, sans-serif; font-size:15px}
a, a:visited {font-size:15px; text-decoration:none; color:#000; font-family:'Lato', Arial, sans-serif}
a:hover {color:#f30}
.clear {clear:both}
p {padding:0; margin:0 0 17px 0}
h1 {font-size:30px; font-weight:bold; margin:0 0 5px 0; padding:0; line-height:25px}
h2 {font-size:20px; font-weight:bold; margin:0 0 20px 0; padding:0; line-height:20px}
.folio-img {padding:0 20px 20px 0}


/* --- TOP --- */
#header {border-bottom:1px solid #e1e1e1; padding:20px 0; margin:15px 20px 10px 20px}
#header h1 {font-size:30px; font-weight:bold; padding:0 0 5px 0; white-space:nowrap}
#header h1 a, #header h1 a:visited {font-size:30px; font-weight:bold; text-decoration:none; color:#000; background:url(_images/_logo.gif) no-repeat 0 7px; padding:17px 0 12px 65px}
#header h1 a:hover {color:#f30; background:url(_images/_logo.gif) no-repeat 0 -134px}
.menu {padding:5px 0 23px 0;}
.menu ul {padding:5px 0 0 0; margin:3px 0 0 67px}
.menu ul li {list-style:none; float:left; margin:0; padding:0; line-height:15px}
.menu ul li a, .menu ul li a:visited {font-size:15px; font-weight:bold; text-decoration:none; color:#000; font-family:'Lato', Arial, sans-serif; margin:0 15px 0 0; padding:0 0 5px 0; letter-spacing:-0.02em}
.menu ul li a:hover {color:#f30}
.menu ul li a.here {border-bottom:1px solid #e1e1e1}
.menu ul li a.here:hover {color:#000}

/* --- CONTENT --- */
.content, .folio {padding:10px 20px 0 20px}
.folio ul {margin:0 0 10px 0; padding:0; float:left}
.folio ul li {display:inline}
.folio ul li a, .folio ul li a:visited {position:relative; float:left; text-decoration:none; color:#fff; padding:0; margin:0 10px 10px 0; font-size:10px; width:150px; height:150px; display:inline}	
.folio ul li a span {display:none}
.folio ul li a:hover {}
.folio ul li a:hover span {background:#f30; display:inline; color:#fff; width:130px; padding:10px; z-index:100; font-size:15px; font-weight:bold; position:absolute; bottom:0; height:130px}

.infobox {margin:0; padding:0; float:left}
.info {float:left;}
.prev-next {float:left; width:200px; margin:10px 0 20px 0}
.prev-next .prev a, .prev-next .prev a:visited {background:url(_images/btn-prev.gif) no-repeat 0 2px; padding:0 10px 0 17px; float:left; font-weight:bold}
.prev-next .prev a:hover {background:url(_images/btn-prev.gif) no-repeat 0px -28px}
.prev-next .next a, .prev-next .next a:visited {background:url(_images/btn-next.gif) no-repeat right 2px; padding:0 17px 0 10px; float:left; font-weight:bold}
.prev-next .next a:hover {background:url(_images/btn-next.gif) no-repeat right -28px}
.fb {margin:80px 0; padding:20px 0; border-top:1px solid #e1e1e1; width:300px}

/* --- FOOTER --- */
#footer {font-size:15px; margin:0px 20px 20px 20px; padding:15px 0 0 0; border-top:1px solid #e1e1e1}