/* START OF RESET STYLES BORROWED FROM HTML% DOCTOR*/
/* 
html5doctor.com Reset Stylesheet
v1.0 
2009-07-15
Author: Richard Clark - http://richclarkdesign.com
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header, 
hgroup, menu, nav, section, menu {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	line-height:1;
}

article, aside, dialog, figure, footer, header, 
hgroup, menu, nav, section, menu { 
	display:block;
}

nav ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

ins {
	background-color:#ff9;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;	
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
	vertical-align:middle;
}

img{
	-ms-interpolation-mode:bicubic;
}

address {
	display:inline;
}

/* END OF RESET STYLES */

body{
	background: #050409 url(../img/body_bg.jpg) no-repeat 50% 0% fixed;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	overflow:hidden;
}	
#wrapper{
}
header{
	min-height:163px;
	position:relative;
	width:960px;
	margin:0 auto;
}
#skipLink{
	display:none;
}
nav{
	background:rgb(6,6,12);
	background:rgba(6,6,12,0.8);
	border-top:1px solid #6a6a6d;
	padding: 10px 0px 16px;
	z-index:300;
	bottom:0;
	right:0;
	position:absolute;
	width:100%;
	text-align:right;
}
nav p{
	color:#6a6a6d;
	float:left;
	padding:0 0 0 14px;
	font-size:75%;
	margin:0;
	-webkit-transition: color 0.3s linear;
}
nav.active p{
	color:#fff;
}
nav ul{
	display:inline;
}
nav li{
	display:inline;
	line-height:100%;
}
nav a{
	color:#6a6a6d;
	position:relative;
	padding:0 7px;
	-webkit-transition: color 0.3s linear;
}
nav a:hover{
	color:#fff;
}
nav a span{
	text-align:center;
	position:absolute;
	top:-59px;
	left:0;
	margin:0 0 0 -106px;
	display:none;
	padding:12px 0 2px;
	background:url(../img/png-sprite.png) 0 0 no-repeat;
	text-transform:uppercase;
	width:223px;
	height:43px;
	font-size:75%;
	-webkit-transition: display 0.3s linear;
}
nav a.df span{
	margin:0 0 0 -101px;
}
nav a#home span{
	margin:0 0 0 -87px;
}
nav a:hover span{
	display:block;
}
nav a img{
	display:none;
}
#next, #next-js{
	padding:0 14px 0 7px;
}
h1 a{
	display:block;
	bottom:20px;
	right:20px;
	text-indent:-3000px;
	-webkit-transition: -webkit-transform 0.3s linear;
	width:328px;
	height:58px;
	background: url(../img/png-sprite.png) -224px 0px no-repeat;
	position:absolute;
}
h1 a.spin{
	-webkit-transform:rotate(-270deg);
}
	
h2, h3{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#DF6C01;
	text-transform:uppercase;
	margin-bottom:0.5em;
	font-size:24px;
	font-weight:normal;
}
p{
	line-height:140%;
	font-weight:normal;
	margin-bottom:1.5em;
}
a{
	color:#fff;
	text-decoration:none;
}
article strong{
	font-style:italic;
	font-weight:normal;
	-moz-text-shadow:1px 2px 2px #723907;
	-webkit-text-shadow:1px 2px 2px #723907;
	text-shadow:1px 2px 2px #723907;
}
article a{
	-webkit-transition: background 0.3s linear;
	background:#723907;
	background:rgba(223,108,1,0.2);
}
article a:hover{
	background:rgb(223,108,1);
	background:rgba(223,108,1,0.5);
}
.disabled{
	color:#38383D!important;
	padding: 0 7px;
	cursor:default;
}
a.selected{
	color:#fff!important;
}
ul{
	list-style:none;
	margin-bottom:1.5em;
}
li{
	line-height:160%;
}
img{
	display:block;
}
article{
	position:relative;
	min-height:353px;
}
figure{
	position:absolute;
	top:0;
	right:0;
	background:url(../img/png-sprite.png) 0 -59px no-repeat;
	padding:15px 15px 26px;
	width:420px;
	height:377px;
}
figure a{
	background:none;
}
figure img{
	height:318px;
	width:420px;
}
section#content{
	padding:0px 20px;
	width:920px;
	margin:0 auto;
}
article header{
	width:430px;
	margin-right:40px;
	float:left;
	min-height:1px;
}
article section{
	width:430px;
	margin:0 40px 0 0;
	float:left;
	clear:left;
	position:relative;
}
.vcard p{
	margin-bottom:0.4em;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.h2-home, 
.contact, 
.work-done, 
.technologies, 
.h2-chris-bewicks-blog, 
.h2-the-wheelhouse, 
.h2-firefox-tshirt, 
.h2-firehorse-digital, 
.h2-halo-pr, 
.h2-yell-homepage, 
.h2-yell-search-results, 
.h2-yell-google-gadget, 
.h2-yell-vista-gadget, 
.h2-simon-schnieders, 
.h2-jamie-raven, 
.h2-baby-chums,
.h2-richard-pryn, 
.h2-noelle-schrieber{
	text-indent:-3000px;
	background:url(../img/heading-sprite.gif) no-repeat;
	height:24px;
}
.h2-home{
	background-position: 0 0;
}
.contact{
	background-position: 0 -24px;
}
.work-done{
	background-position: 0 -48px;
}
.technologies{
	background-position: 0 -72px;
}
.h2-chris-bewicks-blog{
	background-position: 0 -96px;
}
.h2-the-wheelhouse{
	background-position: 0 -120px;
}
.h2-firefox-tshirt{
	background-position: 0 -144px;
}
.h2-firehorse-digital{
	background-position: 0 -168px;
}
.h2-halo-pr{
	background-position: 0 -192px;
}
.h2-yell-homepage{
	background-position: 0 -216px;
}
.h2-yell-search-results{
	background-position: 0 -240px;
}
.h2-yell-google-gadget{
	background-position: 0 -264px;
}
.h2-yell-vista-gadget{
	background-position: 0 -288px;
}
.h2-simon-schnieders{
	background-position: 0 -312px;
}
.h2-jamie-raven{
	background-position: 0 -336px;
}
.h2-baby-chums{
	background-position: 0 -360px;
}
.h2-richard-pryn{
	background-position: 0 -384px;
}
.h2-noelle-schrieber{
	background-position: 0 -408px;
}