/** =reset
[http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/]
************************************************************/
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;
}

/* inline elements */
strong              { font-weight: bold; }
cite, em, var, dfn  { font-style: italic; }
abbr                { text-transform: lowercase; font-variant: small-caps; letter-spacing: 0.1em; cursor:help; }
a abbr              { cursor: pointer; }
ins                 { text-decoration: none; border-bottom: 1px dotted; }
a ins               { border: 0; }
del                 { text-decoration: line-through; }
sup,sub             { font-size: 85%; }
sup                 { vertical-align: super; }
sub                 { vertical-align: sub; }

/* tables */
table               { width: 100%; border-collapse: collapse; }
caption, th, td     { text-align: left; }
th, td              { vertical-align: top; }
th                  { font-weight: bold; }

/* quotes */
blockquote, q { quotes: none; }

/* address */
address { font-style: normal;}

/* images */
img { max-width: 100%; }

/** =group (clearfix)
[http://www.positioniseverything.net/easyclearing.html]
************************************************************/
.group:after, .hnav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.group, .hnav { display: inline-block; }
* html .group, * html .hnav { height: 1%; }
.group, .hnav { display: block; }

/** =utility classes
************************************************************/
.hide,
.js .js-hide,
.js-show      { display: none; }
.js .js-show  { display: block; }
.access       { position: absolute; left: -999em; }

.right      { float: right; }
.left	      { float: left; }
.clear      { clear: both; }
.center     { text-align: center; }
img.center  { display: block; margin-left: auto; margin-right: auto; }
.text-right { text-align: right; }
.text-left  { text-align: left; }

.nav        { list-style-type: none;	margin: 0; }
.nav li     { padding: 0; margin: 0; background: none; }
.hnav li    { float: left; display: inline; }
.hnav a,
.vnav a     { display: block; }
.inav li    { display: inline; }

.reset{
  margin: 0;
  padding: 0;
  list-style: none;
  background: none;
}
.reset li{
  list-style: none;
  background: none;
  margin: 0;
  padding: 0;
}

/** =forms
************************************************************/
input, select, textarea, button { margin-top: 0; margin-bottom: 0; }
input, select, textarea, button, label { vertical-align: middle; }

.text,
.textarea,
.select,
.file,
.password {
	margin: 0 0 .75em;
}

textarea,
.text input,
.password input {
	background: #f3f3f3;
	border:1px solid #bbb;
	border-top-width: 2px;
	border-bottom-color: #e2e1dd;
	padding: 5px;
	color: #525252;
}
.text input,
.password input{
  font-weight: bold;
	letter-spacing: -.015em;
	font-size: 16px;
}
textarea{
  height: 80px;
  font-size: 12px;
}
.text label,
.password label,
.textarea label,
.select label,
.file label {
	display: block;
}

textarea:focus,
.text input:focus,
.password input:focus	{
	background-color: #fff;
}
.checkbox label,
.radio label{
  margin-left: .25em;
}
label{
  font-weight: bold;
  font-size: 14px;
  color: #231f16;
}
.actions{
  margin-top: .25em;
  text-align: right;
}
.hform label,
.hform input,
.hform select,
.hform textarea{
  float: left
}
.hform .text,
.hform .password,
.hform .textarea,
.hform .select,
.hform .file{
  clear: left;
}
.hform label{
  width: 60px;
  margin-right: 16px;
}
.hform .text label,
.hform .textarea label{
  padding: 4px 0 0;
}
.text input,
textarea{
  width: 236px;
}
.hform select{
  width: 250px;
}
.default-text{
  font-style: italic;
  padding: 10px 6px 0;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
}

/** =grid
[http://blueprint-generator.kaizeku.com/]
************************************************************/
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-13, .col-14, .col-15, .col-16, .col-17, .col-18, .col-19, .col-20, .col-21, .col-22, .col-23, .col-24{
  float:left;
  margin-right: 16px;
}
.col-last { margin-right: 0; }
.col-center { margin: 0 auto; float: none; }
.col-1  { width: 22px;}
.col-2  { width: 60px;}
.col-3  { width: 98px;}
.col-4  { width: 136px;}
.col-5  { width: 174px;}
.col-6  { width: 212px;}
.col-7  { width: 250px;}
.col-8  { width: 288px;}
.col-9  { width: 326px;}
.col-10 { width: 364px;}
.col-11 { width: 402px;}
.col-12 { width: 440px;}
.col-13 { width: 478px;}
.col-14 { width: 516px;}
.col-15 { width: 554px;}
.col-16 { width: 592px;}
.col-17 { width: 630px;}
.col-18 { width: 668px;}
.col-19 { width: 706px;}
.col-20 { width: 744px;}
.col-21 { width: 782px;}
.col-22 { width: 820px;}
.col-23 { width: 858px;}
.col-24 { width: 896px; margin: 0; }