/* 1. RESET (Original by Erik Meyer: 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;outline:0;background:transparent;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
html {-webkit-font-smoothing: antialiased;}
body{line-height:1;text-rendering: optimizeLegibility;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}

/* remember to define focus styles! */
:focus{outline:0;}

/* remember to highlight inserts somehow! */
ins{text-decoration:none;}
del{text-decoration:line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0;}

/* HTML5 tags */
article, aside, figure, figure img, figcaption, hgroup, footer, header, nav, section, video, object {display:block;}
figure {position: relative;}
figure img {width: 100%;}


/* 2. GLOBAL CLASSES
------------------------------------------------------------------*/
.clearer,.clear{clear:both;}

.float-left,.alignleft,.nav-previous{float:left;}
.float-right,.alignright,.nav-next{float:right;}
.alignnone{float:none;}
.aligncenter{margin:0 auto;display:block;}

.text-left{text-align:left;}
.text-right{text-align:right;}
.text-center,.center{text-align:center;}
.text-justify{text-align:justify;}
.uppercase{text-transform:uppercase;}
.capitalize{text-transform:capitalize;}
	i.capitalize{font-style:normal;}
.letter-spacing{letter-spacing:1px;}

.bold{font-weight:bold;}
.italic{font-style:italic;}
.underline{border-bottom:1pxsolid;}
.highlight{background:#ffc;}
.position_inside{list-style-position:inside;}

img{border:0;}
img.alignleft{float:left;margin-right:2%;}
img.alignright{float:right;margin-right:0;margin-left:2%;}
img.aligncenter{float:none;}

.nomargin{margin:0!important;}
.nopadding{padding:0!important;}
.noborder{border:0;}
.noindent{margin-left:0;padding-left:0;}
.nobullet{list-style:none;list-style-image:none;}
.nodisplay,.hide,.hidden,.screen-reader-text,.ui-tabs-hide,span.type{display:none;}

#accessibility{position:absolute;top:-9999px;font-size:1px;}
.ie6-message{display: none;}
* html .ie6-message{display: block;}

/* 3. STYLING
------------------------------------------------------------------*/
body{
	font: normal 62.5%/1.5em "Helvetica Neue", Helvetica,Arial, "Nimbus Sans", sans-serif; 
	text-shadow: 0 1px 0px rgba(0, 0, 0, 0.6);
}

small{font-size: 12px;}
strong,b,.bold { font-weight: bold; }
em,i,cite{ font-style:italic;}
.requi,.emphasis {color:red;}

hr{width:100%;border:0;clear:both;}


/* 4. LINKS & BUTTONS
------------------------------------------------------------------*/


/* 5. LAYOUT
------------------------------------------------------------------*/


/* 6. TABLES
------------------------------------------------------------------*/


/* 7. MEDIA QUERIES
------------------------------------------------------------------*/

CSS Document Starter, with Reset

css, starter

CSS