/***********************************************************

	CSS Normalize - Consistentcy Across Broswers 

***********************************************************/

@import url('normalize.css');

/***********************************************************

	CSS Styles

***********************************************************/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

	Type

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@font-face {
    font-family: 'alte_haas_groteskbold';
    src: url('../fonts/altehaas/altehaasgroteskbold-webfont.eot');
    src: url('../fonts/altehaas/altehaasgroteskbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/altehaas/altehaasgroteskbold-webfont.woff') format('woff'),
         url('../fonts/altehaas/altehaasgroteskbold-webfont.ttf') format('truetype'),
         url('../fonts/altehaas/altehaasgroteskbold-webfont.svg#alte_haas_groteskbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'alte_haas_groteskregular';
    src: url('../fonts/altehaas/altehaasgroteskregular-webfont.eot');
    src: url('../fonts/altehaas/altehaasgroteskregular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/altehaas/altehaasgroteskregular-webfont.woff') format('woff'),
         url('../fonts/altehaas/altehaasgroteskregular-webfont.ttf') format('truetype'),
         url('../fonts/altehaas/altehaasgroteskregular-webfont.svg#alte_haas_groteskregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

	General

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
body
{
	font-family: 'alte_haas_groteskregular', serif;
	color: #666; 
}

.bold { font-family:'alte_haas_groteskbold', serif; }

.container
{
	margin: 140px auto; 
	width: 800px; 
}

	.container img { display: inline-block; }
	
	.container p { 
		display: inline-block; 
		font-size: 42px;
		font-weight: 300;  
		margin-left: 70px; 
		vertical-align: top; 
		width: 620px; 
	}
	
		.container p a 
		{
			color: #ee4080;
			border-bottom: 2px dotted #ee4080; 
			text-decoration: none;
			
			transition: all .5s;
			-moz-transition: all .5s; /* Firefox 4 */
			-webkit-transition: all .5s; /* Safari and Chrome */
			-o-transition: all .5s; /* Opera */  
		}
		
			.container p a:hover { color: #666; border-bottom-color: #666; }