/* Reset */

/* @group Structure Module */

body,html {margin:0;padding:0;}

/* @end */

/* @group Text Module */

abbr,acronym,address,blockquote,br,cite,code,dfn,div,em,h1,h2,h3,h4,h5,h6,kbd,p,pre,q,samp,span,strong,var{font-style:normal;font-weight:normal;text-decoration:none;}
blockquote,code,div,h1,h2,h3,h4,h5,h6,p,span,pre,hr{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
b,i,em,strong,del,ins,u{font-weight:normal;font-style:normal;text-decoration:none;}

/* @end */

/* @group Hypertext Module */

a{text-decoration:none;}

/* @end */

/* @group List Module */

dl,dt,dd,ol,ul,li{margin:0;padding:0;list-style:none;}
dl,dt,dd,ol,ul,li{padding:0;margin:0;}

/* @end */

/* @group Forms Module */

button,fieldset,form,input,label,legend,select,optgroup,option,textarea{margin:0;padding:0;}
fieldset{border:0;}

/* @end */

/* @group Basic Table Module */

caption,table,td,th,tr{margin:0;padding:0;font-weight:normal;text-align:left;}
table{border-collapse:collapse;border-spacing:0;}

/* @end */

/* @group Image Module */

img{border:0;}

/* @end */

/* @group Object Module */

object,param{}

/* @end */

/* @group Presentation Module */

b,big,hr,i,small,sub,sup,tt{font-size:100%;}
q:before,q:after{content:'';}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}

/* @end */

/* @group Scripting Module */

noscript{}

/* @end */

/*------------------------------------------------------------------------------------------------------*/


/**
* Clearing Methods
* @see     http://yaml.de/en/documentation/basics/general.html
*/

/* clearfix method for clearing floats */
.clearfix:after { content: "."; display: block; font-size:0; height: 0; clear: both; visibility: hidden;}

/* essential for Safari browser !! */
.clearfix { display: block; }

/* overflow method for clearing floats */
.floatbox { overflow:hidden; }

/* older method of adding empty tags for clearing */
.clear { clear: both; height:1px; line-height:1px; }

/*------------------------------------------------------------------------------------------------------*/



/**
* Generic Classes
* @description     Define styles for simple things like floating to the sides, text aligning, image-replacements
*/

/*---- Floats ----*/
.flR { float: right; }
.flL { float: left; }

/*---- Horizontal Alignment ----*/
.alR { text-align: right; }
.alC { text-align: center; }

/*---- Vertical Alignment ----*/
.vlT {vertical-align:top;}
.vlB {vertical-align:bottom;}

/*---- Hide ----*/
.hide { display: none; }

/*---- Image Replacement Technique ----*/
.ir { position: relative; overflow: hidden; }
.ir span { position: absolute; top: 0; text-indent: -1000em;}

/*------------------------------------------------------------------------------------------------------*/

/**
* Defaults
*/

html { font-size: 100.01%; }
body { font-size: 62.5%; line-height:1em; }

/* Restore some default styles which we like */

h1, h2, h3, h4, h5, h6, p, li { line-height:1.0em; }
h1, h2, h3, h4, h5, h6 { font-weight:bold; }

a { outline: none; }

strong, b { font-weight:bold; }
i { font-style:italic; }