/********************************************************/
/* Stylesheet for Panlogic.co.uk						*/
/* Author Emma Clark - 15.07.10							*/
/* Default												*/
/********************************************************/
/* 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 1px;
	-moz-outline: 1px dotted #666 !important;
	-moz-outline-offset: 1px !important;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/********************************************************/
/* Elements												*/
/********************************************************/
body {
	font-family:Georgia, Arial, Helvetica, sans-serif;
	color:#FFF;
	background:#FFF;
}

h1 {
	font-size:2em;
	font-weight:normal;
	padding:0 0 0 0;
}

h2 {
	font-size:1.8em;
	font-weight:bold;
	padding:0 0 0.5em 0;
}

h3 {
	font-size:1.8em;
	font-weight:normal;
	padding:0 0 0.2em 0;
	line-height:1.2em;
}

h4 {
	font-size:1.1em;
	font-weight:normal;
	padding:1em 0 0.5em 0;
}

p, li, td, th, blockquote {
	font-size:0.7em;
	line-height:1.7em;
}

p, ul, ol {	
	padding:0 0 0.8em 0;
}

li p, li li, li h4 {
	font-size:1em;
}

a, a:link, a:visited {
	text-decoration:none;
	color:#F05C7E;
}
a:active, a:focus, a:hover {
	text-decoration:underline;
	color:#333;
}

input, select, textarea {
	font-family:Georgia, Arial, Helvetica, sans-serif;
	color:#333;
	font-size:0.75em;
}
input, textarea {
	padding:0.25em 0.5em;
}


/********************************************************/
/* Structure											*/
/********************************************************/
#search-container {
	width:58em;
	min-height:2em;
	margin:0 auto;
}

#site-container {
	width:100%;
	float:left;
	background:#FFF url(../img/bg.jpg) repeat-x top left;
	color:#333;
	padding:0 0 3em 0;
}
#site-container .site-section {
	width:60em;
	margin:0 auto;
}
#site-container .about-section {
	width:63.5em;
	margin:0 auto;
}

#header {
	width:60em;
	background:url(../img/fade-base.png) repeat-x bottom left;
	float:left;
}

#latest {
	width:52.5em;
	padding:0 3.75em;
	float:left;
}

#carousel {
	width:60em;
	float:left;
	padding:0.25em 0 0 0;
	/*background:url(../img/our-latest-project.png) no-repeat 45em 1.5em;*/
}

#breadcrumb,
#content-container {
	width:58em;
	padding:0 1em 1em 1em;
	float:left;
}
#content-container #left-nav {
	width:15em;
	float:left;
}
#content-container #content {
	width:39em;
	float:right;
	padding-top:1em;
}

#footer-container {
	clear:both;
	width:100%;
	height:200px;
	background-color:#333333;
	display:table;
	font-family:Arial, Helvetica, sans-serif;
	/* width:60em; */

}
#footer-container #footer {
	width:960px;
	margin:0 auto;
	/* width:60em; */
	padding:1em 0;
}


/********************************************************/
/* Shared												*/
/********************************************************/
/* General */
.no-display {
	text-align:left !important;
	display:block !important;
	text-indent:-1000em !important;
	height:0 !important;
	width:0 !important;
    padding:0 0 0 0 !important;
    margin:0 0 0 0 !important;
}

.bold, strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

p.small {
	font-size:0.7em;
}

.hr {
	width:100%;
	height:21px;
	background:url(../img/hr.jpg) no-repeat top left;
	float:left;
}

a.more {
	font-weight:bold;
}

.required {
	color:#F05C7E;
}

input.button {
	width:auto;
	cursor:pointer;
}

blockquote {
	margin:1em 0;
	border-top:1px solid #DDD;
	border-bottom:1px solid #DDD;
	padding:1.5em;
	font-size:0.7em;
	font-style:italic;
}
blockquote span {
	display:block;
	padding:1em 0 0 0;
	color:#666;
	line-height:1.5em;
	font-style:normal;
}

