/**
 * Resetting the browser's default styles
 * so they we can have a more consistent
 * base over many different browsers.
 * Inspired and based on Eric Meyer's work:
 * http://meyerweb.com/eric/tools/css/reset
 */
 html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,
 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%;font-style:normal;font-weight:normal;vertical-align:baseline;background:transparent;}
 html,body{color:#000000;background:#ffffff;line-height:1;height:100%;}
 ol,ul,li{list-style:none;}
 blockquote,q{quotes:none;}
 caption,th{text-align:left;}
 :focus{outline:0;}
 ins{text-decoration:none;}
 del{text-decoration:line-through;}
 table{border-collapse:collapse;border-spacing:0px;}
 input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;font-size:100%;}
 /**
  * The clearfix hack is a popular way to contain floats
  * without resorting to using presentational markup.
  * http://nicolasgallagher.com/micro-clearfix-hack
  */
 .clearfix:before,.clearfix:after{content:' ';display:table;}
 .clearfix:after{clear:both;}
 .clearfix{*zoom:1;}