/* @override 
	http://fourthturning.com/_assets/css/master.css 
	http://www.fourthturning.com/_assets/css/master.css
*/


/* @group GLOBAL */

/* http://meyerweb.com/eric/tools/css/reset/ */
	/* v1.0 | 20080212 */

	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,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	body {
		line-height: 1;
	}
	ol, ul, li {
		list-style: none;
		list-style-type: none;
		list-style-image: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}

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

	/* remember to highlight inserts somehow! */
	ins {
		text-decoration: none;
	}
	del {
		text-decoration: line-through;
	}

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

	table td {
		vertical-align: top; }

	.clear {
		clear: both; }

/* @end */

/* @group ELEMENTS */

	html {
		height:100%; 
		max-height:100%; 
		background:#040c14;
		font-family:georgia, palatino linotype, times new roman, serif;
		overflow: hidden; 
	}
	
	body { 
		height:100%; 
		max-height:100%; 
		overflow:hidden; 
		font-size: 12pt;
		line-height: 17pt;
		}
	
	p {
		margin-bottom: 12pt;
	}
	
	a, a:link {
		text-decoration: none;
		color: #1a7ec1;
		font-weight: normal;
	}
	
	a:hover {
		color: #fff;
	}
	
	sup {
		font-size: 8pt;
		line-height: 15pt;
		vertical-align: text-bottom;
	}
	
	label {
		font-size: 8pt;
		line-height: 10pt;
		text-transform: uppercase;
		color: #96a0a9;
		letter-spacing: 1pt;
	}
	
	input:hover,
	textarea:hover {
		background-color: #f1f2f4;
	}
	
	input:focus,
	textarea:focus {
		background-color: #fff;
	}
	
/* @end */



/* @group LAYOUT */
	
	div.title {
		position: absolute;
		left: 100px;
	}
	
	div.top {
		position: relative;
		height: 315px;
	}
	
	div.top .title {
		bottom: 0;
		height: 78px;
	}
	
	div.bottom {
		position: relative;
		height: 886px;
		overflow: hidden;
	}
	
	div.columns {
		padding-left: 100px;
		padding-top: 84px;
	}
	
	div.col {
		float: left;
		width: 360px;
		height: 300px;
		padding-left: 10px;
		margin-right: 10px;
	}

/* @end */


/* @group PRESENTATION */

	div.top {
		background: #313f4b url(/_assets/images/bg-city-top.jpg) no-repeat left bottom;
	}
	
	div.bottom {
		background: #040c14 url(/_assets/images/bg-city-bot.jpg) no-repeat left top;
	}
	
	div.col, div.col p, div.col li, div.col li a {
		color: #c2bfbc;
		font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
		font-weight: 400;
		font-size: 9pt;
		line-height: 12pt;
	}
	
	div.col {
		border-left: 2px solid #39424b;
	}
	
	div.col li {
		margin-left: 20px;
		margin-bottom: 5pt;
		list-style-image: url(/_assets/images/bullet-arrow-right-blue.png);
	}
	
	div.col h3,
	div.col h3 a {
		color: #f7ad1e;
		font-family: Garamond, Palatino, "Times New Roman", Times, serif;
		font-size: 13pt;
		margin-bottom: 10pt;
	}
	
	div.col li a:hover,
	div.col h3 a:hover {
		color: #fff;
	}
	
/* @end */