/* Reset Common Tags */
html, body, div, ul, ol, dd, dl, dt, li, h1, h2, h3, h4, h5, p, a, form {
	margin: 0;
	padding: 0;
	outline: none;
}

html {
	background: url(../images/bg_html.png) 0 0 repeat-x fixed;
	font-size: 62.5%;
}

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
}

a, a img {
	border: none;
	text-decoration: none;
}


#wrapper {
	top: 0;
	position: absolute;
	width: 940px;
	min-height: 100%;
	float: left;
	left: 50%;
	margin-left: -470px;
	padding: 0 0 90px 0;
	background: url(../images/bg_wrapper.png) 430px 0 repeat-y;
}



/* Top contact ---------------------------------------------------- */
/* ---------------------------------------------------------------- */
#top_contact {
	position: fixed;
	width: 460px;
	float: left;
	list-style: none;
	font-size: 1.4em;
	padding: 60px 0 18px 0;
	font-weight: bold;
	background: #e9eff2;
	border-bottom: 1px #1e2c14 solid;
	z-index: 99;
}	
	#top_contact li {
		display: inline;
	}
	#top_contact li a {
		color: #444;
		font-weight: normal;
	}
	#top_contact li a:hover {
		text-decoration: underline;
	}
		#top_contact li.email {
			float: left;
			padding-left: 5px;
		}
		#top_contact li.tel {
			float: right;
			padding-right: 5px;
		}



/* I know my Onions! ---------------------------------------------- */
/* ---------------------------------------------------------------- */
#logo {
	font-size: 1em;
}
	#logo a {
		width: 460px;
		height: 165px;
		float: left;
		text-indent: -999%;
		margin: 95px 0 55px 0;
		background: url(../images/trustme.png) 50% 0 no-repeat;
	}



/* Content -------------------------------------------------------- */
/* ---------------------------------------------------------------- */
#content {
	width: 460px;
	float: right;
	color: #333;
}
	#content h2 {
		font-size: 2.4em;
		font-weight: normal;
		color: #1e2c14;
		clear: both;
	}
	#content h3 {
		font-size: 1.4em;
	}
	#content p {
		font-size: 1.2em;
		line-height: 1.6em;
		margin: 1.6em 0;
	}
		#content p a {
			font-weight: bold;
			font-style: italic;
			color: #333;
		}
		#content a.sputnik {
			color: #c10a0c;
		}
	#content a:hover {
		color: #676130;
		text-decoration: underline;
	}
	#content blockquote {
		font-size: 1.8em;
		color: #3e3a17;
		text-align: center;
		padding: 50px 0 0 0;
		margin: 0 0 1.6em 0;
		background: url(../images/bg_blockquote.png) 0 0 no-repeat;
	}
		#content blockquote p {
			font-size: 1em;
			padding: 0 0 50px 0;
			margin: 0;
			background: url(../images/bg_blockquote_p.png) 0 bottom no-repeat;
		}
		#content blockquote a {
			font-weight: bold;
			color: #3e3a17;
		}
	#content ul.services {
		width: 230px;
		float: left;
		margin: 0 0 2em 0;
	}
		#content ul.services li {
			margin-left: 1.5em;
		}
		#content ul.services li.title {
			list-style: none;
			margin-left: 0;
		}
		
		
		
/* Snaps ---------------------------------------------------------- */
/* ---------------------------------------------------------------- */
#snaps {
	width: 460px;
	float: left;
	list-style: none;
}
	#snaps li {
		float: left;
		display: inline;
		margin: 5px;
	}
	#snaps li a img {
		padding: 1px;
		border: 1px #676130 solid;
		float: left;
		display: inline;
	}
	#snaps li a:hover img {
		border: 1px #ae7b61 solid;
		background: #ae7b61;
	}
	
		
		
/* Work ----------------------------------------------------------- */
/* ---------------------------------------------------------------- */
#work {
	width: 380px;
	float: left;
	display: inline;
}
	/* -- Header -- */
	#header {
		position: fixed;
		width: 380px;
		height: 91px;
		float: left;
		display: inline;
		color: #fff;
		background: #676130;
		text-align: center;
		left: 50%;
		margin: 0 0 0 -470px;
		top: 0;
		border-bottom: 1px #fff solid;
		z-index: 99;
	}
		#header p {
			font-size: 2.4em;
			color: #fff;
		}
	
	/* -- Navigation -- */
	#nav {
		width: 380px;
		float: left;
		list-style: none;
		font-size: 1.4em;
		margin: 38px 0 0 0;
	}
		#nav li {
			display: inline;
		}
		#nav li a {
			color: #ddd;
		}
		#nav li a.selected {
			color: #fff;
		}
		#nav li a:hover {
			text-decoration: underline;
		}
		#nav li.print {
			margin: 0 1em;
			padding: 0 1em;
			border: 1px #fff solid; border-top: none; border-bottom: none;
		}
		
		
		
/* Folio ---------------------------------------------------------- */
/* ---------------------------------------------------------------- */
#folio {
	width: 380px;
	float: left;
	list-style: none;
	margin: 92px 0 0 0;
	padding: 0;
	background: url(../images/bg_work.png) 0 0 repeat-y;
}
	#folio li a img {
		margin: 0;
		padding: 0;
		float: left;
	}
	#folio li {
		background: url(../images/bg_work_li.png) 0 0 no-repeat;
		padding: 5px 0 0 4px;
		margin: 0;
		float: left;
		clear: both;
	}
	#folio li.print {
		display: none;
	}


/* Twitter -------------------------------------------------------- */
/* ---------------------------------------------------------------- */
#twitter {
	z-index: 1;
	width: 460px;
	height: 402px;
	list-style: none;
	color: #fff;
	position: fixed;
	bottom: 50px;
	background: url(../images/bg_twitter.png) 0 0 no-repeat;
}
	#twitter p {
		width: 200px;
		margin: 60px 0 0 120px;
	}



/* Ground --------------------------------------------------------- */
/* ---------------------------------------------------------------- */
#ground {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 120px;
	z-index: 2;
	background: url(../images/bg-ground.png) 0 0 repeat-x;
}



/* Onions --------------------------------------------------------- */
/* ---------------------------------------------------------------- */
#onions {
	z-index: 2;
	position: absolute;
	top: 15px;
	left: 50%;
	width: 760px;
	margin-left: -380px;
	list-style: none;
}
	#onions a {
		text-indent: -9999%;
	}

	/* Dave */
	#dave {
		position: absolute;
		width: 176px;
		height: 137px;
		top: -50px;
		left: 90px;
	}
	#dave a {
		float: left;
		width: 176px;
		height: 137px;
		background: url(../images/dave.png) no-repeat;
	}

	/* Fred */
	#fred {
		position: absolute;
		width: 203px;
		height: 166px;
		top: -100px;
		left: 320px;
	}
	#fred a {
		float: left;
		width: 203px;
		height: 166px;
		background: url(../images/fred.png) no-repeat;
	}

	/* Craig */
	#craig {
		position: absolute;
		width: 86px;
		height: 103px;
		top: -20px;
		left: 495px;
	}
	#craig a {
		float: left;
		width: 86px;
		height: 103px;
		background: url(../images/craig.png) no-repeat;
	}

/* Don't show the onions to everyone */
p.non {
	z-index: 3;
	position: fixed;
	bottom: 10px;
	right: 10px;
	background: #000;
	padding: 5px;
}
	p.non a {
		color: #fff;
		text-decoration: none;
	}
	p.non a:hover {
		color: #ccc;
		text-decoration: none;
	}
	p.non a:hover span {
		color: #ae7b61;
		text-decoration: underline;
	}

/* contact details */
p.contact {
	z-index: 3;
	position: fixed;
	bottom: 10px;
	left: 10px;
	color: #fff;
	background: #000;
	padding: 5px;
	font-weight: bold;
}
	p.contact a {
		color: #ddd;
		font-weight: normal;
		text-decoration: none;
	}
	p.contact a:hover {
		color: #ae7b61;
	}

/* new website soon */
p.soon {
	width: 100%;
	font-size: 2em;
	text-align: center;
	margin: 2em 0;
	float: left;
}

/* Boo to ie6 */
#ie6 {
	display: none;
}