@import url("reset.css");
@import url("clearing.css");
@import url("positioning.css");
@import url("typography.css");
@import url("color.css");

/* =tags */

html { font-size: 62.5%; text-align: center; }
body { font: normal 100% Arial, Helvetica, sans-serif; text-align: left; background: #363636; }
a { text-decoration: none; color: #027cd0; }
a:hover { text-decoration: underline; color: #000; }
em { font-weight: bold; font-style: normal; }
address { font-style: normal; }
strong { font-weight: bold; }  

/* =generic classes
 -------------------------------------------------- */

/* =left */
.left { float: left; }

/* =right */
.right { float: right; }

/* =img-left */
.img-left { float: left; margin: 0 10px 0 0; }

/* =img-right */
.img-right { float: right; margin: 0 0 0 10px; }

/* for the elements that need to be removed out of the flow and out of the screen */
.removed { position: absolute; left: -9999px; text-indent: -9999px; font-size: 0; height: 0; }