/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */
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;}/* HTML5 display-role reset for older browsers */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, body {
	height:100%;
}
body {
	font:normal 16px/22px "HelveticaNeue-Condensed", "HelveticaNeue", Helvetica, sans-serif;
	color:#22231e;
}
#vignette {
	position:fixed;
	height:100%;
	width:100%;
	box-shadow: inset 0 0 200px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0 0 200px rgba(0,0,0,0.3);
    -webkit-box-shadow: inset 0 0 200px rgba(0,0,0,0.3);
    -khtml-box-shadow: inset 0 0 200px rgba(0,0,0,0.3);
    z-index:-1;
}
#container {
	width:100%;
	height:95%;
	margin:0 auto;
	padding:5% 0 0 0;
}
#content {
	float:left;
	width:70%;
	margin:0 15% 20px 15%;
}
h1 {
	
}
h1 span {
	font-weight:bold;
	display:block;
	padding:360px 0 0 0;
}
h2 {
	font:normal 18px/22px "HelveticaNeue-CondensedBold", "HelveticaNeue", Helvetica, sans-serif;
	margin:0 0 5px 0;
	color:inherit;
}
h3 {
	font:normal 16px/22px "HelveticaNeue-CondensedBold", "HelveticaNeue", Helvetica, sans-serif;
	margin:0 0 5px 0;
	color:inherit;
}
h4 {
	font:normal 16px/22px "HelveticaNeue-CondensedBold", "HelveticaNeue", Helvetica, sans-serif;
	margin:0 0 5px 0;
	color:inherit;
}
#logo {
	float:none;
	margin:0 0 20px 0;
	width:100%;
	height:315px;
	background:transparent url('/elements/img/bbc_large.png') no-repeat center center;
	overflow:hidden;
}
p {
	margin:0 0 10px 0;
}
ul {
	list-style:disc;
	margin:0 0 20px 15px;
}
li {
	list-style-type:disc;
}
a {
	color:inherit;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
.social {
	float:left;
	display:block;
	width:50px;
	height:50px;
	margin-right:10px;
	margin-bottom:10px;
	overflow:hidden;
	background:transparent none no-repeat left top;
}
.facebook {
	background-image:url('/elements/img/facebook-large.png');
}
.twitter {
	background-image:url('/elements/img/twitter-large.png');
}
.linkedin {
	background-image:url('/elements/img/linkedin-large.png');
}
.social span {
	display:block;
	padding:80px 0 0 0;
}

@media only screen and (min-width: 768px) {
	
	#container { width:700px; }
	#logo { float:left; width:276px; margin:100px 20px 0 0; }
	#content { float:left; width:400px; margin:0 0 0 0; }
	
}

/* ---------------------------------------------------------------
   HELPER CLASSES
--------------------------------------------------------------- */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }