html { color: #000; background: #FFF; }

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,
img { border: 0; }
/*
	TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var { /*font-style: normal; font-weight: normal;*/ }

ol,
ul { /*list-style: none;*/ }

caption,
th { text-align: left; }
h1,
h2,
h3,
h4,
h5,
h6 { font-size: 100%; font-weight: normal; }
q:before,
q:after { content: ''; }
abbr,
acronym { border: 0; font-variant: normal; }
/* to preserve line-height and selector appearance */
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input,
textarea,
select { font-family: inherit; font-size: inherit; font-weight: inherit; }
/*to enable resizing for IE*/
input,
textarea,
select { *font-size: 100%; color:#999; }
/*because legend doesn't inherit in IE */
legend { color: #000; }
/* YUI CSS Detection Stamp */
#yui3-css-stamp.cssreset { display: none; }

.clear {clear:both; }
.left { float:left}
.right {float:right }
a {color:#666; text-decoration:none; 

-webkit-transition:all .4s ease-in;
-moz-transition:all .4s ease-in;
-ms-transition: all .4s ease-in;
-o-transition: all .4s ease-in;
transition:all .4s ease-in;
}