@charset "utf-8";
/* CSS Document */

html, body {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 100%;
	background: #ffffff;
	color: #000000;
}

a {
	color: #ff0000;
	text-decoration: underline;
}

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

form {
	margin: 0;
	padding: 0;
}

input, textarea, select {
	height: 18px;
	font-size: 1em;
	margin: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

textarea {
	height: auto;
}

.form-button {
	height: 24px;
	margin: 0;
	padding: 3px 5px;
	background: #ff0000;
	color: #ffffff;
	font-weight: bold;
	border-color: #ff0000;
	border-style: solid;
	border-width: 1px;
}

.container {
	clear: both;
	width: 950px;
	margin: 30px auto 0 auto;
	padding: 5px 0 0 4px;
	background: transparent url('/assets/images/backgrounds/content-bg.gif') no-repeat top left;
	font-size: 0.8em;
	overflow: hidden;
}

.content {
	clear: both;
	width: 940px;
	height: 480px;
	overflow: hidden;
	position: relative;
	z-index: 2;
	background: transparent url('/assets/images/backgrounds/wood-panel.jpg') no-repeat top left;
}

h1 {
	clear: both;
	width: auto;
	margin: 30px 0 0 30px;
	padding: 10px 20px;
	color: #ffffff;
	font-size: 1em;
	background: transparent url('/assets/images/backgrounds/bg-red.jpg') no-repeat top left;
}

h2, h3 {
	margin: 20px 0 -1em 0;
	font-size: 1em;
	color: #ff0000;
}

p {
	margin: 1em 0 0 0;
}

.content-block {
	clear: both;
	width: 550px;
	margin: 30px 0 0 30px;
	padding: 0 20px 20px 20px;
	overflow: hidden;
	position: relative;
	z-index: 2;
	color: #000000;
	font-size: 1em;
	background: #f5f5f5 url('/assets/images/backgrounds/bg-white.jpg') repeat-x top left;
}

.content-full {
	width: 840px;
	height: 330px;
	overflow: auto;
}

.content-block ul {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: disc;
}

.content-block ul li {
	margin: 0 0 0 20px;
	padding: 0;
}

#person, .person {
	position: absolute;
	top: 0;
	left: 0;
	width: 940px;
	height: 480px;
	z-index: 1;
}

.steve {
	background: transparent url('/assets/images/people/steve.png') no-repeat top right;
}
* html .steve {
	background: transparent url('/assets/images/people/steve.gif') no-repeat top right;
}

.brian {
	background: transparent url('/assets/images/people/brian.png') no-repeat top right;
}
* html .brian {
	background: transparent url('/assets/images/people/brian.gif') no-repeat top right;
}

.paul {
	background: transparent url('/assets/images/people/paul.png') no-repeat top right;
}
* html .paul {
	background: transparent url('/assets/images/people/paul.gif') no-repeat top right;
}

.person-label {
	position: absolute;
	bottom: 30px;
	right: 320px;
	width: 300px;
	height: 40px;
	padding: 5px 10px;
	overflow: hidden;
	background: #e8e8e8 url('/assets/images/backgrounds/white-button-bg.gif') repeat-x top left;
}

.person-label .person-title {
	clear: both;
	font-weight: bold;
	color: #ff0000;
}

.person-label .job-title {
	clear: both;
}

.person-label .button {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
	background: transparent url('/assets/images/buttons/button-red.gif') no-repeat top left;
	text-indent: -9000px;
}

.person-label .button a {
	display: block;
	height: 50px;
}

.person-label .button a:hover {
	background: transparent url('/assets/images/buttons/button-red-hover.gif') no-repeat top left;
}

.image-block {
	clear: both;
	width: 880px;
	height: 420px;
	padding: 30px;
	position: relative;
	text-align: center;
}

.image-block .images {
	width: 9000000px;
	height: 420px;
	margin-left: -30px;
}

.image-block .images .image {
	float: left;
	width: 940px;
}

.image-block .images .image .image-container {
	height: 380px;
	overflow: hidden;
}

.image-block .images .image .image-tag {
	height: 20px;
	padding: 10px 20px;
	margin: 30px 0 0 0;
	position: relative;
	z-index: 3;
	overflow: hidden;
	text-align: center;
	color: #ffffff;
	background: transparent url('/assets/images/backgrounds/bg-red.jpg') repeat-x top left;
}

.image-block .images .image .image-tag h1 {
	margin: 0;
	padding: 0;
	background: none;
	font-size: 1em;
}

.image-block .works-button-prev {
	position: absolute;
	top: 50%;
	left: 20px;
	width: 38px;
	height: 38px;
	margin: -19px 0 0 0;
	overflow: hidden;
	background: transparent url('/assets/images/buttons/works-button-prev.png') no-repeat top left;
}
* html .image-block .works-button-prev {
	background: transparent url('/assets/images/buttons/works-button-prev.gif') no-repeat top left;
}

.image-block .works-button-prev a {
	display: block;
	height: 38px;
	text-indent: -9000px;
}

.image-block .works-button-prev a:hover {
	background: transparent url('/assets/images/buttons/works-button-prev-hover.png') no-repeat top left;
}
* html .image-block .works-button-prev a:hover {
	background: transparent url('/assets/images/buttons/works-button-prev-hover.gif') no-repeat top left;
}


.image-block .works-button-next {
	position: absolute;
	top: 50%;
	left: 882px;
	width: 38px;
	height: 38px;
	margin: -19px 0 0 0;
	overflow: hidden;
	background: transparent url('/assets/images/buttons/works-button-next.png') no-repeat top left;
}
* html .image-block .works-button-next {
	background: transparent url('/assets/images/buttons/works-button-next.gif') no-repeat top left;
}

.image-block .works-button-next a {
	display: block;
	height: 38px;
	text-indent: -9000px;
}

.image-block .works-button-next a:hover {
	background: transparent url('/assets/images/buttons/works-button-next-hover.png') no-repeat top left;
}
* html .image-block .works-button-next a:hover {
	background: transparent url('/assets/images/buttons/works-button-next-hover.gif') no-repeat top left;
}

.contact-details {
	float: left;
	width: 240px;
	height: 330px;
	margin: 30px 0 0 30px;
	padding: 0 20px 20px 20px;
	overflow: hidden;
	position: relative;
	z-index: 2;
	color: #000000;
	font-size: 1em;
	background: #f5f5f5 url('/assets/images/backgrounds/bg-white.jpg') no-repeat top left;
}

.contact-form input {
	width: 230px;
}

.contact-form textarea {
	width: 230px;
	height: 80px;
}

.label {
	display: block;
	position: absolute;
	top: 180px;
	left: 120px;
	width: 340px;
	height: 206px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 4;
}

.label a {
	display: block;
	height: 206px;
}
* html .label a {
	position: relative;
	cursor: pointer;
}

.label-enquiry-successful {
	position: relative;
	width: 340px;
	height: 206px;
	z-index: 4;
	background: transparent url('/assets/images/labels/label-enquiry-successful.png') no-repeat top left;
}
* html .label-enquiry-successful {
	position: static;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/labels/label-enquiry-successful.png', sizingMethod='crop');
}

.label-enquiry-fail-name {
	position: relative;
	width: 340px;
	height: 206px;
	z-index: 4;
	background: transparent url('/assets/images/labels/label-enquiry-fail-name.png') no-repeat top left;
}
* html .label-enquiry-fail-name {
	position: static;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/labels/label-enquiry-fail-name.png', sizingMethod='crop');
}

.label-enquiry-fail-contact {
	position: relative;
	width: 340px;
	height: 206px;
	z-index: 4;
	background: transparent url('/assets/images/labels/label-enquiry-fail-contact.png') no-repeat top left;
}
* html .label-enquiry-fail-contact {
	position: static;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/labels/label-enquiry-fail-contact.png', sizingMethod='crop');
}

.label-enquiry-send-fail {
	position: relative;
	width: 340px;
	height: 206px;
	z-index: 4;
	background: transparent url('/assets/images/labels/label-enquiry-send-fail.png') no-repeat top left;
}
* html .label-enquiry-send-fail {
	position: static;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/labels/label-enquiry-send-fail.png', sizingMethod='crop');
}

.label-friend-fail {
	position: relative;
	width: 340px;
	height: 206px;
	z-index: 4;
	background: transparent url('/assets/images/labels/label-friend-fail.png') no-repeat top left;
}
* html .label-friend-fail {
	position: static;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/labels/label-friend-fail.png', sizingMethod='crop');
}

.label-friend-successful {
	position: relative;
	width: 340px;
	height: 206px;
	z-index: 4;
	background: transparent url('/assets/images/labels/label-friend-successful.png') no-repeat top left;
}
* html .label-friend-successful {
	position: static;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/labels/label-friend-successful.png', sizingMethod='crop');
}

.label-friend-send-fail {
	position: relative;
	width: 340px;
	height: 206px;
	z-index: 4;
	background: transparent url('/assets/images/labels/label-friend-send-fail.png') no-repeat top left;
}
* html .label-friend-send-fail {
	position: static;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/labels/label-friend-send-fail.png', sizingMethod='crop');
}

.logo {
	clear: both;
	float: left;
	display: inline;
	width: 248px;
	height: 28px;
	margin: 20px 0 30px 30px;
	background: transparent url('/assets/images/main/logo.gif') no-repeat top left;
	text-indent: -9000px;
}

ul.menu {
	float: left;
	margin: 32px 0 30px 26px;
	padding: 0;
	list-style: none;
}

ul.menu li {
	float: left;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	border-color: #000000;
	border-style: solid;
	border-width: 0 0 0 1px;
}

ul.menu li a {
	color: #000000;
	text-decoration: none;
}

ul.menu li a:hover {
	color: #ff0000;
	text-decoration: underline;
}

.tag {
	float: right;
	width: 320px;
	height: 70px;
	margin: 0 9px 0 0;
	background: transparent url('/assets/images/tag/tag.gif') no-repeat top left;
	text-indent: -9000px;
}