/*
	Author:		Nick Harris, Pixel Envy Ltd. http://www.pixelenvy.co.uk
	Site:		Pixel Envy Ltd. - http://www.pixelenvy.co.uk

	Main Styles, Layout etc.
----------------------------------------------- \*/

/** Resets & Helpers
	from html5doctor.com 
------------------------------------------------------------\*/
html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
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,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{background:none;margin:0;padding:0;border:0;outline:0;font-size:100%;font-weight:400;vertical-align:baseline;background:transparent;}
body{line-height:1;}
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary{display:block;}
nav ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,
q:before,q:after{content:'';content:none;}
a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;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;}
/* **/

/** Globals 
------------------------------------------------------------\*/
.clearfix:after,
.wrapper:after { clear: both;content: ".";display: block;height: 0;visibility: hidden;}
/* **/

/** Typography 
------------------------------------------------------------\*/
@font-face {font-family: 'Light';src: url('../fonts/helveticaneuelight-webfont.eot');src: local('☺'), url('../fonts/helveticaneuelight-webfont.woff') format('woff'), url('../fonts/helveticaneuelight-webfont.ttf') format('truetype'), url('../fonts/helveticaneuelight-webfont.svg#webfontZhceonfQ') format('svg');font-weight: 400;font-style: normal;}
@font-face {font-family: 'Medium';src: url('../fonts/helveticaneuemedium-webfont.eot');src: local('☺'), url('../fonts/helveticaneuemedium-webfont.woff') format('woff'), url('../fonts/helveticaneuemedium-webfont.ttf') format('truetype'), url('../fonts/helveticaneuemedium-webfont.svg#webfontGRRC5SMy') format('svg');font-weight: 400;font-style: normal;}
@font-face {font-family: 'CondensedBold';src: url('../fonts/helveticaneuecondensedbold-webfont.eot');src: local('☺'), url('../fonts/helveticaneuecondensedbold-webfont.woff') format('woff'), url('../fonts/helveticaneuecondensedbold-webfont.ttf') format('truetype'), url('../fonts/helveticaneuecondensedbold-webfont.svg#webfontf5vhaNkE') format('svg');font-weight: 700;font-style: normal;}
@font-face {font-family: 'Bold';src: url('../fonts/helveticaneuebold-webfont.eot');src: local('☺'), url('../fonts/helveticaneuebold-webfont.woff') format('woff'), url('../fonts/helveticaneuebold-webfont.ttf') format('truetype'), url('../fonts/helveticaneuebold-webfont.svg#webfontlJZbEHsV') format('svg');font-weight: 700;font-style: normal;}

body {color:rgba(0,0,0,.8);font:13px/18px 'Light';}
h1,h2,h3,h4,h5 {font-family:'Medium'; margin:0 0 18px;}
h1 {font-size:21px;}
h2 {font-size:16px;}
h3 {font-size:16px;}
p {margin:0 0 18px;}
strong {font-family:'Medium';font-weight:400;}
abbr {border-bottom:0 none !important;}
abbr.accronym {letter-spacing:.1em;}
abbr.ampersand {font-family:Palatino, 'Palatino Linotype', Serif;font-style:italic;}
cite {font-style:normal;}

a {color:#8e2238;text-decoration:none;white-space:nowrap;}
a:hover,
a:active,
a:focus {background:rgba(255,255,255,.7);}
/* **/

/** Structure 
------------------------------------------------------------\*/
body {background:#f9f2e1 url(../img/global/bg.png) repeat scroll 0 0;overflow:hidden;}
section {height:748px;width:100%;}
header {background:#fff url(../img/global/header-bg.png) repeat-x scroll 50% 0;border-top:1px solid rgba(183,168,125,.5);bottom:0;box-shadow:0 0 10px rgba(0,0,0,.3);left:0;position:fixed;width:100%;
	-moz-box-shadow:0 0 10px rgba(0,0,0,.3);-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);}
header .wrapper {margin:0 auto;overflow:hidden;position:relative;width:950px;}
/* **/

/** Header 
------------------------------------------------------------\*/
header .wrapper {height:50px;}
header #logo {background:transparent url(../img/sprites/main.png) no-repeat scroll 0 0;float:left;height:41px;margin:4px 0 0;width:112px;}
header #hcard-Nick-Harris {position:absolute;right:0;top:0;}
header #hcard-Nick-Harris .fn,
header #hcard-Nick-Harris .org {position:absolute;top:-9999px;}
header #hcard-Nick-Harris .col {float:left;}
header #hcard-Nick-Harris .col-1 {font-size:12px;line-height:13px;margin:10px 10px 0 0;text-align:right;}
header #hcard-Nick-Harris .tel {background:transparent url(../img/sprites/main.png) no-repeat scroll -113px 0;color:rgba(0,0,0,0);height:30px;margin:8px;overflow:hidden;text-indent:-9999px;width:211px;}
header #hcard-Nick-Harris #companyReg {color:rgba(0,0,0,.4);}
/* **/

/** Nav 
------------------------------------------------------------\*/
nav {border-bottom:1px solid rgba(255,255,255,.5);border-top:1px solid rgba(0,0,0,.1);float:left;font-size:21px;margin:10px 0;text-transform:uppercase;}
nav ul {border-bottom:1px solid rgba(0,0,0,.1);border-top:1px solid rgba(255,255,255,.5);padding:3px 0;}
nav li {float:left;padding:0 15px;}
nav li#navHome {border-right:1px solid rgba(0,0,0,.4);}
nav a {color:#3d708b;text-shadow:0 0 3px rgba(0,0,0,.3);
	-webkit-mask-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgba(255,255,255,.3)),color-stop(1, rgba(255,255,255,1)));}
nav .active a {color:rgba(0,0,0,.5);}
/* **/

/* Components \*/
/** Component: aside 
------------------------------------------------------------\*/
aside {background:transparent url(../img/sprites/main.png) no-repeat scroll -443px -90px;height:140px;left:-9999px;position:absolute;top:-9999px;width:360px;z-index:999;}
aside .wrapper {background:transparent url(../img/sprites/main.png) no-repeat scroll -803px -139px;padding:20px 20px 0 84px;}
aside h2 {font-size:13px;margin:0;}
aside h3 {font-size:13px;font-family:'Light';margin:0;}
/* **/

/* Sections \*/
/** Section: Home 
------------------------------------------------------------\*/
section#home {background:transparent url(../img/context/home/section.jpg) no-repeat scroll top center;}
section#home div.container {position:relative;margin: 0 auto;width:950px;}
section#home #intro {padding:400px 0 0;width:438px;}
section#home h1 {font:13px/18px 'Light';}
section#home h1 mark {background:none;font-family:'Medium';font-style:normal;font-weight:400;}
section#home aside#design .wrapper {background-position:-803px 0;}
section#home aside#ecommerce .wrapper {background-position:-803px -559px;}
section#home aside#cms .wrapper {background-position:-803px -419px;}
section#home aside#usability .wrapper {background-position:-803px -699px;}
section#home aside#clients {background-position:0 -276px;height:176px;width:606px;}
section#home aside#clients .wrapper {background-position:-803px -279px;}
section#home aside#clients .col {float:left; margin:0 0 0 74px;width:118px;}
section#home aside#clients .col-1 {margin:0;width:128px;}
section#home aside#clients .col-2 {margin:0 0 0 64px;}
section#home aside#clients ul {list-style:none;}

section#home #testimonials {left:0;position:absolute;top:20px;}
section#home #testimonials blockquote {background:transparent url(../img/sprites/main.png) no-repeat scroll -324px 0;float:left;margin:0 0 0 74px;padding:0 0 18px;width:182px;}
section#home #testimonials blockquote#Nathan p {margin-right:-1px;}
section#home #testimonials>blockquote:first-child {margin-left:0;}
section#home #testimonials>blockquote:nth-child(3) {background-position:-506px 0;color:rgba(252,245,229,.8);}
section#home #testimonials blockquote p {font:18px/18px 'CondensedBold';margin:0;}
section#home #testimonials blockquote p abbr.ampersand {font-weight:700;}
section#home #testimonials blockquote cite {display:block;margin-left:-3px;text-align:right;}

section#home blockquote#mainTestimonial {background:transparent url(../img/sprites/main.png) no-repeat scroll 0 -90px;left:0;position:absolute;top:158px;}
section#home blockquote#mainTestimonial p {color:#8e2239;font-family:'CondensedBold';margin:0 0 16px;text-shadow:0 0 5px rgba(0,0,0,.2);text-transform:uppercase;}
.isSafari section#home blockquote#mainTestimonial p {background:transparent url('../img/context/home/main-testimonial-text-bg.jpg') repeat scroll 50% 50%;color:transparent;-webkit-background-clip:text;}
section#home blockquote#mainTestimonial p span {display:block;}
section#home blockquote#mainTestimonial p span.line-1 {font-size:51px;line-height:51px;}
section#home blockquote#mainTestimonial p span.line-2 {font-size:42px;line-height:42px;}
section#home blockquote#mainTestimonial p span.line-3 {font-size:66px;line-height:57px;}
section#home blockquote#mainTestimonial cite {font-size:18px;margin:0 0 0 3px;}
section#home blockquote#mainTestimonial cite span {font-size:13px;}
/* **/