@charset "utf-8";
/* CSS Document */


* {
	padding:0;
	margin:0;
}

p {
	margin-bottom: 60px;
	}


body {
	background: url(images/background.jpg) repeat-x #0d0e13;
	font-family:Verdana, Arial, Helvetica, sans-serif;

}

p, a, li, ul, ol {
	color: #fff;
	font-size: 0.8em;
	line-height: 1.7em;
}

p {
	font-size: 0.9em;
}


a{
	text-decoration: none;
	color: #fff;
	}
	
a:hover{
	color: 0b90b4#;
	text-decoration: underline;
	}

ul {list-style-type: none;}

h1 a{
	background: url(images/logo.png) no-repeat;
	width: 188px;
	height: 64px;
	display: block;
	text-indent: -9999px;
	margin: 58px 0 0 44px;
}

h2 {
	color: #FFF;
	margin: 40px 65px;
	font-size: 2em;
}


h3 {
	color: #0b99c0;
		font-size: 2.2em;
}

h4 {
	color: #FFF;
	font-size: 1.4em;
	}

#wrapper {
	width: 1100px;
	margin: auto;
}

#nav {
	float: right;
	margin-top: -60px;
	margin-right: 40px;
	font-size: 2em;
}

#nav ul{
	list-style-type: none;
}

#nav ul li{
	display: inline;
	margin-left: 20px;	
}

.about, #portfolio, #blogContainer {
	padding: 40px 65px;
}

#aboutintro {
	width: 672px;
	float: left;
}

#socialmedia {
	float: left;
	margin-left:20px;
	margin-top: 31px;
}

li#twitter, li#facebook, li#flickr, li#linkedin {
	height: 36px;
	padding-left: 38px;
	font-size: 1.7em;
	border-bottom: 1px solid #373a3e;
	width: 240px;
	padding: 10px 0 5px 38px;
}

li#linkedin a, li#twitter a,  li#facebook a, li#flickr a{
	vertical-align: 6px;
	text-decoration: none;
}

li#linkedin a:hover, li#twitter a:hover,  li#facebook a:hover, li#flickr a:hover{
	text-decoration: underline;
}

li#linkedin {
	border-bottom: none;
	margin-bottom: 20px;
}

li#facebook {
	background: url(images/faebook.gif) no-repeat 0 10px;
}

li#twitter {
	background: url(images/twitter.gif) no-repeat 0 10px;
}

li#linkedin {
	background: url(images/linkedin.gif) no-repeat 0 10px;
}

li#flickr {
	background: url(images/flickr.gif) no-repeat 0 10px;
}

#contact {
	float: left;
	width: 465px;
	padding-right: 20px;

	}
	
#contact2 {
	float: left;
	width: 232px;
	padding-right: 20px;	

	}
	
#contact3 {
	float: left;
	width: 232px;
	padding-right: 0px;
	padding-top: 35px;	

	}
	
#contact2 ul li, #contact3  ul li{
	font-size: 1.3em;
	border-bottom: 1px solid #373a3e;
	padding: 10px 0 10px 12px;
	background: url(images/arrow.gif) no-repeat 0 13px;
	line-height: 0.8em;
}
	
#friends {
	float: left;
	width: 620px;
	padding: 0 10px;
	}

.blog {
	float: left;
	width: 450px;
	padding-right: 20px
	}
	
.blog h4{
	margin-top: 20px;
	}
	
.blog a.link{
	font-size: 0.95em;
	background: url(images/arrowWhite.gif) no-repeat right 8px;
	padding-right: 10px;
}

#portfolio h4 {
	padding: 10px 0 15px 0;
	}
	
#aeroplanejelly a,#mccormicks a,#keens a,#draft a,#visa a,#lighterlife a,#thurrock a,#meetdraw a,#nsn a,#vivo a, #vivo2 a, #liverpool a, #cattles a, #tourism1 a, #tourism2 a, #tfl1 a, #tfl2 a, #crb a, #lighterlifegame a, #mecca a, #meccaBlog a, #army a 
{
	float: left;
	width: 278px;
	height: 115px;
	display: block;
	text-indent:-9999px;
	margin:10px 68px 40px 0;
	}

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

#mecca a{
	background: url(images/mecca.jpg) no-repeat 0 0; 
	}
	
#mecca a:hover{
	background: url(images/mecca.jpg) no-repeat 0 -115px; 
	}
	
#meccaBlog a{
	background: url(images/meccaBlog.jpg) no-repeat 0 0; 
	}
	
#meccaBlog a:hover{
	background: url(images/meccaBlog.jpg) no-repeat 0 -115px; 
	}
	
#army a{
	background: url(images/army.jpg) no-repeat 0 0; 
	}
	
#army a:hover{
	background: url(images/army.jpg) no-repeat 0 -115px; 
	}
	


#lighterlifegame a{
	background: url(images/lighterlifegame.jpg) no-repeat 0 0; 
	}
	
#lighterlifegame a:hover{
	background: url(images/lighterlifegame.jpg) no-repeat 0 -115px; 
	}

#crb a{
	background: url(images/crb.jpg) no-repeat 0 0; 
	}
	
