/* 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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block; }
body {
	line-height: 1; }
ol, ul {
	list-style: none; }
blockquote, q {
	quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none; }
table {
	border-collapse: collapse;
	border-spacing: 0; }

html { height: 100%; }

/* TYPOGRAPHY */
body {
	font-size: 20px;
}

h1 {
	color: white;
	font-size: 6em;
	text-transform: uppercase;
}

h2 {
	color: #AAA;
	font-size: 1.1em;
	line-height: 1.2em;
}

.darkFont h1 {
	color: #231f20;
}

.darkFont h2 {
	color: #918f8f; 
}

.mainTitle {
	font-weight: 700;
	font-size: 2.75em;
	margin-bottom: 0.2em;
}

.subTitle {
	font-size: 1.1em;
	margin: 0 320px;
}

.peopleImg .peopleTitle {
	color: white;
	text-align: right;
	font-weight: 700;
	font-size: 6em;
}

.peopleImg .peopleSubtitle {
	color: white;
	text-align: right;
	font-size: 3.8em;
	text-transform: lowercase;
}


/* LINKS */
a { color: #333; text-decoration: none; outline: 0; }
a:hover, a:focus { color: #000; }
p a, p a:visited { line-height: inherit; }
	

/* LIST */
ul, ol { margin-bottom: 20px; }
ul { list-style: none outside; }
ol { list-style: decimal; }
ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
ul ul, ul ol,
ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
ul ul li, ul ol li,
ol ol li, ol ul li { margin-bottom: 6px; }
li { line-height: 18px; margin-bottom: 12px; }
ul.large li { line-height: 21px; }
li p { line-height: 21px; }



/* LAYOUT */
	.clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }


    /* 1600 ------------------------------- */
	.container								{ position: relative; width: 1500px; margin: 0 auto; padding: 0; }
	
	.container .column						{ float: left; display: inline; margin: 0 15px; }
	.container .column.single				{ width: 1470px; }
	.container .half				{ width: 50%; display: block; float: left;}
	.container .column.third				{ width: 470px; float: left; }
	.container .column.twothirds			{ width: 970px; }

	.headerPositioner						{ height: 100px; width: 1470px; margin: 0 auto; }
	.coverTextPositioner					{ margin-left: 500px; }
	h2										{ margin-right: 235px; }
	.peopleImg .peopleTxtPositioner 		{ position: absolute; bottom: 30px; right: 30px; }

	#tmp {
			background: red;
		}

	/* 1280 ------------------------------- */
	@media only screen and (min-width: 1200px) and (max-width: 1499px) {
		.container								{ width: 1200px; }
		
		.container .column						{}
		.container .column.single				{ width: 1170px; }
		.container .column.third				{ width: 370px; }
		.container .column.twothirds			{ width: 770px; }
		h2										{ margin-right: 185px; }
		.peopleImg .peopleTxtPositioner 		{ bottom: 15px; right: 15px; }

		.subTitle 								{ margin: 0 185px; }

		#tmp {
			background: green;
		}		
	}

	/* 768 ------------------------------ */
	@media only screen and (min-width: 768px) and (max-width: 1199px) {
		.container								{ width: 768px; }
		
		.container .column						{}
		.container .column.single				{ width: 738px; }
		.container .column.third				{ width: 226px; }
		.container .column.twothirds			{ width: 482px; }
		h2										{ margin-right: 113px; }
		.peopleImg .peopleTxtPositioner 		{ bottom: 15px; right: 15px; }

		.subTitle 								{ margin: 0 113px; }


		#tmp {
			background: blue;
		}
	}

	/* 600 ------------------------------ */
	@media only screen and (min-width: 600px) and (max-width: 767px) {
		.container								{ width: 600px; }
		
		.container .column						{}
		.container .column.single				{ width: 570px; }
		.container .column.third				{ width: 170px; }
		.container .column.twothirds			{ width: 370px; }
		h2										{ margin-right: 113px; }
		.peopleImg .peopleTxtPositioner 		{ bottom: 15px; right: 15px; }

		.subTitle 								{ margin: 0 113px; }


		#tmp {
			background: orange;
		}
	}

	/* 480 ------------------------------- */
	@media only screen and (max-width: 599px) {
		.container								{ width: 95%; }
		
		.container .column						{ margin: 0; }
		.container .column.single				{ width: 100%; }
		.container .column.third				{ width: 31%; margin: 0 2% 0 0; }
		.container .column.third.last			{ width: 34%; margin: 0; }
		.container .column.twothirds			{ width: 100%; }
		h2										{ margin-right: 10px; }
		.peopleImg .peopleTxtPositioner 		{ bottom: 5px; right: 5px; }

		.subTitle 								{ margin: 0px 10px 20px 0px; }

		#tmp {
			background: violet;
		}
	}

	.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }