/* THREESTREAMS.CO.UK
Created: 2006-01-09 
Edited: 2010-01-20 
Author: Steve Adams 
T: +44 (0)7981 152858 
E: desk@threestreams.co.uk 
COPYRIGHT 2001-2009 THREESTREAMS.CO.UK */
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, dialog, figure, footer, header, 
hgroup, menu, nav, section, menu,
time, mark, audio, video {
	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, nav, section { 
	display:block;
}

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 #ccc;
    margin:1em 0;
    padding:0;
}

input, select {
	vertical-align:middle;
}

/* LAYOUT
 * ========================================== */

html { height: auto; }


body
{
	min-width: 622px;
	height: 100%;
	text-align: left;
	font: 0.875em "Helvetica Neue", Calibri, Helvetica, "Nimbus Sans L", Verdana, sans-serif;
	line-height: 1.2857em; /* 18px */ 
	color: #20231C;
	background: #EBE9E4 url(../i/g/bg-crewi.jpg) repeat-y fixed right top;
}

header
{
	position: fixed;
	width: 300px;
	margin: 0 0 0 30px;
	left: 0;
	top: 36px;
	height: 60px;
}

nav 
{
	height: 144px;
}

section article hgroup 
{
	height: 206px;
	overflow: hidden;
}

aside
{

}

section#page,footer
{
	position: relative;
	margin: 0 0 0 330px;
}

footer
{
	padding: 36px 0;
}

article
{
	width: 672px;
	padding: 36px 0 54px 0;
	min-height: 558px;
}

section:after, ul:after, footer:after
{
	visibility: hidden;
	display: block;
	content: " ";
	clear: both;
	height: 0;
}

section, ul, footer { display: inline-block; }
*html section, * html ul, * html footer { height: 1%; }
section, ul, footer { display: block; }


/* NAVIGATION
 * ========================================== */

nav ul { padding: 0; }

nav ul
{
	font-size: 1.7143em; /* 24px */
	line-height: 1.2em; /* 20px */
	padding-top:20px;
}

nav li 
{ 
border-bottom: #FAF9F8 1px solid; 
}

nav a
{
	display: block;
	color: #20231C;
	margin: 0;
	padding: 3px 20px;
	text-decoration: none;
}

/* PORTFOLIO
 * ========================================== */

section article ul
{
	padding: 0 0 0 18px;
	margin: 1.2857em 0;
}

section article ul li
{
	float: left;
	display: inline;
	width: 300px;
	height: 200px;
	margin: 0 0 12px 12px;
	padding: 0;
	overflow: hidden;
	position: relative;
}

section article ul li img
{
	position: absolute;
	top: 0;
	left: 0;
}



section article ul li hr { display: none; }

section article ul li div
{
	float: left;
	position: absolute;
	background: #000;
	height: 200px;
	width: 300px;
	opacity: .8;
	/* older Gecko-based browsers */
	-moz-opacity: 0.8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

section article ul li section
{
	margin: 0;
	color: #FFF;
	position: relative;
}

section article ul li div,
section article ul li section
{
	top: 150px;
	left: 0;
}

section article ul li section h4
{
	font-size: 1.4em;
	padding: 5px 20px;
	line-height: 1;
}

section article ul li section h4 i
{
	color: #AAA;
	font-size: .8em;
	font-style: normal;
}

section article ul li section ul 
{ 
	padding: 0 20px;
	margin: 0;
}

section article ul li section ul li
{
	display: block;
	height: auto;
	width: 100%; 
	margin: 0;
	min-height: 1px;
}

section article ul li section ul li strong
{ 
	color: #AAA;
}

/* PORTFOLIO ENDS
 * ========================================== */

/* SERVICES
 * ========================================== */

dt
{ 
	padding-bottom: 0.8182em;
}

dl
{
	float: left;
	width: 250px;
}

/* SERVICES ENDS
 * ========================================== */

figure 
{
margin: 1.2857em 0 0 0;
}

form
{
margin: 1.2857em 0;
}

/* TYPOGRAPHY
 * ========================================== */
 
h1,h2,h3,h4,h5,dt,nav
{
	clear: left;
	font-weight: 300;
	font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue", Calibri, Helvetica, "Nimbus Sans L", Verdana, sans-serif;
}

h1,h2,h3,h4,dl,p,ul,figure,form,.vcard
{
padding: 0 30px;
}

aside h1, aside h2, aside h3, aside h4, aside p, aside ul, aside form, aside .vcard 
{
padding: 0 20px;
}

h1
{
	font-size: 2.2857em; /* 32px */
	line-height: 1.875em; /* 60px */ 
	margin: 0 0 1px 0;
}

header h1
{ 
	padding: 0;
	margin: 0;
}

aside h1
{
padding: 0 20px;
}

header h1 a
{
	background: url(../i/g/threestreams.gif) no-repeat;
	width: 300px;
	height: 60px;
	text-indent: -9999px;
	overflow: hidden;
	float: left;
	/*border-bottom: #FAF9F8 1px solid;*/
	overflow: hidden;
}

/*section#page,header h1 a,section article hgroup h1 {border-bottom: #FAF9F8 2px solid;}*/

/*
header h1 a:hover 
{ 
	background: url(../i/g/threestreams.gif) no-repeat 0 -61px;
}
*/

h2
{
	font-size: 1.7143em; /* 24px */
	line-height: 1.2em; /* 20px */ 
	margin: 0;
}

section article hgroup h2 {height: 116px;padding-top: 20px;overflow: hidden;}

aside h1,h3,dt
{
	font-size: 1.5714em; /* 22px */
	line-height: 1.6364em; /* 36px */
	margin: 0.8182em 0 0 0;
}

p
{
	font-size: 1em; /* 14px */
	line-height: 1.2857em; /* 18px */ 
	margin: 1.2857em 0 0 0; /* 18px */ 
}

footer p, footer li, .vcard div, .vcard .adr div
{
	font-size: 0.8571em; /* 12px */
	line-height: 1.5em; /* 18px */ 
}

.vcard .adr div
{
	font-size: 1em; /* 14px */
}

/* FOOTER
 * ========================================== */


footer ul, .vcard
{
	float: left;
	width: 156px;
	margin: 12px 0 12px 12px;
}

.vcard
{
	width: 180px;
	padding: 10px 20px;
}

footer li
{
	padding: 10px 0px 10px 35px;
	background: url(../i/g/sprite.gif) no-repeat;
}

#linkedin { background-position: 0 4px; }
#flickr { background-position: 0 -96px; }
#delicious { background-position: 0 -196px; }
#up { background-position: 0 -296px; }
#print { background-position: 0 -396px; }
#homepage { background-position: 0 -496px; }

figure p, footer p
{
	text-align: right;
	margin: 0;
}

figure p
{
	font-size: .9em;
	padding: 0;
}

footer p 
{
	clear: left;
	padding-right: 100px;
}

/* FOOTER ENDS
 * ========================================== */

abbr
{
	border-bottom: 1px dotted #20231C;
	cursor: help;
}

nav a:hover
{
	color: #FFF;
	background-color: #FFC903;
}

nav a:active, nav a:focus
{
	color: #FFF;
	background-color: #3172D3;
}

body#home #navhome a, body#about #navabout a, body#folio #navfolio a, body#services #navservices a
{
	color: #FFF;
	background-color: #20231C;
}

a { text-decoration: underline; }
a:link, a:visited { color: #20231C; }
a:hover { color: #FFC903; }
a:active, a:focus { color: #3172D3; }
div a.org { text-decoration: none; }
a img { border-style: none; }