body
{
	background:								#333 url("_img/body-background.png") no-repeat 50% 0;
	color:									#333;
	font-family:								Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size:								0.9em;	
}

.pinch
{
	width:									960px;
	margin-left:								auto;
	margin-right:								auto;
}

#header
{
	margin-top:								20px;
	margin-bottom:								20px;
}

#header h1
{
	background:								transparent url("_img/logo.png") no-repeat 0 0;
	width:									545px;
	height:									69px;
	float:									left;
}

#header #contact-details
{
	width:									245px;
	height:									69px; /* 36px */
	float:									right;
}

#header #contact-details ul
{
	margin-top:								16px;
}

#header #contact-details li
{
	width:									244px;
	height:									18px;
	background-color:							transparent;
	background-repeat:							no-repeat;
	background-position:							0 0;
}

#header #contact-details li.mobile-telephone-number
{
	background-image:							url("_img/mobile-telephone-number.png");
}

#header #contact-details li.email-address
{
	background-image:							url("_img/email-address.png");
}

#togglezone div.panel
{
	display:								none;
}

#togglezone p,
#togglezone ul
{
	margin-bottom:								2em;
	font-size:								small;
}

#togglezone h2
{
	background:								transparent url("_img/bullet.png") no-repeat 4px 5px;
	min-height:								11px;
	padding:								4px 4px 4px 20px;
	margin-bottom:								1em;
	position:								relative;
}

#togglezone h2.highlight
{
	background-color:							#ccc9ba;
	color:									#a93535;
	background-image:							url("_img/triangle-down.png");
}

#togglezone h2.on
{
	background-image:							url("_img/triangle-up.png");
}

#verso
{
	float:									left;
	width:									705px;
	background:								transparent url("_img/verso-background.png") no-repeat 0 0;
	min-height:								460px;
	border-top:								1px solid #fff;
}

#recto .cushion,
#verso .cushion
{
	padding:								15px 15px 60px 15px;
}

#about .cushion
{
	padding:								15px;
}

#recto
{
	float:									right;
	width:									235px;
	background:								transparent url("_img/recto-background.png") no-repeat 0 0;
	min-height:								400px;
	border-top:								1px solid #ccc9ba;
}

#footer
{
	color:									#ccc9ba;
	text-align:								center;
	padding-top:								80px;
	padding-bottom:								40px;
	font-size:								small;
}

#about
{
	background:								#c73e3e url("_img/about-background.png") no-repeat bottom left;
	clear:									both;
	color:									#ccc9ba;
	border-top:								1px solid #c73e3e;
	position:								relative;
	min-height:								250px;
}

#footer a:link,
#footer a:visited
{
	color:									#ccc9ba;
	text-decoration:							underline;
}

#footer a:focus,
#footer a:hover,
#footer a:active
{
	color:									#fff;
	text-decoration:							underline;
}

#about a:link,
#about a:visited
{
	color:									#ccc9ba;
	text-decoration:							underline;
}

#about a:focus,
#about a:hover,
#about a:active
{
	color:									#fff;
	text-decoration:							underline;
}

div.clearer
{
	clear:									both;
	line-height:								0;
	height: 								0;
}

#faux-columns
{
	background:								transparent url("_img/faux-columns-background.png") repeat-y 0 0;
	margin-bottom:								20px;
	clear:									both;
}

#photograph
{
	position:								absolute;
	top:									-81px;
	left:									645px;
}

#verso p,
#about p
{
	line-height:								1.25em;
	margin-bottom:								1em;
}

h2#tagline
{
	background:								transparent url("_img/h2/tagline.png") no-repeat 0 0;
	height:									20px;
	width:									675px;
	margin-bottom:								20px;
}

h2#gareth-thomas
{
	background:								transparent url("_img/h2/gareth-thomas.png") no-repeat 0 6px;
	float:									left;
	height:									48px;
	width:									255px;
	margin-bottom:								15px;
	margin-right:								48px;
}

h1 span,
h2 span,
#icons span,
h2#contact,
#contact-details span
{
	position:								absolute;
	left:									-2000px;
	top:									-2000px;
}

#togglezone h2 span
{
	position:								static;
}

#icons
{
	float:									left;
}

#icons li
{
	background-color:							transparent;
	background-repeat:							no-repeat;
	background-position:							0 0;
	margin-right:								12px;
	float:									left;
}

#icons li.last-child
{
	margin-right:								0;
}

#icons li,
#icons li a
{
	width:									48px;
	height:									48px;
}

#icons li a
{
	display:								block;
}

#icons li.twitter
{
	background-image:							url("_img/icons/twitter.png");
}

#icons li.linkedin
{
	background-image:							url("_img/icons/linkedin.png");
}

#about p.first-child
{
	clear:									both;
	margin-top:								64px;
}