.tooltip {
	display:none;
	background:transparent url(../img/tooltip.png);
	font-size:12px;
	height:108px;
	width:194px;
	padding:10px 15px;
	color:#333;
	line-height:1.4em;
	font-size:0.7em;
}
.tooltip span {
	font-weight:bold;
	padding:0 0 5px 0;
	display:block;
}

.map {
	width:20em;
	height:15em;
	background:#EEE;
	float:right;
	margin:0 0 1em 0;
}


/********************************************************/
/* Content												*/
/********************************************************/
/* Search ***********************************************/
#search-container form {
	float:right;
	padding:0 0 0 0;
	margin:0 0 0 0;
}

#search-container form input,
#search-container form label {
	float:left;
}

#search-container form input {
	margin:0.6em 0 0 0;
	font-size:0.7em;
}
#search-container form input.button {
	margin:0.6em 0 0 0.5em;
	color:#FFF;
	background:#F05C7E;
	border:1px solid #F05C7E;
	padding:0.35em 1em;
}


/* Header ***********************************************/
#header .logo {
	float:left;
	margin:3.125em 0 1.625em 1em;
}

#header ul {
	float:right;
	margin:8.7em 1em 0 0;
}
#header ul li {
	float:left;
	padding-left:2em;
}
#header ul li a {
	font-size:2.4em;
	color:#333;
}
#header ul li.selected a,
#header ul li a:hover {
	color:#F05C7E;
	text-decoration:none;
}


/* Latest ***********************************************/
#latest p {
	font-size:1em;
	font-weight:bold;
}
#latest p span,
#latest p a,
#latest p em {
	display:block;
	float:left;
	padding:0.6em 0.3em;
}
#latest p span {
	background:url(../img/latest-ring.png) no-repeat top left;
	padding:0.6em 0.3em 0.6em 0.8em;
}
#latest p a.headline {
	background:url(../img/hr-pink.png) no-repeat right 2em;
	padding:0.6em 0.8em 0.6em 0;
	margin:0 0 0 0.3em;
	color:#333;
}
#latest p a.headline:hover {
	text-decoration:none;
	color:#F05C7E;
}
#latest p em {
	font-weight:normal;
	color:#999;
}
#latest p a.more {
	font-style:italic;
}


/* Homepage content - carousel **************************/
#carousel ul {
	width:60em;
	float:left;
	padding:0 0 0 0;
}
#carousel ul li {
	float:left;
	min-height:400px;
}
#carousel ul li.dm {
	background:url(../img/featured/ncpc-dm-bg.png) no-repeat 0 0;
}
#carousel ul li.ncpc {
	background:url(../img/featured/ncpc-bg.png) no-repeat 0 0;
}
#carousel ul li.napf {
	background:url(../img/featured/napf-bg.png) no-repeat 0 0;
}
#carousel ul li.lc {
	background:url(../img/featured/lc-bg.png) no-repeat 0 0;
}
#carousel ul li.nas {
	background:url(../img/featured/nas-bg.png) no-repeat 0 0;
}
#carousel ul li.nas-app {
	background:url(../img/featured/nas-bg.png) no-repeat 0 0;
}
#carousel ul li.dpa-hero {
	background:url(../img/carousel/DPA_hero.png) no-repeat 0 0;
}

#carousel ul li img {
	margin:57px 0 0 112px;
	float:left;
}
#carousel ul li p {
	float:right;
	width:15.8em;
	font-weight:bold;
	font-size:1.2em;
}
#carousel ul li p.intro {
	float:right;
	width:8.25em;
	font-size:2.3em;
	font-weight:normal;
	line-height:1.3em;
	margin-top:3.5em;
}
#carousel ul li p.intro span {	
	font-size:1.2em;
	font-weight:bold;
}
#carousel ul li p a {
	font-style:italic;
}


/* Homepage content - about us **************************/
#site-container .about-section h2 {
	font-weight:normal;
	padding:0 0 1em 0;
}
#site-container .about-section h3 {
	font-size:1.2em;
	padding:0 0 0.5em 0;
}

