/* RESET - http://meyerweb.com/eric/tools/css/reset/ */
html, body, applet, object, iframe, svg, 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, figure,
header, footer, figure, details, hgroup, section, article, nav, aside{
	margin:0; padding:0; border:0; outline:0; font-size:100%; font-weight:inherit; font-style:inherit;
	font-family:inherit; text-decoration:inherit; background:transparent; vertical-align:baseline;
}
header, footer, figure, details, hgroup, section, article, nav, aside{display:block;}
img, object, audio, video, svg{width:100%;}

/* BASIC STYLE */
body{text-align:center; line-height:1;}
table{border-collapse:collapse; border-spacing:0;}
strong{font-weight:bold;}
nav ul{list-style:none;}
em{font-style:italic;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}

a{text-decoration:none; color:#1982D1;}
a:visited{color:#A846B5;}
a:hover, a:focus{color:#090; border:0;}
a:active{color:#c03; border:0;}

.no-li{list-style-type:none;}
.no-li li{margin-bottom:1em;}
.left{float:left;}
img.left{margin:0 10px 15px 0;}
.right{float:right;}

/* CLEARFIX */
.cl:before, .cl:after{content:" "; display:table;}
.cl:after{clear:both;}
.cl{*zoom:1;} /* IE6/7 */

/* ANIMATION */
.anim{
-webkit-transition:opacity 1s ease-in-out;
   -moz-transition:opacity 1s ease-in-out;
     -o-transition:opacity 1s ease-in-out;
		transition:opacity 1s ease-in-out;
}

/* TYPOGRAPHY */
body{font-family:helvetica, arial, verdana, sans-serif; line-height:1.25em;}
p{margin-bottom:1em;}
.h1, .h2, .h3, .h4{margin-bottom:1em; font-weight:bold; line-height:100%;}
.h1{font-size:2.25em;}  /* 16x2.25=36 */
.h2{font-size:1.5em;}   /* 16x1.5=24 */
.h3{font-size:1.125em;} /* 16x1.125=18 */
.h4{font-size:0.875em;} /* 16x0.875=14 */