/*********************************************
File: stylesheet_screen.css
Application: Identity website
Created: 24th April 2007
Author: Colin Abercrombie
*********************************************/
/********************************************
General
*********************************************/
html {
	background: #EEF6E6 url("../graphics/sitebg.gif") bottom left repeat-x;
	min-height: 100%;
	height: auto;
}
body {
	font-family: Verdana, Tahoma, Helvetica, sans-serif;
	font-size:75%;
	color:#fff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
h1 {
	font-size:1.6em;
	font-weight:normal;
	color:#5a5a5a;
	border-bottom:1px solid #efece7;
	background-color:transparent;
	padding:0px 0px 10px 0px;
	margin:0px 0px 10px 0px;
}
h2	{
	font-size:1.0em;
	font-weight:bold;
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
	color:#5a5a5a;
	background-color:transparent;
}
h3	{
	color:#5a5a5a;
	font-size:1.0em;
	padding: 5px 0px 2px 0px;
	margin: 0px 0px 0px 0px;
	font-weight:normal;
	background-color:transparent;
}
h4	{
	color:#5a5a5a;
	font-size:0.9em;
	font-weight:normal;
	padding: 5px 0px 2px 0px;
	margin: 0px 0px 0px 0px;
	background-color:transparent;
}
a, a:link, a:active, a:visited {
	color:#164327;
	background-color: transparent;
	text-decoration:none;
	font-weight:normal;
}
a:hover	{
	color:#fff;
	background-color: #164327;
	text-decoration:none;
}
p {
	padding: 0px 0px 12px 0px;
	margin: 0px 0px 0px 0px;
}
p.disclaimer {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: right;
	font-size:0.9em;
	color: #999;
}
/********************************************
Containers
*********************************************/
#sitecontainer {
	width: 829px;
	padding: 0px 0px 0px 0px;
	margin: 0 auto 0 auto;
}
#headercontainerhome {
	color: #5a5a5a;
	background: transparent url("../graphics/homebanner.jpg") top left no-repeat;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width: 829px;
	height: 231px;
}
#headercontainerweb {
	color: #5a5a5a;
	background: transparent url("../graphics/webbanner.jpg") top left no-repeat;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width: 829px;
	height: 231px;
}
#headercontainerbranding {
	color: #5a5a5a;
	background: transparent url("../graphics/brandingbanner.jpg") top left no-repeat;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width: 829px;
	height: 231px;
}
#headercontainermodelling {
	color: #5a5a5a;
	background: transparent url("../graphics/modellingbanner.jpg") top left no-repeat;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width: 829px;
	height: 231px;
}
#headercontainerprocess {
	color: #5a5a5a;
	background: transparent url("../graphics/processbanner.jpg") top left no-repeat;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width: 829px;
	height: 231px;
}
#headercontainercontact {
	color: #5a5a5a;
	background: transparent url("../graphics/contactbanner.gif") top left no-repeat;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width: 829px;
	height: 231px;
}
.topcap {
	color: #000;
	background: transparent url("../graphics/topbg.gif") bottom left no-repeat;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width: 829px;
	height: 12px
}
.bottomcap {
	color: #000;
	background: transparent url("../graphics/bottombg.gif") top left no-repeat;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width: 829px;
	height: 12px
}
#pagecontainer {
	color: #5a5a5a;
	background: transparent url("../graphics/trimbg.gif") top left repeat-y;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width: 829px;
}
#navigationcontainer {
	padding:20px 0px 0px 40px;
	margin:0px 0px 0px 0px;
	background-color: transparent;
	width: 15%;
	font-size: 0.95em;
	float: left;
}
#contactdetails {
	padding:0px 50px 0px 0px;
	margin:0px 0px 0px 0px;
	background-color: transparent;
	width: 18%;
	float: right;
	text-align: center;
	color: #fff;
	font-size:0.9em;
}
#contactdetails a, #contactdetails a:link, #contactdetails a:visited, #contactdetails a:active, #contactdetails a:hover {
	color: #fff;
	text-decoration: none;
}
#contactdetails a:hover {
	color: #fff;
	text-decoration: underline;
}
#contentcontainer {
	padding:10px 0px 10px 0px;
	margin: 0 auto 0 auto;
	width: 89.5%;
	font-size:0.9em;
}
.contentcontainer1col {
	float: left;
	color: #5a5a5a;
	background-color: #ffffff;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
}
#contentcontainerleft {
	float: left;
	color: #5a5a5a;
	background-color:transparent;
	padding: 0px 0px 0px 0px;
	margin: 0 auto 0 auto;
	width: 75%;
}
#contentcontainerright {
	float: right;
	color: #5a5a5a;
	background-color: #EEF6E6;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 23%;
}
/********************************************
Main Navigation
*********************************************/
#mainnavigation {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #000;
	background-color: transparent;
}
#mainnavigation ul {
	list-style-type:none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#mainnavigation li {
	list-style-type:none;
	text-align: left;
	color: #38732F;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 15px 0px;
}
#mainnavigation a {
	padding: 7px 5px 7px 5px;
	margin: 0px 0px 10px 0px;
	text-decoration:none;
	background: #fff;
	color: #38732F;
}
#mainnavigation a:hover {
	color: #fff;
	background: #164327;
}
#mainnavigation a.highLight {
	color: #fff;
	background: #164327;

}
/********************************************
Content
*********************************************/
#contentcontainerright h2 {
	color: #fff;
	font-weight: bold;
	background-color: #164327;
	padding: 3px 0px 3px 10px;
	margin: 0px 0px 0px 0px;
	border-bottom: 2px solid #fff;
}
#contentcontainerright h2 a, #contentcontainerright h2 a:link, #contentcontainerright h2 a:visited, #contentcontainerright h2 a:active, #contentcontainerright h2 a:hover {
	color: #fff;
	text-decoration: none;
}
#contentcontainerleft img {
	padding: 2px 2px 2px 2px;
	margin: 2px 4px 2px 0px;
	border: 1px solid #5a5a5a;
}
.projectscontainer {
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 10px;
	float: right;
	width: 52%;
}
.currentcontainer {
	padding: 0px 0px 0px 0px;
	margin: 10px 10px 0px 0px;
	float: left;
	width: 40%;
}
.currentcontainer a, .currentcontainer a:link, .currentcontainer a:visited, .currentcontainer a:active	{
	color:#164327;
	background-color: transparent;
	text-decoration:none;
	font-weight:bold;
}
.currentcontainer a:hover	{
	color:#fff;
	background-color: #164327;
	text-decoration:none;
	font-weight:bold;
}
.header {
	font-size: 1.2em;
	font-weight: bold;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#contentcontainer ul {
	padding:5px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}