/* Intro */
#site-container .about-section .intro {
	width:56em;
	min-height:7.25em;
	padding:4em 3.75em 0 3.75em;
	background:url(../img/home-intro-bg.png) no-repeat top left;
	float:left;
	margin-top:-1.5em;
}
#site-container .about-section .intro h1 {
	font-size:5em;
	color:#FFF;
	float:left;
	width:2.8em;
	padding:0 0 0 0;
}
#site-container .about-section .intro p {
	font-size:1.6em;
	color:#FFF;
	float:right;
	width:26em;
	padding:0.2em 0;
	line-height:1.4em;
}

/* News */
#site-container .about-section .news {
	float:left;
	width:32.75em;
	padding:1em 1em 0 2.75em;
	background:url(../img/vr.jpg) repeat-y top right;
}

#site-container .about-section .news .item,
#site-container #content .item {
	width:31.75em;
	float:left;
	padding:0 0 0.8em 0;
}
#site-container #content .item {
	width:39em;
}

#site-container .about-section .news .item .left,
#site-container #content .item .left {
	width:14.4em;
	float:left;
	background:url(../img/news-image-bg.gif) no-repeat left 8px;
	min-height:7em;
	text-align:center;
	position:relative;
	padding:1.5em 0 0 0;
        height:138px;
}
#site-container .about-section .news .item .left .date,
#site-container #content .item .left .date {
	position:absolute;
	top:0;
	right:0;
	background:url(../img/news-date-bg.png) no-repeat top right;
	width:44px;
	height:49px;
	padding-left:5px;
}
#site-container .about-section .news .item .left .date span,
#site-container #content .item .left .date span {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	padding:0.45em 0.3em 0.4em 0.3em;
	color:#FFF;
	font-weight:bold;
}
#site-container .about-section .news .item .left .date span.month,
#site-container #content .item .left .date span.month {
	color:#BC2C4D;
}

#site-container .about-section .news .item .right,
#site-container #content .item .right {
	width:15em;
	margin-left:1.875em;
	float:right;
}
#site-container #content .item .right {
	width:22.7em;
}
#site-container #content .item .right h2 {
	font-size:1.4em;
	font-weight:normal;
}

/* Social */
#site-container .about-section .social,
#site-container #content .social {
	float:right;
	width:23.25em;
	padding:1em 2.75em 0 1em;
}
#site-container #content .social {
	width:36.375em;
	padding:1em 2.75em 0 1.625em;
}
#site-container #content .social h3 {
	font-size:1.2em;
	padding:0 0 0.5em 0;
}

#site-container .about-section .social ul,
#site-container #content .social ul {
	padding:0 0 1.5em 0;
}
#site-container .about-section .social ul li,
#site-container #content .social ul li {
	padding:0.5em 0 0.5em 3.5em;
	color:#888;
	font-style:italic;
}
#site-container .about-section .social ul li a,
#site-container #content .social ul li a {
	font-style:normal;
}
#site-container .about-section .social ul.delicious li,
#site-container #content .social ul.delicious li {
	background:url(../img/delicious-icon.jpg) no-repeat center left;
}
#site-container .about-section .social ul.spotify li,
#site-container #content .social ul.spotify li {
	background:url(../img/spotify-icon.jpg) no-repeat center left;
}
#site-container .about-section .social ul.twitter li,
#site-container #content .social ul.twitter li {
	background:url(../img/twitter-icon.jpg) no-repeat center left;
}


/* Breadcrumb *******************************************/
#breadcrumb li {
	float:left;
	padding-right:1em;
	font-weight:bold;
}
#breadcrumb li a {
	float:left;
	padding-right:1em;
	color:#333;
	font-weight:normal;
}


