/*************************************************************************
	48 Fitzroy Website
	Developed by Matthew Hill (c) 2008 -- http://www.friskdesign.com/
	for 48 Fitzroy - http://www.48fitzroy.co.uk/
	MODULE: 	global.css
	PURPOSE:	all rules for site
*************************************************************************/

/* Auto float clearing for compliant browsers
*************************************************************************/
#skip:after,
#banner:after,
#content:after,
#sidebar:after,
#footer:after {
	content: ".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}

/* General Rules and classes
*************************************************************************/
html {
	font-size:100.01%;
}
body {
	color:#526568;
	background:#E8E6D4;
	font: normal 0.85em/1.3em Arial,"Helvetica Neue","Helvetica",sans-serif;
}
#skipto {
	position:absolute;
	left:-1000em;
}
.floatright {
	float:right;
	text-align:right;
}
.floatleft {
	float:left;
	text-align:left;
}
.alignright {
	text-align:right;
}
.alignleft {
	text-align:left;
}

/* Layout (sizes / floats / positions of main elements)
*************************************************************************/
#wrapper {
	width:860px;
	margin:20px 0 0 40px;
}
#content {
	margin:0;
	position:relative;
	clear:both;
	min-height:480px;
}
#content.wide {
	width:700px;
	padding:0 80px;
}
#content.slim {
	float:left;
	width:540px;
	padding:0 0 0 80px;
}
#colourbar {
	position:absolute;
	z-index:100;
	top:0; left:0;
	width:10px;
	height:151px;
	font-size:0;
	background:url(../_img/colourbar.png);
}
#sidebar {
	float:left;
	width:240px;
	min-height:480px;
	position:relative;
}
#sidebar img {
	position:absolute;
	right:0;
}


/* Content formatting
*************************************************************************/
h1,h2,h3,h4,h5,h6,blockquote {
	font: normal 1em/1em Verdana,Arial,"Helvetica Neue",Helvetica,sans-serif;
	margin:0;
	padding:0;
	color:#DF4949;
}
p {
	margin:0 0 0.6em;
}
ul,
ol,
dl {
	margin:0 0 0.6em 30px;
	padding:0;
}
li {
	margin:0 0 0.3em;
}
h1 {
	font-size:1.7em;
	line-height:1.1em;
	margin-bottom:10px;
}
h2 {
	font-size:1.7em;
}
h3 {
	font-size:1.3em;
}
h1.impact,
h2.impact,
h2.impactsmall {
	color:#526568;
	font-size:2em;
	margin-bottom:1em;
	line-height:1.1em;	
}
h2.impactsmall {
	font-size:1.2em;
}
img {
	display:block;
}
a,a:link {
	color:#526568;
	color:#DF4949;
	text-decoration:underline;
}
a:visited {
	color:#526568;
}
a:hover {
	color:#DF4949;
}
blockquote {
	color:#526568;
	margin:0;
	padding:0;	
}
blockquote big {
	display:block;
	font-size:1.7em;
	line-height:1.1em;	
	margin:0 0 10px 0;
	color:#DF4949;
}
blockquote p {
	font: normal 0.9em/1.2em Arial,"Helvetica Neue","Helvetica",sans-serif;
}
address {
	padding:0.5em  0 0 0;
	font-style:normal;
	font-size:0.90em;
}
address strong {
	font-size:1.2em;
}

/* Banner
*************************************************************************/
#banner {
	min-height:65px;
}
/* Skip links */
#skip {
	font-size:0.80em;
}
#skip a,#skip a:visited {
	color:#E8E6D4;
	text-decoration:none;
	position:absolute;
	left:-1000em;
	top:0;
}
#skip a:visited:hover,#skip a:hover,#skip a:focus {
	color:#526568;
	text-decoration:underline;
	left:0;
}

/* Tagline */
#tagline {
	float:right;
	position:relative;
	width:175px;
	height:20px;
	overflow:hidden;
}
#tagline span {
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0; left:0;
	background:url(../_img/tagline.png);
	cursor:pointer;
}

/* Top Navigation */
#nav-primary,
#nav-secondary {
	margin:0;
	padding:0;
	clear:left;
	float:left;
	width:680px;
}
#nav-primary li,
#nav-secondary li {
	list-style:none;
	margin:0;
	float:left;
	width:100px;
}
#nav-primary a,
#nav-secondary a,
#nav-primary a:visited,
#nav-secondary a:visited {
	font-size:0.9em;
	font-weight:bold;
	letter-spacing:-0.01em;
	text-decoration:none;
	color:#526568;	
}
#nav-primary a:hover,#nav-primary a:focus,
#nav-secondary a:hover,#nav-secondary a:focus {
	color:#DF4949;	
}
#nav-primary li.selected a,
#nav-secondary li.selected a {
	color:#DF4949;
}

#nav-primary {
	margin:3px 0 0 0;
}

/* Case Study / Image
*************************************************************************/
#content.image h1 {
/*	width:600px;*/
	margin:0 0 10px 0;
}
#content.image p {
	font-size:0.90em;
}
#content.image a {
/*	font-weight:bold;*/
}
#content.image img {
	margin:0 0 12px 0;
}
.footcontact {
	margin-top:20px;
}
/*
#content a,#content a:link {
	color:#DF4949;
}
*/


/* Footer
*************************************************************************/
#footer {
	clear:both;
	position:relative;
	min-height:40px;
	font-size:0.85em;
	background:url(../_img/logo.png) right bottom no-repeat;
}
#footer p {
	position:absolute;
	bottom:0;
}