#contentcontainer li {
	list-style: none;
	background: transparent url("../graphics/butterflybullet.gif") top left no-repeat;
	padding:0px 0px 5px 30px;
	margin: 0px 0px 0px 10px;
}
img {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.rightimg {
	padding: 3px 3px 3px 3px;
	margin: 5px 5px 5px 5px;
	float: right;
}
.leftimg {
	padding: 0px 0px 0px 0px;
	margin: 0px 5px 0px 0px;
	float: left;
}
.rss {
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
}
.pagetint {
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	color: #fff;
	background-color: #164327;
}
.error {
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	color: #fff;
	background-color: #164327;
}
form.contactme {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #666666;
	background: transparent;
}
form.contactme input, textarea  {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #333;
	background-color: #EEF6E6;
	border: 1px solid #164327;
}
.portfoliocontainer {
	width: 100%;
	color: #5a5a5a;
	background-color: #EEF6E6;
	padding:0px 0px 0px 0px;
	margin:10px 0px 0px 0px;
}
.portfoliocontainer h2 {
	padding:7px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.portfoliocontainer p {
	padding:5px 10px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.portfoliocontainer img {
	padding:2px 2px 2px 2px;
	margin: 8px 10px 10px 10px;
	border: 1px solid #5a5a5a;
}
.bookingform {
	padding:0px 0px 0px 5px;
	margin:0px 0px 0px 0px;
}
/********************************************
Footer
*********************************************/
#footercontainer {
	color: #666;
	background: transparent url("../graphics/trimbg.gif") top left repeat-y;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width: 829px;
	font-size:0.9em;
	text-align: center;
}
#footercontainer p {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
#footercontainer a, #footercontainer a:link, #footercontainer a:visited, #footercontainer a:active	{
	color:#666;
	text-decoration:none;
	font-weight:normal;
}
#footercontainer a:hover	{
	color:#666;
	background-color:transparent;
	text-decoration:underline;
}
/********************************************
Hidden
*********************************************/
.hidden {
	display:none;
}
.spacer {
	clear: both
}
/********************************************
Tables
*********************************************/
table.content {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	color:#5a5a5a;
	background-color:transparent;
}
table.content caption {
	display:none;
}
table.content td {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	color:#5a5a5a;
	background-color: transparent;
	vertical-align: top;
	text-align: left;
}
table.content a, table.content a:link, table.content a:visited, table.content a:active {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
table.content a:hover {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background-color: transparent;
}