/* Site content - left nav ******************************/
#left-nav li {
	width:21.5em;
	float:left;
}
#left-nav li.selected {
	background:url(../img/left-arrow.png) no-repeat 0 1.5em;
	padding-bottom:0.5em;
}
#left-nav li.first.selected {
	background:url(../img/left-arrow.png) no-repeat 0 5.5em;
}
#left-nav li.first.no-sub.selected {
	background:url(../img/left-arrow-no-sub.png) no-repeat 0 5.5em;
}
#left-nav li.no-sub.selected {
	background:url(../img/left-arrow-no-sub.png) no-repeat 0 1.5em;
}
#left-nav li.plain.selected {
	background:none;	
}
#left-nav li a {
	display:block;
	float:left;
	background:url(../img/left-bg-right.png) no-repeat bottom right;
	padding-right:10px;
	color:#FFF;
	margin-left:2em;
}
#left-nav li a span {
	display:block;
	float:left;
	cursor:pointer;
	font-weight:bold;
	background:url(../img/left-bg-left.png) no-repeat bottom left;
	padding:1em 2.9em 1.5em 1.5em;
}
#left-nav li.first a span {
	background:url(../img/left-bg-left-top.png) no-repeat bottom left;
	padding-top:5em;
}
#left-nav li.plain a {
	background:none;
	color:#F05C7E;
	font-weight:bold;
	padding:1em 0.5em;
}
#left-nav li a:hover {
	color:#333;
	text-decoration:none;
}

#left-nav li ul {
	background:url(../img/left-sub-bg.png) repeat top left;
	float:left;
	width:18.3em;
	margin:0 0.5em 0 2.2em;
	padding-top:0.5em;
}
#left-nav li ul li a {
	background:none;
	color:#333;
	font-weight:normal;
	padding:0.5em 0;
	margin-left:1em;
}
#left-nav li ul li a:hover,
#left-nav li.selected ul li.selected a {
	background:url(../img/hr-pink.png) no-repeat bottom left;	
}
#left-nav li.selected ul li.selected {
	background:none;
	padding-bottom:0;
}

#left-nav li h2 {
	font-weight:normal;
	margin:0.5em 0 0 0.6em;
	float:left;
	background:url(../img/hr.jpg) no-repeat top left;
	width:10.7em;
	padding:1.5em 0 1em 0.7em;
}

#left-nav li .client,
#content ul.client {
	padding:0 0 0 0;
	float:left;
	background:none;
	width:auto;
	margin:0 0 0 1em;
}
#content ul.client {
	margin:0 0 0 0;
}
#left-nav li .client li,
#content ul.client li {
	width:55px;
	height:55px;
	border:1px solid #EEE;
	background:#FFF;
	padding:5px;
	float:left;
	margin:0 5px 5px 0;
}
#content ul.client li {
	float:left;
	width:67px;
	height:67px;
	padding:0;
	border:none;
}
#left-nav li .client li.double {
	width:127px;
}
#content ul.client li.double {
	width:139px;
}
#content ul.client li a {
	width:55px;
	height:55px;
	border:1px solid #EEE;
	background:#FFF;
	padding:5px;
	float:left;
	cursor:pointer;
}
#content ul.client li.double a {
	width:127px;
}
#content ul.client li a:hover {
	border:1px solid #CCC;
	background:#FFF;
}


/* Site content - main column ***************************/
#content h2.client {
	font-weight:normal;
	padding:0 0 1em 0;
}

#content #featured-img {
	background:url(../img/lg-featured-bg.png) no-repeat 0 0;
	float:left;
	width:517px;
	height:295px;
	padding:22px 0 0 18px;
	margin:0 0 2.5em 0;
}

#content .project-slideshow {
	background:url(../img/lg-featured-bg.png) no-repeat 0 0;
	float:left;
	width:517px;
	height:295px;
	padding:22px 0 0 18px;
	margin:0 0 3.5em 0;
}
#content .project-slideshow.no-show {
	margin:0 0 2.5em 0;
}

#content .highlight {
	width:37em;
	float:left;
	padding:1em;
	margin-top:1em;
	background:url(../img/highlight-bg.png) repeat top left;
	color:#FFF;
}
#content .highlight h2 {
	font-size:3.2em;
	font-weight:normal;
	padding:0 0 0.2em 0;
}
#content .highlight p {
	font-size:1.3em;
	line-height:1.3em;
}
#content .highlight p a {
	color:#FFF;
}
#content .highlight-base {	
	width:39em;
	float:left;
	margin-bottom:1em;
	height:58px;
	background:url(../img/highlight-base.png) no-repeat top left;
}
#content .highlight-base.about {
	background:url(../img/fade-base.png) repeat-x top left;
	height:20px;
	margin-bottom:0.5em;
}

