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

	1 WEBFONTS
	2 HTML5
	3 RESET
	4 CLEARFIX

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

/*----------------------*/
/*		1 WEBFONTS		*/
/*----------------------*/

/*
font-family:'Futura LT W04 Light';
font-family:'Futura W01 Medium';
font-family:'Futura W01 Bold';
font-family:'Futura Plus W08 Demi';
font-family:'Futura BT W01 Book';
font-family:'Futura BT W01 Heavy';

font-family: 'Ubuntu', sans-serif;

font-family:'Didot W01 Roman';
font-family:'Didot W01 Bold';
*/

@font-face {
	font-family: 'gotham_bold';
	src: url('../../include/webfonts/gotham/gothamhtf-bold.eot');
	src: url('../../include/webfonts/gotham/gothamhtf-bold.eot?#iefix') format('embedded-opentype'),
		url('../../include/webfonts/gotham/gothamhtf-bold.woff') format('woff'),
		url('../../include/webfonts/gotham/gothamhtf-bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'gotham_book';
	src: url('../../include/webfonts/gotham/gothamhtf-book.eot');
	src: url('../../include/webfonts/gotham/gothamhtf-book.eot?#iefix') format('embedded-opentype'),
		url('../../include/webfonts/gotham/gothamhtf-book.woff') format('woff'),
		url('../../include/webfonts/gotham/gothamhtf-book.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'gotham_light';
	src: url('../../include/webfonts/gotham/gothamhtf-light.eot');
	src: url('../../include/webfonts/gotham/gothamhtf-light.eot?#iefix') format('embedded-opentype'),
		url('../../include/webfonts/gotham/gothamhtf-light.woff') format('woff'),
		url('../../include/webfonts/gotham/gothamhtf-light.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'fortunato';
	src: url('../../include/webfonts/fortunato/Fortunato.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

/*------------------*/
/*		2 HTML5		*/
/*------------------*/
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section { display : block; }



/*------------------*/
/*		3 RESET		*/
/*------------------*/
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section  {
	box-sizing : border-box;
	margin : 0;
	padding : 0;
	border : 0;
	outline : 0;
	font-weight : normal;
	font-style : inherit;
	font-family : inherit;
	vertical-align : top;
}

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

html { font-size : 62.5% }

body {
	font : 10px 'arial','sans-serif';
	font : 1rem 'arial','sans-serif';
	color : black;
}

h1, h2, h3, h4, h5, h6 {
	font-size : 10px;
	font-size : 1rem;
}

ol, ul { list-style : none; }

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

table tr { vertical-align : top; }

caption, th, td {
	text-align : left;
	font-weight : normal;
}

blockquote:before {
	font : 20px/0.6em 'Futura W01 Light';
	font : 2rem/0.6em 'Futura W01 Light';
	content : "« ";
}
blockquote:after {
	font : 20px/0.6em 'Futura W01 Light';
	font : 2rem/0.6em 'Futura W01 Light';
	content : " »";
}

a {
	text-decoration : none;
	cursor : pointer;
	outline : none;
	transition : all 300ms ease-in-out;
	-webkit-transition : all 300ms ease-in-out;
	   -moz-transition : all 300ms ease-in-out;
		 -o-transition : all 300ms ease-in-out;
}

input {
	border-radius : 0;
	-webkit-appearance: none;
}

img {
	max-width : 100%;
	height : auto;
	width : auto;
}


.offscreen {
	position : absolute;
	top : 0;
	left : -9999em;
}

/*----------------------*/
/*		4 CLEARFIX		*/
/*----------------------*/
.clearfix:after {
	content : ".";
	display : block;
	height : 0;
	clear : both;
	visibility : hidden;
}

.clearfix { display : inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height : 1%; }
.clearfix { display : block; }

/* End hide from IE-mac */
.clear { clear: both; }