/* reset css */
html {font-size:125%;}
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,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-weight:inherit;font-style:inherit;font-family:inherit;color:inherit;text-align:inherit;}
:focus {outline: 0;}
body {line-height:1;font-size:50%;font-family:Verdana,Arial,Helvetica,sans-serif;text-align:center;color:#2f2f2f;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse;border-spacing:0;}
caption,th,td {text-align:left;font-weight:400;}
blockquote:before,blockquote:after,q:before,q:after {content:"";}
blockquote,q {quotes:"" "";}

/*Clearfix*/
.clearfix:after, .row:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .row {display:inline-block;} /*Those two .clearfix have to be separate!)*/
.clearfix, .row {display:block;}

/* grid framework */
.row {position:relative; margin-left:-10px;}

.gu6 .row {width: 960px;}
.gu5 .row {width: 800px;}
.gu4 .row {width: 640px;}
.gu3 .row {width: 480px;}
.gu2 .row {width: 320px;}
.gu1 .row {width: 160px;}

.col {padding-left:10px;float:left; position:relative;}
.gu6 {width: 950px;}
.gu5 {width: 790px;}
.gu4 {width: 630px;}
.gu3 {width: 470px;}
.gu2 {width: 310px;}
.gu1 {width: 150px;}

strong { font-weight:bold}