#content .copy,
#content .projects {
	width:39em;
	float:left;
	padding:0 0 1em 0;
}
#content .copy p {
	font-size:1.1em;
	line-height:1.5em;
}

#content .project {
	padding:0 0 2em 0;
}
#content .project h3 {
	padding:0.5em 0;	
}
#content .project h3.top {
	padding:0 0 0.5em 0;	
}
#content .project h4 {
	padding:0 0 0.5em 0;
	font-weight:bold;
	font-size:1.1em;
}
#content .project p {
	font-size:0.7em;
	padding:0 0 1.5em 0;
	line-height:1.7em;
}
#content .project ul {
	padding:0 0 0 0;
}
#content .project ul ul {
	padding:1em 0 0 0;
}
#content .project li {
	padding:0 0 1em 3.5em;
	background:url(../img/bullet.png) no-repeat 1em 0.5em;
}

#content .copy .info-box {
	width:13.625em;
	float:right;
	padding:4em 1em 1em 1em;
	margin:-1.5em 0 1em 2em;
	background:url(../img/info-box-top.png) no-repeat top center;
	color:#FFF;
}
#content .copy .info-box h3 {
	font-size:0.9em;
	font-weight:bold;
	padding:0 0 0.5em 0
}
#content .copy .info-box h4 {
	font-size:0.9em;
	font-weight:normal;
	padding:1em 0 0.5em 0
}
#content .copy .info-box ul li {
	padding:0.5em 0 0.5em 2.3em;
	background:url(../img/info-box-tick.gif) no-repeat center left;
}

#content .copy .client-logo {
	width:295px;
	height:127px;
	text-align:center;
	background:url(../img/client-bg.gif) no-repeat top left;	
	float:right;
	padding:30px 0;
	margin:0 0 1em 1em;
}

#content .projects ul {
	width:39em;
	float:left;
	margin:0 0 1em 0
}
#content .projects ul.featured li {
	width:55.7em;
	float:left;
	background:url(../img/hr.jpg) no-repeat bottom left;
	padding:0.5em 0 2em 0;
	margin:0 0 1.5em 0;
}
#content .projects ul.featured li div {
	float:left;	
}
#content .projects ul.featured li div.image {
	background:url(../img/small-featured-bg.png) no-repeat top left;
	width:391px;
	height:246px;
}
#content .projects ul.featured li div img {
	margin:20px 0 0 15px;
}
#content .projects ul.featured li div.text {
	float:right;
	width:19em;
	padding:0.5em 0 0 0;
}
#content .projects ul.featured li div.text h3,
#content .projects ul.featured li div.text h4 {
	font-size:1.2em;
	font-weight:bold;
	padding:0 0 0.75em 0;
}

#content .projects ul.project-list li {
	width:24em;
	float:left;
	background:url(../img/bullet.png) no-repeat 0 1.5em;
	padding:1em 1em 1em 2em;
}
#content .projects ul.project-list li a {
	font-size:1.6em;
}

#content .columns,
#content .related {
	width:39em;
	float:left;
}
#content .columns h2 {
	background:url(../img/hr.jpg) no-repeat top left;
	padding:0.75em 0;
}
#content .columns .column {
	width:12em;
	margin:0 1.5em 1em 0;
	float:left;
}
#content .columns .column h2 {
	color:#FFF;
	background:#666 url(../img/h2-bg.gif) no-repeat bottom right;
	font-size:1.2em;
	line-height:1.2em;
	padding:0.5em;
	min-height:6em;
	margin:0 0 0.5em 0;
}

#content .related {
	background:#EEE;
	padding:1em;
	width:37em;
}
#content .related h2 {
	padding:0 0 1em 0;
	font-weight:normal;
}
#content .related h3 {
	padding:0.5em 0;
	font-size:1.2em;
	font-weight:bold;
}
#content .related h4 {
	padding:0 0 0.5em 0;
}
#content .related .column {
	width:17.75em;
	float:left;
	margin-right:1.5em;
}
#content .related .column img {
	border:1px solid #CCC;
}

#content .last {
	margin-right:0 !important;
}

