/*

Interested in working for us?
-----------------------------
If you're reading this then you're more than likely the sort of 
inquiring mind we like at De Facto. If you're a web developer 
or designer looking to join a creative development team, I'd 
personally love to hear from you and see what you're capable of.

Please take a look at the careers section of our site for specific
jobs, but if you've read this, send me your CV and link(s) and
I'll give them my personal attention based on your initiative alone!

Send details to: ireadyoursourcecode@de-facto.com

*/


/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.0
*/
html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}


/*
All below styles by De Faco Design
http://www.de-facto.com
info@de-facto.com
*/

/* ------------
 Main Tags
------------- */
body {
	font-family: Georgia, Arial, Verdana, "Lucida Grande", sans-serif;
	/*background: #FBFAF9;*/
	/*background: #B0B0B0;*/
	background: #C2C2C2;
	color: #606160;
	padding: 148px 10em 1em 10em;
/*	font-size: 1em;*/
}

p {
	color: #444647;
	font-size: 13px;
	line-height:1.2em;
	margin-bottom: 10px;
}

h1,h2 {
	font-family: Helvetica, Arial, Verdana, "Lucida Grande", sans-serif;
	font-weight:bold;
}

h1 {
	/*color: #4E4F4F;*/
	color: #191919;
	font-size:18px;
	line-height:17px;
	margin: 5px 0 10px 0;
	/*letter-spacing: 1em;*/
}

h2 {
	color: #7C8A89;
	font-size:18px;
	line-height:17px;
	margin-bottom: 15px;
	font-weight: normal;
	/*letter-spacing: 1em;*/
}

h3 {
	font-size: 14px;
}

ul {
	margin-bottom: 10px;
}

li {
	font-size: 13px;
	line-height:14px;
	color: #444647;
}

a:link		{ color: #181b21; text-decoration: none;}
a:visited	{ color: #606160; text-decoration: none;}
a:hover		{ color: #000; text-decoration: none;}
a:active	{ color: #606160; text-decoration: none;}

a:active, a:focus {
	outline: 0;
}


/*-------------
 Fixed/Float Tags
 ------------*/
#profilePage {
	padding: 148px 1em 1em 22em;
	width: 500px;
}
 
div#header,
div#header2,
div.fixedWrapper {
	position: absolute;
	left: 0;
	overflow: auto;
}

div#header {
	top: 0;
	z-index: 30;
	width: 100%;
	height: 128px;
	overflow: hidden;
	/* 	opacity: 0.55;*/
	/*background: url(../img/trans.png) repeat left top;*/
}

div#header2 {
	top: 0;
	z-index: 10;
	width: 98%;
	height: 128px;
	overflow: hidden;
	opacity: 0.90;
	/*background: #FBFAF9;*/
	/*background: #B0B0B0;*/
	background: #C3C2C2;
}

div.fixedWrapper {
	top: 148px;
	bottom: 0;
	width: 9em;
	margin: 0 0 0 13px;
}

#profilePage div.fixedWrapper {
	top: 148px;
	bottom: 0;
	width: 21em;
	margin: 0 0 0 13px;
}

@media screen {
	body>div#header,
	  body>div#header2,
	  body>div.fixedWrapper { position: fixed; }
	
	/* Ugly fix for page anchors */
	ol>li#dog3
	{
		margin-top: -4.1em;
		padding-top: 4.1em;
	}
}

#message {
	padding: 25px 0 0 0;
	text-align: right;
	font-size: 13px;
}

 
/*-------------
 Layout Tags
 ------------*/
 
.mainNav {
	margin-bottom: 18px;
}

.mainNav li {
	color: #606160;
	font-family: Helvetica, Arial, Verdana, "Lucida Grande", sans-serif;
	font-size:18px;
	font-weight:bold;
	/*line-height:16px;*/
	margin: 2px 0 3px 0;
	/*letter-spacing: 1em;*/
}

