/* Hello, why are you looking at this?! It's vaguely competent at best but I have organised it neatly :) */

/* ------ GENERAL STUFF ------- */
*{
	margin: 0px;
	padding: 0px;
}
body {
	background-image: url(images/background.jpg);
	background-repeat: repeat;
	margin: 0px;
	font-family: Helvetica, Arial, sans-serif;
}
#wrap {
	width: 954px;
	background-image: url(images/bg-w-shadow.png);
	background-repeat: repeat-y;
	margin: auto;
}
#header {
	height: 157px;
	width: 235px;
	float: left;
}
#header img {
	margin-left: 50px;
	margin-top: 12px;
}
#content {
	width: 852px;
	float: left;
	display: inline;
	padding-bottom: 36px;
	margin-left: 51px; /*15px for bg image + 36px margin*/
	margin-top: 24px;
}
#leftcolumn {
	width: 560px;
	float: left;
	display: inline;
}
#rightcolumn {
	width: 268px;
	float: right;
	display: inline;
	background-color: #F0F1F0;
	border-top: solid 2px #E1E4E2;
	padding-top: 18px;
}
#footer {
	height: 102px;
	clear: both;
	border-top: #E1E4E2 2px solid;
	margin-left: 51px;
	margin-right: 51px;
}
/* ------ STYLES ------- */
h1, h2 {
	font-size: 24px;
	letter-spacing: 0.4px;
	color: #1D98C2;
	padding-bottom: 8px;
}
.imgfollow {
	margin-bottom: 6px;
}
p {
	color: #212121;
	font-size: 12px;
	line-height: 18px;
	padding-bottom: 6px;
	letter-spacing: 0.1px;
}
p a {
	color: #1D98C2;
	text-decoration: underline;
}
p a:visited {
	color: #666666;
	text-decoration: underline;
}
p a:hover {
	color: #212121;
	text-decoration: underline;
}
.footertext {
	color: #999999;
	font-size: 11px;
	padding-top: 18px;
}
img {
	border: 0px;
}
ul {
	list-style: none;
	font-size: 0px;
}

/* ------ INTRO ------- */
#intro {
	border-top: solid 2px #E1E4E2;
	padding-top: 21px;
}
#flashpanel {
	margin-top: 8px;
	margin-bottom: 15px;
}

/* ------ LATEST WORK ------- */

#latestwork {
	border-top: solid 2px #E1E4E2;
	padding-top: 21px;
}
#latestwork img {
	border: 6px solid #E1E4E2;
	margin-bottom: 10px;
}
.indent {
	margin-left: 2px;
}
/* ------ LATEST WORK PROJECT ------- */

#latest01 {
	width: 268px;
	float: left;
	display: inline;
	margin-bottom: 18px;
}
#latest02 {
	width: 268px;
	float: right;
	display: inline;
	margin-bottom: 18px;
}
a.feature01 {
	display: block;
	float: left;
	position: relative;
}
a.feature01:hover {
	text-decoration: none;
}
a.feature01:hover .overlay01 {
	position: absolute;
	z-index: 3;
	width: 256px;
	height: 160px;
}
a.feature01 .overlay01 .caption01 {
	position: absolute;
	height: 32px;
	line-height: 32px;
	width: 100%;
	z-index: 3;
	text-indent: -9999em;
	color: #FFFFFF;
	font-size: 12px;
	bottom: -6px;
	left: 6px;
	overflow: hidden;
}
a.feature01 .caption01 {
	text-decoration: none;
}
a.feature01:hover .caption01 {
	text-indent: 12px;
	background: #1D98C2;
	filter:Alpha(opacity=90);
	-moz-opacity:0.90;
	opacity:0.90;
}
a.feature01 img {
	display: block;
}

/* ------ FLICKR ------- */
#flickrscript {
	height: 112px;
}
#flickrimages {
	clear: both;
	border-top: solid 2px #E1E4E2;
	padding-top: 21px;
	width: 560px;
	border-bottom: 2px dotted #E1E4E2;
}
#flickrimages img {
	float: left;
	width: 81px;
	height: 81px;
	border: 4px solid #E1E4E2;
	margin: 0px 4px 0px 0px;
}

/* ------ TWITTER ------- */
.loading {
	margin-top: 52px;
	margin-left: 12px;
	font-size: 11px;
}
#twitter {
	width: 268px;
	float: left;
	display: inline;
	min-height: 76px;
	margin-top: 12px;
	background-image: url(images/twitterbg.gif);
	background-repeat: no-repeat;
	border-bottom: 1px solid #E1E4E2;
}
#twitter ul {
	padding: 48px 12px 12px 12px;
}
#twitter ul li {
	font-size: 11px;
	line-height: 15px;
	letter-spacing: 0.2px;
	color: #212121;
}
#twitter ul li a {
	color: #1D98C2;
	text-decoration: none;
}
#twitter ul li a:hover {
	color: #212121;
	text-decoration: underline;
}

/* ------ OTHER ------- */
#otherplaces {
	width: 268px;
	float: right;
	display: inline;
	margin-top: 42px;
}
#otherplaces ul li a {
	float: left;
}
.opacityroll a {
	filter:Alpha(opacity=65);
	-moz-opacity:0.65;
	opacity:0.65;
}
.opacityroll a:hover {
	filter:Alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}

/* ------ NEWS ------- */
#news {
	width: 244px;
	margin-left: 12px;
	min-height: 960px;
}
.rss {
	padding-right: 8px;
	padding-top: 4px;
}
h1 a, h2 a {
	color: #1D98C2;
	text-decoration: none;
}
h1 a:hover, h2 a:hover {
	color: #212121;
	text-decoration: underline;
}
h1 a:visited, h2 a:visited {
	color: #1D98C2;
}
.feedburnerFeedBlock {
	margin-top: 2px;
}
.feedburnerFeedBlock img{
	width: 232px;
	height: auto;
	margin-top: 8px;
	border: 6px solid #E1E4E2;
}
.headline a {
	color: #1D98C2;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	text-decoration: none;
}
.headline a:hover {
	color: #212121;
	text-decoration: underline;
}
.date {
	color: #999999;
	margin-top: 2px;
	font-size: 11px;
	font-style: italic;
}
.feedburnerFeedBlock ul li {
	margin-bottom: 18px;
	border-bottom: solid 2px #E1E4E2;
}
.feedburnerFeedBlock div {
	color: #333333;
	font-size: 12px;
	line-height: 18px;
	padding-bottom: 12px;
}
.feedburnerFeedBlock div a {
	color: #1D98C2;
	text-decoration: underline;
}
.feedburnerFeedBlock div a:hover {
	color: #212121;
	text-decoration: underline;
}
#creditfooter {
	margin-top: 12px;
}
#creditfooter img {
	width: 88px;
}
#creditfooter a:hover {
	text-decoration: none;
	background-color: #FFFFFF;
}

/* ------ PROJECTS ------- */
#divider {
	width: 852px;
	height: 36px;
	border-top: #E1E4E2 2px solid;
}
#work {
	padding-top: 14px;
	padding-bottom: 24px;
}
#flashcontent, #flashcontent3 {
	padding-top: 14px;
}
#description {
	width: 560px;
	padding-top: 12px;
	padding-bottom: 2px;
	margin-bottom: 12px;
	border-top: #E1E4E2 1px solid;
	border-bottom: #E1E4E2 1px solid;
}
.credits {
	font-size: 11px;
}

/* ------ PROJECT TITLE COLOURS ------- */
.breakin {
	color: #1A1A1A;
}
.brylcreem {
	color: #FF0000;
}
.dsa {
	color: #0070B4;
}
.eurostar {
	color: #132345;
}
.iq {
	color: #831472;
}
.irnbru {
	color: #FF6600;
}
.kbc {
	color: #F15927;
}
.ma {
	color: #009999;
}
.menzies {
	color: #003366;
}
.normal {
	color: #212121;
}
.screen {
	color: #E62013;
}
.ski {
	color: #A8003D;
}
/* ------ PROJECT LINKS ------- */
#screenlink, #skilink, #kbclink, #iqlink {
	padding-bottom: 6px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;	
}
#screenlink a:hover, #skilink a:hover, #kbclink a:hover, #iqlink a:hover {
	color: #FFFFFF;
	background-color: #212121;	
}
#iqlink a {
	color: #FFFFFF;
	background-color: #831472;
	padding: 4px 3px 2px 3px;
	text-decoration: none;
}
#kbclink a {
	color: #FFFFFF;
	background-color: #F15927;
	padding: 4px 3px 2px 3px;
	text-decoration: none;
}
#screenlink a {
	color: #FFFFFF;
	background-color: #E62013;
	padding: 4px 3px 2px 3px;
	text-decoration: none;
}
#skilink a {
	color: #FFFFFF;
	background-color: #A8003D;
	padding: 4px 3px 2px 3px;
	text-decoration: none;
}

/* ------ SLIDER ------- */
#sliderA, #sliderB, #sliderC, #sliderD, #sliderE, #sliderF, #sliderG {
	position:relative;
	background:url(images/spinner.gif) no-repeat 50% 0%;
	padding-bottom: 24px;
}
#sliderA /*ski republic*/{
    width:852px;
    height:678px;
}
#sliderB /*kids book club*/{
    width:852px;
    height:772px;
}
#sliderC /*iQ*/{
    width:852px;
    height:818px;
}
#sliderD /*magazite*/{
    width:852px;
    height:740px;
}
#sliderE /*eurostar*/{
    width:852px;
    height:768px;
}
#sliderF /*DSA*/{
    width:852px;
    height:624px;
}
#sliderG /*Biketype*/{
    width:852px;
    height:521px;
}
#sliderA img, #sliderB img, #sliderC img, #sliderD img, #sliderE img, #sliderF img, #sliderFG img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#sliderA a, #sliderB a, #sliderC a, #sliderD a, #sliderE a, #sliderF a, #sliderG a {
	border:0;
	display:block;
}
.nivo-directionNav a {
	position:absolute;
	top:0%;
	z-index:99;
	cursor:pointer;
}
.nivo-directionNav a {
	display:block;
	width:18px;
	height:18px;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background:url(images/arrowright.png) no-repeat;
	right:0px;
}
a.nivo-prevNav {
	background:url(images/arrowleft.png) no-repeat;
	left:0px;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
height:100%;
width:100%;
border:0;
padding:0;
margin:0;
z-index:60;
/* display:none;*/
}