#crb a:hover{
	background: url(images/crb.jpg) no-repeat 0 -115px; 
	}
	
#tfl1 a{
	background: url(images/tfl1.jpg) no-repeat 0 0; 
	}
	
#tfl1 a:hover{
	background: url(images/tfl1.jpg) no-repeat 0 -115px; 
	}
	
#tfl2 a{
	background: url(images/tfl2.jpg) no-repeat 0 0; 
	}
	
#tfl2 a:hover{
	background: url(images/tfl2.jpg) no-repeat 0 -115px; 
	}	

#tourism1 a{
	background: url(images/tourism1.jpg) no-repeat 0 0; 
	}
	
#tourism1 a:hover{
	background: url(images/tourism1.jpg) no-repeat 0 -115px; 
	}	

#tourism2 a{
	background: url(images/tourism2.jpg) no-repeat 0 0; 
	}
	
#tourism2 a:hover{
	background: url(images/tourism2.jpg) no-repeat 0 -115px; 
	}	
	
#aeroplanejelly a{
	background: url(images/aeroplanejelly.jpg) no-repeat 0 0; 
	}
	
#aeroplanejelly a:hover{
	background: url(images/aeroplanejelly.jpg) no-repeat 0 -115px; 
	}	
	
#cattles a{
	background: url(images/cattlesButton.jpg) no-repeat 0 0; 
	}
	
#cattles a:hover{
	background: url(images/cattlesButton.jpg) no-repeat 0 -115px; 
	}	
	
#mccormicks a{
	background: url(images/mccormicks.jpg) no-repeat; 
	}
	
#mccormicks a:hover{
	background: url(images/mccormicks.jpg) no-repeat 0 -115px; 
	}	
	
#keens a{
	background: url(images/keens.jpg) no-repeat; 
	}
	
#keens a:hover{
	background: url(images/keens.jpg) no-repeat 0 -115px; 
	}
	
#draft a{
	background: url(images/draft.jpg) no-repeat; 
	}
	
#draft a:hover{
	background: url(images/draft.jpg) no-repeat 0 -115px; 
	}	
	
#visa a{
	background: url(images/infinite.jpg) no-repeat; 
	}
	
#visa a:hover{
	background: url(images/infinite.jpg) no-repeat 0 -115px; 
	}
	
#vivo a{
	background: url(images/vivo.jpg) no-repeat; 
	}
	
#vivo a:hover{
	background: url(images/vivo.jpg) no-repeat 0 -115px; 
	}
	
#vivo2 a{
	background: url(images/vivo2.jpg) no-repeat; 
	}
	
#vivo2 a:hover{
	background: url(images/vivo2.jpg) no-repeat 0 -115px; 
	}
		
#lighterlife a{
	background: url(images/lighterlife.jpg) no-repeat; 
	}
	
#lighterlife a:hover{
	background: url(images/lighterlife.jpg) no-repeat 0 -115px; 
	}
	
#thurrock a{
	background: url(images/thurrock.jpg) no-repeat; 
	}
	
#thurrock a:hover{
	background: url(images/thurrock.jpg) no-repeat 0 -115px; 
	}
	
#meetdraw a{
	background: url(images/meetdraw.jpg) no-repeat; 
	}
	
#meetdraw a:hover{
	background: url(images/meetdraw.jpg) no-repeat 0 -115px; 
	}

#nsn a{
	background: url(images/nsn.jpg) no-repeat; 
	}
	
#nsn a:hover{
	background: url(images/nsn.jpg) no-repeat 0 -115px; 
	}

#liverpool a{
	background: url(images/liverpool.jpg) no-repeat; 
	}
	
#liverpool a:hover{
	background: url(images/liverpool.jpg) no-repeat 0 -115px; 
	}
	
#cv a{
	background:url(images/cv.png) no-repeat;
	width: 210px;
	height: 286px;
	text-indent: -9999px;
	float: right;
	margin: -40px 40px 0 0;
	cursor:pointer;
	}
	
	#footer {
	padding-top: 50px;
	width: 100%;
	height: 200px;
	background:url(images/footer.jpg);
	clear: left;
	}
	
	#footer p{
	width: 960px;
	margin: auto;
	font-size: 0.7em;
	}
	
#email {
	background:url(images/email.png) 0 1px no-repeat;
	width: 252px;
	height: 68px;
	display: block;
	text-indent: -9999px;
	margin-left: 50px;
}

#email:hover{
	background:url(images/email.png) 0 -68px;
	width: 252px;
	height: 68px;
	display: block;
	text-indent: -9999px;
	margin-left: 50px;
}

#contact p{
	margin-bottom: 20px;
}
	
img {
	float: left;
	padding-right: 15px;
}

#email, #email:hover, #email:hover, h1 a, #cv a, #aboutintro img{ 
	behavior: url(iepngfix.htc); 
}
	
.divider {
	background: url(images/divider.jpg) no-repeat 0 bottom ;
	width: 1100px;
	height: 20px;
	margin-top: 2px;
	clear: left;
}

.backtotop a{
	color: #666;
	float: right;
	padding-right: 20px;
	vertical-align: top;
	background: url(images/arrowGrey.gif) no-repeat 75px 8px;
	}