/*
.mainNav a:link		{ color: #606160; text-decoration: none;}
.mainNav a:visited	{ color: #606160; text-decoration: none;}
.mainNav a:hover	{ color: #181b21; text-decoration: none;}
.mainNav a:active	{ color: #606160; text-decoration: none;}

.mainNav li .selected:link		{ color: #181b21; text-decoration: none;}
.mainNav li .selected:visited	{ color: #181b21; text-decoration: none;}
.mainNav li .selected:hover		{ color: #181b21; text-decoration: none;}
.mainNav li .selected:active	{ color: #181b21; text-decoration: none;}
*/

.mainNav a:link		{ color: #fff; text-decoration: none;}
.mainNav a:visited	{ color: #fff; text-decoration: none;}
.mainNav a:hover	{ color: #7C8A89; text-decoration: none;}
.mainNav a:active	{ color: #fff; text-decoration: none;}

.mainNav li .selected:link		{ color: #7C8A89; text-decoration: none;}
.mainNav li .selected:visited	{ color: #7C8A89; text-decoration: none;}
.mainNav li .selected:hover	{ color: #fff; text-decoration: none;}
.mainNav li .selected:active	{ color: #7C8A89; text-decoration: none;}

#content {
	padding-bottom: 25px;
}

.divide {
	margin-top: 16px;
}

.leftcol {
	float: left;
	width: 9em;
	/*border: 1px #ccc solid;*/
}

.rightcol {
	float: left;
	width: 11em;
}

.contact {
	color: #747474;
}

.work {
	overflow: hidden;
	margin-bottom: 45px;
	/*margin-bottom: 75px;*/
	width: 745px;
/*	height: 360px;*/
}

.work h1 {
	font-size:18px;
	line-height:17px;
	margin-bottom: 3px;
	/*letter-spacing: 1em;*/
}

.work h2 {
	font-size:18px;
	line-height:17px;
	margin-bottom: 10px;
	font-weight: normal;
	/*letter-spacing: 1em;*/
}

.work .secondary {
	color: #747474;
}

/* ----------------- */

.work {
	width:755px;
	/*float:left;*/
	padding:15px;
	background: #fff;
}

.work .workContainer {
	/*background: url(../img/imgloader.gif) repeat left top;*/
/*	height:360px;*/
	width:545px;
	float: left;
	margin-right:20px;
	overflow: hidden;
}

.work .workContainer ul {
	padding:0;
	margin:0;
	position:relative;
	list-style:none;
	width: 9999px;
	/*height: 360px;*/
}

.work .workContainer ul li {
	position:relative;
	/*height:360px;*/
	width:545px;
	margin-right: 55px;
	float: left;
	display: inline;
}

.work .workContainer ul li img{
	position:relative;
	top:0;
	left:0;
	display: block;
}

.work .workText {
	float: right;
	width:190px;
}

.work .workText ul{
	padding:0;
	margin:0;
	list-style:none;
}

.work .workText ul li{
	padding:0;
	margin:0;
	float:left;
	text-align:center;
	padding-bottom:1px;
}

.work .workText ul li a{
	padding:2px 0px;
	text-decoration:none;
	font:13px Georgia, Arial, Verdana, "Lucida Grande", sans-serif;
	color:#909090;
	padding-right:10px;
}
.work .workText ul li a:hover{ color:#181b21; }

.work .workText .selected {
	color:#000;
}


.clear {
	height: 0;
	width: 0;
	line-height: 0;
	clear: both;
	font-size: 0;
}

/* profile page */
/* ------------ */

/* start colour change */
#profilePage, #profilePage #header2 {
	background: #191919;
}

#profilePage p, #profilePage h1, #profilePage li {
	color: #fff;
}

/* end colour change */

#profileSlider {
	width: 500px;
	overflow: hidden;
}

#profileList {
	width: 3000px;
	position:relative;
}

#profileList .profileBlock {
	position:relative;
	margin: 0 100px 30px 0;
	float: left;
	width: 500px;
}

#profileList li {
	/*color: #747474;*/
	color: #AAB3B2;
}

#profileList p {
	font-size: 14px;
}

/* Text page */
/* ------------ */

/* start colour change */
#text, #text #header2 {
	background: #191919;
}

#text #header2 {
	opacity: 0.87;
}

#text p, #text h1, #text li {
	color: #fff;
}

#text p {
	font-size: 14px;
}

#text #content a {
	font-family: Helvetica, Arial, Verdana, "Lucida Grande", sans-serif;
	font-size: 15px;
	font-weight: bold;
}

#text #content a:link	{ color: #fff; text-decoration: none;}
#text #content a:visited	{ color: #fff; text-decoration: none;}
#text #content a:hover	{ color: #7C8A89; text-decoration: none;}
#text #content a:active	{ color: #fff; text-decoration: none;}
/*
#text .mainNav li .selected:link		{ color: #7C8A89; text-decoration: none;}
#text .mainNav li .selected:visited	{ color: #7C8A89; text-decoration: none;}
#text .mainNav li .selected:hover	{ color: #fff; text-decoration: none;}
#text .mainNav li .selected:active	{ color: #7C8A89; text-decoration: none;}
*/

/* end colour change */

#text #wrapper {
	width: 500px;
}

#text #intro p {
	font-family: Helvetica, Arial, Verdana, "Lucida Grande", sans-serif;
	font-size: 17px;
	line-height: 1em;
}

#text #intro a {
	font-weight: bold;
	padding-top: 2px;
}

.textBlock {
	margin-top: 35px;
	border-top: 2px #7C8A89 solid;
	padding-top: 10px;
}
.textBlock h1 {
	margin-bottom: 4px;
}

#text .overview li {
	font-size: 16px;
	margin-bottom: 0.2em;
	color: #7C8A89;
}

.overview {
	margin-bottom: 25px;
	font-family: Helvetica, Arial, Verdana, "Lucida Grande", sans-serif;
}

.year {
	margin: 15px 0 25px 0;
}

.underline {	
	border-bottom: 2px #7C8A89 solid;
}

.year p {
	font-family: Helvetica, Arial, Verdana, "Lucida Grande", sans-serif;
	font-size:18px;
	line-height:17px;
}

.year h2, .year h3, .year .award {
	font-family: Helvetica, Arial, Verdana, "Lucida Grande", sans-serif;
	font-size:18px;
	line-height:17px;
	font-weight: bold;
	color: #fff;
	margin: 0;
}

#awards {
	border-top: 2px #7C8A89 solid;
	margin-top: 35px;
}

.new-button {
	position: absolute;
	z-index:1;
	margin: 0px 0 0 -50px;
	background: url(../img/icons/new.gif) 0 0 no-repeat transparent;
	height: 62px;
	width: 63px;
	
}

/* Subscribe form */

#subscribe-form {
	margin-top:25px;
	padding-top:15px;
	border-top:1px solid #7C8A89;
	border-bottom:1px solid #7C8A89;
	padding-bottom:20px;
}

#subscribe-form p {
	margin: 0.3em 0 0.3em 0;
	font-size: 13px;
}

#subscribe-form label, .signintro {
	font-size: 13px;
	color: #747474 !important;
	font-family: Georgia,Arial,Verdana,"Lucida Grande",sans-serif !important;
}

#subscribe-form label
{
	display:block;
}

#subscribe-form .subscribe-field 
{
	font-size: 13px;
	margin-top:0.5em;
	margin-bottom:0.5em;
	width: 230px;
	background-color: #1d1e1e;
	border:0;
	padding: 3px;
	color: #838d8f !important;
	border:1px solid #7C8A89; 
}

#subscribe-form #subscribe-button 
{
	margin-top:20px;
	background:url(../images/signup-submit.gif) 0 0 no-repeat;
	border:none;
	cursor:pointer;
	overflow:hidden;
	width:96px;
	height:25px;
}

#subscribe-form #subscribe-button:hover
{
	margin-top:20px;
	background:url(../images/signup-submit.gif) 0 -25px no-repeat;
	border:none;
	cursor:pointer;
	overflow:hidden;
	width:96px;
	height:25px;
}

#subscribe-form #subscribe-button span 
{
	display:none;
}