/* Eric Meyer's Reset Reloaded *//* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
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; vertical-align: baseline; background: transparent; }
html						{ overflow-y: scroll; }
blockquote, q				{ quotes: none; }
a							{ text-decoration: none; }
a:active					{ outline: 0; }
a img						{ border: 0; }
/* remember to define focus styles! */
ins							{ text-decoration: none; }
del							{ text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table						{ border-collapse: collapse; border-spacing: 0; }
.clear						{ clear: both; }
/* new clearfix */
.clearfix:after				{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

/*Utility*/
 /** { outline: 1px solid #faa; }*/

/*Basics*/
body						{ background: #262626 url(../images/bg.png) repeat fixed 0 0; color: #bbb; font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; height: 100%; }
h1, h2, h3,
h4, h5, h6					{ font-family: SansationLight, "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; margin: 0 0 20px 0; color: #fff; }
h3							{ font-size: 24px; line-height: 28px; }
em, i						{ font-style: italic; }
strong, b					{ font-weight: bold; }
a							{ color: #a00; }
a:hover, a:focus, a:active	{ color: #b00; border-bottom: 3px solid #b00; }
p							{ margin: 0 0 20px 0; }
ul							{ list-style: none; margin: 0 0 20px 0; }
#wrap						{ margin: 0 auto; padding: 0 20px; width: 920px; height: 100%; background: url(../images/header-bg.png) fixed no-repeat 50% 0; }

/*Header*/
#header						{ height: 150px; padding: 30px 0 0; }
#logo						{ background: url(../images/firelab-logo.png) no-repeat 0 0; width: 327px; height: 107px; text-indent: -9999px; float: left; }
#logo a						{ display: block; width: 327px; height: 107px; border-bottom: none; }
#slogan						{ margin: 30px 0 0; text-align: right; float: right; font-size: 32px; line-height: 38px; font-weight: normal; color: #bbb; }
#slogan span				{ font-size: 36px; color: #b00; }

/*Content*/
#web, #print, #logos, #vinyl{ clear: both; border-top: 1px solid #393939; border-bottom: 1px solid #1c1c1c; padding: 0 0 10px; }
#recent						{ margin: 0; clear: both; border-bottom: 1px solid #1c1c1c; }
#recent .thumbs				{ border: none; }
.thumbs						{ margin: 30px 0 30px; border-top: 1px solid #1c1c1c; border-bottom: 1px solid #393939; }
.thumbs a:hover, .thumbs a:focus,
.thumbs a:active			{ background: #444; color: #ccc; border: 1px solid #666; }
.thumbs h3					{ margin: 20px 0 20px; }
.thumbs						{  }
.thumbs li					{ width: 284px; height: 177px; margin: 0 30px 20px 0; float: left; position: relative; }
.thumbs li.last				{ margin: 0; }
.thumbs li a				{ display: block; width: 270px; height: 163px; border: 1px solid #000; margin: 0 30px 0 0; padding: 7px; background: #1c1c1c; float: left; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: rgba(0,0,0,0.9) 0 1px 5px; -moz-box-shadow: rgba(0,0,0,0.9) 0 1px 5px; box-shadow: rgba(0,0,0,0.9) 0 1px 5px; }
.thumbs li span.visit		{ position: absolute; bottom: 10px; right: 11px; visibility: hidden; }
.thumbs li span.visit a		{ width: auto; height: auto; margin: 0; color: #999; padding: 4px 6px; font-size: 12px; }
.thumbs li:hover span.visit { visibility: visible; }
.thumbs li span.visit a:hover { color: #ccc; }
.thumb img					{ width: 270px; height: 163px; }
#recent p					{ padding: 20px 0 0; margin: 0 0 30px; clear: both; }
#recent p a					{ padding: 7px; background: #333; color: #ccc; border: 1px solid #1c1c1c; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
#recent p a:hover, #recent p a:focus,
#recent p a:active			{ background: #444; color: #ccc; border: 1px solid #666; }
.button						{ padding: 7px; background: #333; color: #ccc; border: 1px solid #1c1c1c; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;  }
.button:hover, .button:focus,
.button:active				{ background: #444; color: #ccc; border: 1px solid #666; }
#info						{ padding: 20px 0; border-top: 1px solid #393939; }
#services-box				{ float: left; width: 430px; margin: 0 30px 0 0; }
#services-box li			{ margin: 0 0 5px 0; padding: 0 0 0 15px; list-style-type: none; background: url(../images/red-bullet.png) no-repeat 0 50%; }
#contact-box				{ float: left; width: 460px; margin: 0; }
#contact-box h3				{ padding: 0 0 0 8px; }

/*Footer*/
#footer						{ padding: 40px 0 0; text-align: center; font-size: 12px; clear: both; }

/*Transitions*/
a, .button					{ -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in; }
a:hover, .button:hover		{ -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; }