/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/*global*/
* { margin: 0; padding: 0; }
a { color: #333; text-decoration: none; }
a:hover { text-decoration: line-through; }

body { margin: 0; 	background-color: #fff; font-family: Helvetica, Arial, sans-serif; font-size: 11px; color: #747270;  overflow: auto; line-height: 1.20em; }
h1 { width: 155px; height: 155px; text-indent: -9999px; background-image: url(../images/global/logo.gif); }
h2 { font-weight: bold; color: #747270; font-size: 20px; margin-bottom: 10px; text-shadow: 0px 1px 1px #fff; line-height: 1em; }
h3 { color: #747270; font-size: 50px; padding-top: 100px; }
h4 { font-weight: bold; color: #747270; font-size: 15px; margin-bottom: 10px; text-shadow: 0px 1px 1px #fff; 10px; text-transform: uppercase; }
h5 { font-weight: bold; color: #747270; font-size: 11px; margin-bottom: 10px; text-shadow: 0px 1px 1px #fff; 10px; text-transform: uppercase; }
p { margin-bottom: 10px; }
.clear { clear: both; margin: 0; padding: 0; }
.tracker { visibility: hidden; }
img { border: 0px; margin-bottom: 10px; }
.hidden { display: none; }
.works { display: none; }

.footer { padding: 25px; margin-bottom: 20px; }

/**** Masonry CSS ****/

.wrap { background: #fff; border: 0px; padding: 10px; margin-bottom: 10px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
.wrap:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.box { margin: 5px; padding: 15px; background: #ece9e6; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; font-size: 11px; float: left; }
.col1 { width: 155px; min-height: 155px; }
.col1:hover { background-color: #fff; }
/*.col2 { width: 600px; visibility: hidden; }
.col3 { width: 280px; }
.col4 { width: 380px; }
.col5 { width: 480px; }*/
.col1 img { max-width: 155px; }
/*.col2 img { max-width: 600px; }
.col3 img { max-width: 280px; }
.col4 img { max-width: 380px; }
.col5 img { max-width: 480px; }*/

/* Infinite Scroll loader */

#infscr-loading { z-index: 5000; position: fixed; left: 40%; bottom: 40px; width: 200px; height: 100px; padding: 10px; background: #000;  opacity: 0.8; color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }