/* Layout and colours */
html, body, ul, li {
	text-align: center;
	margin: 0;
	padding: 0;
	background: #FFFFFF;
}

/* oldbrowser hack */
body * {
	text-align: left;
}

.iblocktop {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 800px;
	height: 500px;
	background: url('tg.png') repeat-x;
}

.iblockbot {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background: url('flash.png') bottom no-repeat;
}

.lowerwrap {
	margin: 12px auto 0 auto;
	width: 759px;
	height: 223px;
	background: url('bg.png') repeat;
	padding: 15px 12px;
}

.lcontainer {
	position: relative;
	width: 367px;
	background-color: #346679;
	padding: 10px 15px;
	float: left;
}

.profilenav {
	position: relative;
	width: 327px;
	padding: 0;
	margin: 15px 10px 0 0;
	float: right;
}

.nav {
	padding: 0;
	margin: 0 0 0 32px;
}

.portfoliolink {
	text-indent: -9999px;
	float: left;
	margin: 4px;
	width: 72px;
	height: 72px;
	background: url('profilesprite.png') no-repeat;
}

.dflink {
	background-position: 0 0;
}

.dflink:hover {
	background-position: 0 -72px;
}

.dclink {
	background-position: -72px 0;
}

.dclink:hover  {
	background-position: -72px -72px;
}

.bllink {
	background-position: -144px 0;
}

.bllink:hover {
	background-position: -144px -72px;
}

.corner {
	position: absolute;
	width: 10px;
	height: 10px;
	background: url('corners.png') no-repeat;
}
.tl {
	top: 0;
	left: 0;
	background-position: 0 0;
}
.tr {
	top: 0;
	right: 0;
	background-position: 100% 0;
}
.bl {
	bottom: 0;
	left: 0;
	background-position: 0 100%;
}
.br {
	bottom: 0;
	right: 0;
	background-position: 100% 100%;
}

/* Lightbox overlay */
#overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1002;
	-moz-opacity: 0.6;
	opacity:.60;
	filter: alpha(opacity=60);
}

.ocorner {
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	width: 9px;
	height: 9px;
	background: url('ocorners.png') no-repeat;
}

.otl {
	background-position: 0 0;
}

.otr {
	background-position: -9px 0;
}

.obl {
	background-position: 0 -9px;
}

.obr {
	background-position: -9px -9px;
}

.llink {
	position: absolute;
	display: none;
	text-indent: -9999px;
	width: 9px;
	height: 18px;
	background: url('direct.png') no-repeat;
	background-position: 0 0;
}

.llink:hover {
	background-position: 0 -18px;
}

.rlink{
	position: absolute;
	display: none;
	text-indent: -9999px;
	width: 9px;
	height: 18px;
	background: url('direct.png') no-repeat;
	background-position: -9px 0;
}

.rlink:hover {
	background-position: -9px -18px;
}

.closebtn {
	position: absolute;
	display: none;
	text-indent: -9999px;
	width: 24px;
	height: 24px;
	background: url('closebtn.png') no-repeat;
	top: 15px;
	right: 15px;
	background-position: 0 0;
}

.closebtn:hover {
	background-position: 0 -24px;
}

.content:hover .llink {
	display: block;
}

.content:hover .rlink {
	display: block;
}

.content:hover .closebtn{
	display: block;
}
/* deadforest.net overlay */

#deadforest .content {
	position: relative;
	margin:40px auto 0px auto;
	text-align:left;
	width: 1094px;
	height: 650px;
	display: block;
	z-index: 1004;
}

#deadforest {
	position: absolute;
	top: 0%;
	left: 0%;
	display: none;
	z-index: 1004;
	width: 100%;
	height: 100%;
	overflow: none;
	background: transparent;
}

#deadforest .mid {
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	height: 9px;
	width: 1076px;
	background-color: #000000;
}

#deadforest .cent {
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	display: block;
	width: 100%;
	height: 632px;
	background-color: black;
}

#deadforest .image {
	position: absolute;
	text-indent: -9999px;
	top: 5px;
	left: 5px;
	width: 1084px;
	height: 641px;
	background: url('deadforest.jpg') no-repeat;
}

#deadforest .detailbox {
	float: left;
	position: relative;
	top: 421px;
	left: 27px;
	width: 470px;
	height: 215px;
}

.dfl {
	top: 360px;
	left: 15px;
}

.dfr{
	top: 360px;
	right: 15px;
}

/* davidcrook.net overlay */

#dcrook .content {
	position: relative;
	margin:20px auto 0px auto;
	text-align:left;
	width: 935px;
	height: 739px;
	display: block;
	z-index: 1004;
}

#dcrook {
	position: absolute;
	top: 0%;
	left: 0%;
	display: none;
	z-index: 1004;
	width: 100%;
	height: 100%;
	overflow: none;
	background: transparent;
}

#dcrook .mid {
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	height: 9px;
	width: 917px;
	background-color: #000000;
}

#dcrook .cent {
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	display: block;
	width: 100%;
	height: 721px;
	background-color: black;
}

#dcrook .image {
	position: absolute;
	text-indent: -9999px;
	top: 5px;
	left: 5px;
	width: 925px;
	height: 729px;
	background: url('davidcrook.jpg') no-repeat;
}

#dcrook .detailbox {
	float: right;
	position: relative;
	top: 511px;
	right: 27px;
	width: 470px;
	height: 215px;
}

.dcl {
	top: 360px;
	left: 15px;
}

.dcr{
	top: 360px;
	right: 15px;
}

/* blox overlay */

#blox .content {
	position: relative;
	margin:100px auto 0px auto;
	text-align:left;
	width: 650px;
	height: 490px;
	display: block;
	z-index: 1004;
}

#blox  {
	position: absolute;
	top: 0%;
	left: 0%;
	display: none;
	z-index: 1004;
	width: 100%;
	height: 100%;
	overflow: none;
	background: transparent;
}

#blox  .mid {
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	height: 9px;
	width: 632px;
	background-color: #000000;
}

#blox  .cent {
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	display: block;
	width: 100%;
	height: 472px;
	background-color: black;
}

#blox  .image {
	position: absolute;
	text-indent: -9999px;
	top: 5px;
	left: 5px;
	width: 640px;
	height: 480px;
	background: url('blox.jpg') no-repeat;
}

#blox  .detailbox {
	float: left;
	position: relative;
	top: 10px;
	left: 10px;
	width: 330px;
	height: 415px;
}

.bll {
	top: 240px;
	left: 15px;
}

.blr{
	top: 240px;
	right: 15px;
}

/* Text fonts and font colours */
h1{
	font:  bold 30pt arial,sans-serif;
	margin: 0;
}

.iblocktop h1 {
	color: #FFFFFF;
	position: relative;
	top: 449px;
	left: 33px;
}

h2 {
	font:  bold 10pt arial,sans-serif;
	padding: 0;
	margin: 0;
}

.lcontainer h2 {
	color: #FFFFFF;
	margin: 10px 0 0 0;
}

a {
	color: #ef9913;
	text-decoration: underline;
	font:  bold 10pt arial,sans-serif;
	padding: 0;
	margin: 0;
}

a:hover {
	text-decoration: none;
	color: #e26b01;
}

.rcontainer h2 {
	color: #6d3b00;
}

p {
	font:  10pt arial,sans-serif;
	padding: 0;
	margin: 0;
}

.lcontainer p {
	color: #FFFFFF;
}

.contact {
	position: relative;
	display: inline;
}

.morecontact {
	position: absolute;
	top: -47px;
	left: -100px;
	width: 240px;
	height: 36px;
	padding: 7px 0px 7px 20px;
	display: none;
	border: none;
	background: url('pop.png') no-repeat;
	z-index:1001;
}

.morecontact {
	font:  bold 10pt arial,sans-serif;
	color: #FFFFFF;
}

.contact:hover .morecontact {
	display: block;
}

.detailbox h2 {
	margin: 0;
	padding: 4px 11px 0px 11px;
	color: #FFFFFF;
	font:  bold 10pt arial,sans-serif;
}

.detailbox p {
	margin: 0;
	padding: 8px 11px 0px 11px;
	color: #FFFFFF;
	font:  10pt arial,sans-serif;
}

.profilenav p {
	display: inline;
	position: absolute;
	float: left;
	left: 0px;
	top: 88px;
	padding: 3px 4px 0px 4px;
	font:  bold 10pt arial,sans-serif;
	color: #6d3b00;
}