#content .case-studies {
	margin:1em 0;
	float:left;
}
#content .case-studies li {
	padding:0 0 1em 0;
}
#content .case-studies li h4 {
	padding:0 0 0.5em 0;
	font-size:1.4em;
}

#content .team {
	margin:1em 0;
	float:left;
}
#content .team li {
	display:block;
	float:left;
}
#content .team li.margin {
	margin:5em -4.5em 0 -4.5em;
}

#content #page-wrap {
	width: 620px;
	padding: 0 0 0 0;
	margin: 0 auto;
	overflow: hidden;
	z-index:0;
	float:left;
}
#content #page-wrap .row {
	width:620px;
	float:left;
	margin-bottom:1em;
	position:relative;
	z-index:0;
}
#content #page-wrap .info-col {
	float: left;
	width: 200px;
	min-height: 280px;
	padding: 0 0 0 0;
	z-index:0;
}
#content #page-wrap .info-col h3 {
	padding: 0 0 0 0;
}
#content #page-wrap .info-col h4 {
	padding: 0.5em 0;
}
#content #page-wrap .info-col img {
	margin:0 0 0.5em 0;
}
#content #page-wrap .info-col dt {
	font-size:0.75em;
	font-weight:bold;
	z-index:0;
	color:#F05C7E;
}
#content #page-wrap .info-col dd h3 {
	line-height:1.1em;
	padding:0 0 0.5em 0;
	color:#333;
}
#content #page-wrap .info-col dd p {
	font-size:0.75em;
	color:#333 ;
}
#content #page-wrap .curCol {
	
}
#content #page-wrap .info-col dd {
	left: 0;
	top: -9999px;
	width: 560px;
	background: #EEE;
	padding: 20px;
	position:absolute;
	z-index:1000 !important;
}
#content #page-wrap .info-col dd.second {
	left: -200px !important;
}
#content #page-wrap .info-col dd.third {
	left: -400px !important;
}

#content #page-wrap .info-col dd p.large {
	font-size:1.1em;
	line-height:1.3em;
}
#content #page-wrap .info-col dd p.large strong {
	display:block;
}


/* Contact us form **************************************/
#content form fieldset {
	float:left;
	padding:1em 0;
}
#content form fieldset dl {
	width:38.225em;
	float:left;
}
#content form fieldset dl dt {
	width:12.78em;
	float:left;
	padding:0.3em 0;
	font-size:1em;
}
#content form fieldset dl dd {
	width:25em;
	float:left;
	padding:0 0 0.5em 0;
	text-align:right;
	font-size:1em;
}
#content form fieldset dd input {
	width:32em;
	border:1px solid #999;
}
#content form fieldset dd input.button {
	width:auto;
	background:#333;
	color:#FFF;
	border:0;
	font-weight:bold;
	padding:0.5em 0.7em;
}
#content form fieldset dd textarea {
	width:32em;
	height:10em;
	margin-bottom:0.2em;
	border:1px solid #999;
}
#content form fieldset dd span {
	display:block;
	font-size:0.7em;
	padding:0.3em 3em 0.5em 1.5em;
	margin:0 0 0 0.5em;
	text-align:left;
	line-height:1.2em;
	color:#888;
	background:url(../img/form-arrow.jpg) no-repeat left 0.5em;
}
#content form fieldset dd input.error,
#content form fieldset dd textarea.error {
	border:1px solid #F05C7E;
}
#content form fieldset dd span.error {
	color:#F05C7E;
	background:url(../img/error-arrow.jpg) no-repeat left 0.5em;
}

/* Sitemap */
#content .sitemap {
	font-size:2em;
}
#content .sitemap a {
	color:#333;
}
#content .sitemap ul ul {
	padding-left:1.5em;
	font-size:0.8em;
}


/* Footer ***********************************************/
#footer a {
	color:#FFF;
}

#footer ul {
	float:left;
	width:30em;
}
#footer ul li {
	float:left;
	border-left:1px solid #FFF;
	padding:0 1em;
}
#footer ul li.first {
	border-left:0;
	padding:0 1em 0 0;
}

#footer p {
	float:right;
	text-align:right;
	width:40em;
}

.whitepaper-text {
	float:right; width:520px;
}