/* `XHTML, HTML4, HTML5 Reset
----------------------------------------------------------------------------------------------------*/
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,
font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,
section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp {
  border: 0;	margin: 0;	padding: 0;	font-size: 100%;
}
html,body {
  height: 100%;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
/*
  Override the default (display: inline) for
  browsers that do not recognize HTML5 tags.
  IE8 (and lower) requires a shiv:
  http://ejohn.org/blog/html5-shiv
*/
  display: block;
}
b,strong {
/*
  Makes browsers agree.
  IE + Opera = font-weight: bold.
  Gecko + WebKit = font-weight: bolder.
*/
  font-weight: bold;
}
img {
  color: transparent;	font-size: 0;	vertical-align: middle;
/*
  For IE.  http://css-tricks.com/ie-fix-bicubic-scaling-for-images
*/
  -ms-interpolation-mode: bicubic;
}
ol,ul {
  list-style: none;
}
li {
/*
  For IE6 + IE7:
  "display: list-item" keeps bullets from
  disappearing if hasLayout is triggered.
*/
  display: list-item;
}
table {
  border-collapse: collapse;	border-spacing: 0;
}
th,td,caption {
  font-weight: normal;	vertical-align: top;	text-align: left;
}
q {
  quotes: none;
}
q:before,q:after {
	content: '';	content: none;
}
sub,sup,small {
	font-size: 75%;
}
sub,sup {
  line-height: 0;	position: relative;	vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
svg {
/*
  For IE9. Without, occasionally draws shapes
  outside the boundaries of <svg> rectangle.
*/
  overflow: hidden;
}
/*
  960 Grid System ~ Text CSS.
  Learn more ~ http://960.gs/
  Licensed under GPL and MIT.
*/
/* `Basic HTML
----------------------------------------------------------------------------------------------------*/
body {
  font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
}
pre,code {
  font-family: 'DejaVu Sans Mono', Menlo, Consolas, monospace;
}
hr {
  border: 0 #ccc solid;	border-top-width: 1px;	clear: both;	height: 0;
}
/* `Headings
----------------------------------------------------------------------------------------------------*/
h1 {
  font-size: 25px;
}
h2 {
  font-size: 23px;
}
h3 {
  font-size: 21px;
}
h4 {
  font-size: 19px;
}
h5 {
  font-size: 17px;
}
h6 {
  font-size: 15px;
}
/* `Spacing
----------------------------------------------------------------------------------------------------*/
ol {
  list-style: decimal;
}
ul {
  list-style: disc;
}
li {
  margin-left: 30px;
}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset,figure {
  margin-bottom: 20px;
}
/*
  960 Grid System ~ Core CSS.
  Learn more ~ http://960.gs/
  Licensed under GPL and MIT.
*/
/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.
  Note: IE6 works fine without this fix.
*/
body {
  min-width: 960px;
}
/* Container
----------------------------------------------------------------------------------------------------*/
.container_16 {
  margin-left: auto;	margin-right: auto;	width: 960px;
}
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16 {
  display: inline;	float: left;	margin-left: 10px;	margin-right: 10px;
}
/* Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .grid_1 {
  width: 40px;
}
.container_16 .grid_2 {
  width: 100px;
}
.container_16 .grid_3 {
  width: 160px;
}
.container_16 .grid_4 {
  width: 220px;
}
.container_16 .grid_5 {
  width: 280px;
}
.container_16 .grid_6 {
  width: 340px;
}
.container_16 .grid_7 {
  width: 400px;
}
.container_16 .grid_8 {
  width: 460px;
}
.container_16 .grid_9 {
  width: 520px;
}
.container_16 .grid_10 {
  width: 580px;
}
.container_16 .grid_11 {
  width: 640px;
}
.container_16 .grid_12 {
  width: 700px;
}
.container_16 .grid_13 {
  width: 760px;
}
.container_16 .grid_14 {
  width: 820px;
}
.container_16 .grid_15 {
  width: 880px;
}
.container_16 .grid_16 {
  width: 940px;
}
/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
  clear: both;	display: block;	overflow: hidden;	visibility: hidden;	width: 0;	height: 0;
}
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before,.clearfix:after,.container_16:before,.container_16:after {
  content: '.';	display: block;	overflow: hidden;	visibility: hidden;	font-size: 0;	line-height: 0;	width: 0;	height: 0;
}
.clearfix:after,.container_16:after {
  clear: both;
}
/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/
.clearfix,.container_16 {
  zoom: 1;
}