/*
Ollie Wells - CSS for twentysixtwelve.co.uk
*/

/* Cross-browser reset */
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
abbr,acronym {font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
del,ins{text-decoration:none;}

/* Global Styles */
body{
	font:62.5% Arial, Verdana, sans-serif;
		}
h1{
	font:bold 3.1em "Arial Black", Helvetica,"Helvetica Neue",Arial,sans-serif;color:#7a797e;text-decoration:none;letter-spacing:-2px
	}
h2{
	font:bold 3.2em "Arial Black", Helvetica,"Helvetica Neue",Arial,sans-serif;color:#7a797e;text-decoration:none;letter-spacing:-2px
	}


h3{
	font:bold 2.2em "Arial Black", Helvetica,"Helvetica Neue",Arial,sans-serif;color:#7a797e;text-decoration:none;letter-spacing:-2px
	}
p, a{

	}
	
/* links */

a {text-decoration:none;color:#108DED;}
a:link {text-decoration:none;color:#108DED;}
a:visited {text-decoration:none;color:#108DED;}
a:hover {text-decoration:none;color:#f64b15;}
a :active{text-decoration:none;color:#108DED;}

	
/* header replacement images */

/* homepage */
 body.homepage h1 {
	margin:-9px 0 23px 0; padding:0 0 4px 0;
	position:relative;
	width:920px; height:42px;
	overflow:hidden;
	}
body.homepage h1 span {
	background: url(../img/titles/h1-homepage.gif) no-repeat 0px 9px;
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:920px; height:42px;
	margin:0; padding:0;overflow:hidden;font-size:1em
	}
	
body.homepage h3#t-someofmywork {
	margin:-9px 0 23px 0; padding:0 0 4px 0;
	position:relative;
	width:920px; height:31px;
	overflow:hidden;
	}
body.homepage h3#t-someofmywork span {
	background: url(../img/titles/h2-someofmywork.gif) no-repeat 0px 8px;
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:920px; height:31px;
	margin:0; padding:0;
	}

body.homepage h2#t-ispecialise {
	margin:-9px 0 23px 0; padding:0 0 4px 0;
	position:relative;
	width:920px; height:41px;
	overflow:hidden;
	}
body.homepage h2#t-ispecialise span {
	background: url(../img/titles/h2-ispecialiseinfrontenddesign.gif) no-repeat 0px 9px;
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:920px; height:41px;
	margin:0; padding:0;
	}

body.homepage h3#t-lookingforopportunities {
	margin:-9px 0 30px 0; padding:0 0 4px 0;
	position:relative;
	width:920px; height:31px;
	overflow:hidden;
	}
body.homepage h3#t-lookingforopportunities span {
	background: url(../img/titles/h3-lookingforopportunities.gif) no-repeat 0px 8px;
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:920px; height:31px;
	margin:0; padding:0;
	}	

/* blog */
 body.blog h1 {
	margin:0 0 33px 0; padding:0;
	position:relative;
	width:920px; height:33px;
	overflow:hidden;
	}
body.blog h1 span {
	background: url(../img/titles/h1-bloghome.gif) no-repeat;
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:920px; height:33px;
	margin:0; padding:0;
	}	
	
#slider div.info p strong{font:bold 1.455em Helvetica,"Helvetica Neue",Arial,sans-serif;color:#7a797e;text-decoration:none;display:block;}
#slider div.info p {font:normal 1.1em verdana;color:#7a797e;text-decoration:none;margin-right:40px}
#slider div.info p a{font:bold 1em Helvetica,"Helvetica Neue",Arial,sans-serif;color:#108ded;text-decoration:none;}
#slider div.info p a:hover{color:#F64B15;}




/* Header */
#primary-nav ul a{font:bold 1.4em Helvetica,"Helvetica Neue",Arial,sans-serif;color:#7a797e;text-decoration:none}
/* Body */
#body-content p{
	font-size:1.4em;
	line-height:1.5em
	}

/* Footer */