/* =========================================================================================================== */
/* R E S E T S
/* =========================================================================================================== */
* {
	margin: 0;
	padding: 0;
}
html, body, h1, h2, h3, h4, h5, h6, ul, li, dd, dl, table, p, a, blockquote, cite, abbr {
	margin: 0;
	padding: 0;
}
html {
	height:100%;
}
body {
	width: 100%;
	height:100%;
	background-color:#FFF;
	background-image:url('../images/grass.jpg');
	background-repeat:repeat-x;
}
a:link, a:visited, a:hover, a:active {
	color:#FFF; /* default white for links */
	text-decoration:none;
}
a:hover {
	cursor:pointer;
}
a:focus {
	outline:none;
}
img {
	border:none;
}
h3 {
	text-decoration:underline;
	color:#F60;
	}
/* =========================================================================================================== */
/* P A G E
/* =========================================================================================================== */
#pageContainer {
	font-family: verdana, arial, tahoma, sans-serif;
	min-height:100%;
	height:100%;
	height:auto !important;
	position:relative;
}
/* =========================================================================================================== */
/* H E A D E R
/* =========================================================================================================== */
#headerSection {
	width:100%;
	position:fixed;
	height:160px;
	z-index:100;
}
#headerCentre {
	margin: 0 auto;
	width:960px;
	text-align:center;
}
#headerSection #headerH1 {
	float:left; /* Heading off page */
	text-indent: -10000px;
	height:0; /* needed for Safari */
}
#headerStripe {
	margin:30px 0 0 0;
	background:url(../images/boxfade018.png) repeat;
	height:106px;
	border-top:solid thin #660;
	border-bottom:solid thin #660;
}
#websiteLogo {
	background:  url(../images/websiteLogo8.png);
	width:318px;
	height:159px;
	float:left;
}
#headerContact {
	background:  url(../images/headerContact8.png);
	width:550px;
	height:60px;
	float:right;
	margin-top:-100px;
}
#contentNews {
	padding:10px 0 0 22px;
}
#contentNews h4 {
	background:  url(../images/assets.png) no-repeat -210px -210px;
	height:23px;
	width:200px;
	text-indent:-9000px;
	margin:0 0 10px 58px;
}
#contentNews img {
	padding:0 0 0 24px;
	float:left;
}
#contentProjectsHeader h2 {
	background:  url(../images/assets.png) no-repeat -410px -70px;
	height:42px;
	width:221px;
	text-indent:-9000px;
	margin:0 0 10px 58px;
}
#contentWhyHeader h2 {
	background:  url(../images/assets.png) no-repeat -410px -10px;
	height:42px;
	width:221px;
	text-indent:-9000px;
	margin:0 0 10px 58px;
}
#contentAboutHeader h2 {
	background:  url(../images/assets.png) no-repeat -410px -180px;
	height:42px;
	width:221px;
	text-indent:-9000px;
	margin:0 0 10px 58px;
}
#contentServicesHeader h2 {
	background:  url(../images/assets.png) no-repeat -410px -130px;
	height:42px;
	width:221px;
	text-indent:-9000px;
	margin:0 0 10px 58px;
}
#contentWhyHeader p {
	font-size:1.2em;
	padding:0 0 10px 60px;
	color:#CCC;
	text-align:left;
}
/* =========================================================================================================== */
/* N A V I G A T I O N
/* =========================================================================================================== */
/* -------------------------------------------------------------------------- */
/* First Level Menu Items
/* -------------------------------------------------------------------------- */
#headerNavigation {
	padding:0px 2px 2px 2px;
}
#headerNavigation ul {
	list-style:none;
}
#headerNavigation ul li a {
	display: inline;
	float:left;
}
#headerNavigation ul li a span {
	visibility: hidden;
}
#projects {
	background: transparent url('../images/projects8.png');
	width: 150px; /* The width of the home button */
	height: 50px;
	margin:80px 0 0 0;
}
#projects:hover, #projects:active {
	background: transparent url('../images/projects8.png') 0pt -50px;
	margin:80px 0 0 0;
}
#about {
	background: transparent url('../images/aboutus8.png');
	width: 150px; /* The width of the home button */
	height: 50px;
	margin:80px 0 0 0;
}
#about:hover, #about:active {
	background: transparent url('../images/aboutus8.png') 0pt -50px;
	margin:80px 0 0 0;
}
#otherservices {
	background: transparent url('../images/services8.png');
	width: 150px; /* The width of the home button */
	height: 50px;
	margin:80px 0 0 0;
}
#otherservices:hover, #otherservices:active {
	background: transparent url('../images/services8.png') 0pt -50px;
	margin:80px 0 0 0;
}
#whyart {
	background: transparent url('../images/whyart8.png');
	width: 150px; /* The width of the home button */
	height:50px;
	margin:80px 0 0 0;
}
#whyart:hover, #whyart:focus, #whyart:active {
	background: transparent url('../images/whyart8.png') 0pt -50px;
	margin:80px 0 0 0;
}
/* =========================================================================================================== */
/* C O N T E N T
/* =========================================================================================================== */
#contentSection {
	clear:both;
	padding:156px 0 80px 0; /* Margin collapses so need padding for footer */
	/* height:900px; This works put page too big..*/
	height:100%;
	min-height:100%;
	position:relative;
	width:100%; /* enables centering */
}
#contentCentre {
	margin: 0pt auto;
	width: 960px;

}
.block04 {
	text-align:left;
	font-size:0.8em;
	padding:10px 10px 10px 10px;
	margin:10px 10px 10px 10px;
	width:450px;
	height:100%;
}
.block01, .block02, .block03 {
	background-image:url(../images/blockbg01.png);
	background-repeat:repeat-x;
	background-color:#060702;
	text-align:left;
	font-size:0.8em;
	padding:10px 10px 10px 10px;
	margin:10px 10px 10px 10px;
	border:#660 thin solid;
	width:250px;
	height:100%;
}
.block01 p, .block02 p, .block03 p {
	padding:6px 0 0 0;
	text-indent:0px;
	color:#c3c945;
	line-height:1.4em;
}
/* Background imsages for block headings */
.block01 h4, .block02 h4, .block03 h4 {
	margin-left:30px;
	height:23px;
	width:112px;
	text-indent:-9000px;
}
.block01 h4 {
	background:url(../images/assets.png) no-repeat -10px -10px;
}
.block02 h4 {
	background:url(../images/assets.png) no-repeat -10px -110px;
}
.block03 h4 {
	background:url(../images/assets.png) no-repeat -10px -210px;
}
.block04 {
	padding-top: 2px;
	padding-left:4px;
	font-size:1.1em;
	color:#FFF;
}
.block05 {
	background-image:url(../images/blockbg01.png);
	background-repeat:repeat-x;
	background-color:#060702;
	text-align:left;
	font-size:0.7em;
	padding:10px 10px 10px 10px;
	margin:10px 10px 10px 10px;
	border:#660 thin solid;
	width:250px;
	height:80px;
}
.block05 p {
	float:left;
	width:45%
}
.block05 img {
	float:right;
	border:solid medium #660;
	width:45%;
}
.block05 a {
	color:#c3c945;
}
.block05 a:hover {
	color:#FFF;
}
.block01 a img, .block02 a img, .block03 a img { /* the little icon next to the headings graphics */
	float:left;
	width:24px;
	height:24px;
}
.list02 h4 a {
	font-size:1.4em;
	color:#ddd;
}
.block01 a:hover p, .block02 a:hover p, .block03 a:hover p {
	color:#fafafa;
}
.list02 li {
	background-image:url(../images/boxfade018.png);
	background-repeat:repeat;
	margin:0 10px 0 0;
}
.list03 li {
	padding: 10px 0 0 4px;
	font-size:1.4em;
	color:#FFF;
	list-style-type: none;
	list-style-position: inside;
	/* list-style-image: url(../images/greentick.png); */
	list-style-image: url(../images/newtick8.png);
}
.list03 li span {
	display:block;
	padding:0px 0 0 30px;
	height:20px;
}
.list03 li p {
	line-height:1.4em;
	padding:10px 0 10px 0;
	color:#c3c945;
	padding-bottom:8px;
}
.block900-300 {
	background-image:url(../images/boxfade018.png);
	background-repeat:repeat;
	position:relative;
	border: thick solid #660;
	margin: 0px auto;
	/* float:left; /* required so that inner content has the BG */
	width:900px;
	height:300px;/* border: #CCC solid medium; */
}
#justin {
	position:relative;
	top: -330px;
	left:700px;
	}
.block900-100 {
	background-image:url(../images/boxfade018.png);
	background-repeat:repeat;
	position:relative;
	border: thick solid #660;
	padding:4px;
	margin: 10px auto;
	/* float:left; /* required so that inner content has the BG */
	width:900px;
	height:100px;/* border: #CCC solid medium; */
}
.block300 {
	background-image:url(../images/boxfade018.png);
	background-repeat:repeat;
	position:relative;
	padding:4px;
	margin: 10px auto;
	/* float:left; /* required so that inner content has the BG */
	height:100%;
	width:320px;
}
.block400 {
	background-image:url(../images/boxfade018.png);
	background-repeat:repeat;
	position:relative;
	padding:4px;
	margin: 10px auto;
	float:left; /* required so that inner content has the BG */
	height:100%;
	width:420px;
}
.outerBlock300 {
	background-image:url(../images/boxfade018.png);
	background-repeat:repeat;
	position:relative;
	padding:10px;
	margin: 10px auto;
	/* float:left; /* required so that inner content has the BG */
	height:100%;
	width:320px;
}
.outerBlock600 {
	background-image:url(../images/boxfade018.png);
	background-repeat:repeat;
	position:relative;
	padding:4px;
	margin: 10px auto;
	float:left; /* required so that inner content has the BG */
	height:100%;
	width:600px;
}
.outerBlock480 {
	background-image:url(../images/boxfade018.png);
	background-repeat:repeat;
	position:relative;
	padding:4px;
	margin: 10px auto;
	float:left; /* required so that inner content has the BG */
	height:100%;
	width:480px;
}
.innerBlock600 {
	background-image:url(../images/blockbg01.png);
	background-repeat:repeat-x;
	background-color:#060702;
	text-align:left;
	font-size:0.8em;
	color:#c3c945;
	padding:10px 10px 10px 10px;
	margin:10px 10px 10px 10px;
	border:#660 thin solid;
	width:560px;
	height:100%;
}
.innerBlock460 {
	background-image:url(../images/blockbg01.png);
	background-repeat:repeat-x;
	background-color:#060702;
	text-align:left;
	font-size:0.8em;
	color:#c3c945;
	padding:10px 10px 10px 10px;
	margin:10px 10px 10px 10px;
	border:#660 thin solid;
	width:440px;
	height:100%;
}
.block300 p {
	background-image:url(../images/blockbg01.png);
	background-repeat:repeat-x;
	background-color:#060702;
	text-align:left;
	font-size:0.8em;
	color:#c3c945;
	padding:10px 10px 10px 10px;
	margin:10px 10px 10px 10px;
	border:#660 thin solid;
	width:280px;
	height:100%;
}
.row900-300 {
	position:relative;
	margin: 10px auto;
	padding:0 0px 10px 26px;
	/* float:left; /* required so that inner content has the BG */
	width:920px;
	height:100%;
}
.row900-100 {
	position:relative;
	margin: 10px auto;
	padding-bottom:10px;
	/* float:left; /* required so that inner content has the BG */
	width:920px;
	height:120px;
}
.column500, .column300 {
	background-image:url(../images/blockbg01.png);
	background-repeat:repeat-x;
	background-color:#060702;
	text-align:left;
	font-size:0.8em;
	color:#c3c945;
	padding:10px 10px 10px 10px;
	margin:10px 10px 10px 10px;
	border:#660 thin solid;
	height:100%;
}
.nonDisplay {
	display:none;
}
.column300 {
	width:300px;
}
.column500 {
	width:500px;
}
#replaceFlashNews {
	margin: 0pt auto;
	width: 910px;
	height:80px;
}
.borderLine {
	margin:10px 0 10px 0;
	border-bottom: thin solid #c3c945;
	width:100%;
}
/* -------------------------------------------------------------------------- */
/* SPRY Tabbed Panels
/* Main Outines is 	#TabbedPanels1
/* Tab UL is 		.TabbedPanelsTabGroup
/* Tab is 			.TabPanelsTab
/* Content is 		.TabbedPanelsContentGroup
/* -------------------------------------------------------------------------- */
#TabbedPanels1 { /* Top level main outline */
	background-image:url(../images/boxfade018.png);
	background-repeat:repeat;
	width:500px;
	padding:10px;
}
.TabbedPanelsTab {
	background-image:url(../images/blockbg01.png);
	background-repeat:repeat-x;
	border:2px 2px 2px 2px;
	border-color:#660;
	border-style:solid;
	border-width:medium;
	border-bottom-color:#060702;
	font-size:14px;
	color:#C3c945;
}
.TabbedPanelsTabGroup #practical {
	background:url(../images/assets.png) no-repeat -210px -10px #550;
	text-indent:-2222px;
	width:90px;
	height:23px;
}
.TabbedPanelsTabGroup li #practical {
	padding:10px;
}
.TabbedPanelsTabGroup #environment {
	background:url(../images/assets.png) no-repeat -210px -40px #550;
	text-indent:-2222px;
	width:100px;
	height:23px;
}
.TabbedPanelsTabGroup #costsaving {
	background:url(../images/assets.png) no-repeat -210px -70px #550;
	text-indent:-2222px;
	width:100px;
	height:23px;
}
.TabbedPanelsTabGroup #convenience {
	background:url(../images/assets.png) no-repeat -210px -100px #550;
	text-indent:-2222px;
	width:102px;
	height:23px;
}
.TabbedPanelsContentGroup {
	background-image:url(../images/blockbg01.png);
	background-repeat:repeat-x;
	background-color:#060702;
	text-align:left;
	color:#CCC;
	font-size:0.8em;
	padding:10px 10px 10px 10px;
	border:#660 thin solid;
	height:100%;/* float:left; /* required so that inner content has the BG */
}
.TabbedPanelsTabSelected {
	border-bottom-color:#660;
	background-color:#660;
	outline:none;
}
.TabbedPanelsContent .list03 li {
	font-size:1em;
	font-weight:bold;
	margin:0px 0px 0px 10px;
}
.TabbedPanelsContent .list03 li p {
	font-weight:normal;
}
/* -------------------------------------------------------------------------- */
/* Image Fader
/* -------------------------------------------------------------------------- */
#faderDiv {
	width: 900px;
	height: 300px;
}
.list02 li {
	display: inline;
	float:left;
}
/* -------------------------------------------------------------------------- */
/*  Email Input
/* -------------------------------------------------------------------------- */
#contactForm {
	border: thick solid #660;
	background:#060702 none repeat scroll 0% 0% ! important;
	margin: 0;
	color:#fff;
	width: 280px;
}
#inputSubmit {
	border:0;
		padding:10px 33px 10px 10px;
		text-align:right;
}
#inputType01 {
	border:0;
	border-bottom:dashed thin #660;
	text-align:left;
	padding: 0 0 16px 40px;
}
#inputType01 label {
	padding: 10px 2px 6px 0;
	display: block;
text-align:left;
	width: 220px;
	color: #fff;
	font-size: 0.7em;	
}
#inputType01 input, #inputType01 textArea {
	padding: 4px 0 0 4px;
	text-align:left;
	border: thin solid #660;
	width: 200px;
	background-color:#330;
	color: #eee;
	font-weight:bold;
}
#inputType01 textArea {
	height: 100px;
}
#inputSubmit input {
	text-align:center;
	width:120px;
		background-color:#330;
	color: #eee;
}
/* -------------------------------------------------------------------------- */
/* Other CSS
/* -------------------------------------------------------------------------- */
.smallprint {
	font-size:0.6em;
}
.textEM1.2 {
	font-size:1.2em;
	padding:0 10px 10px 10px;
	text-align:left;
}
.floatRight {
	float:right;
}
.floatLeft {
	float:left;
}
.floatClear {
	clear:both;
}
#privacy {
	text-align:left;
}
#privacy h2 {
	padding:20px 0 30px 0;
	text-align:center;
	text-decoration:underline;
}
#privacy h3 {
	padding:20px 0 4px 0;
}
.fontStyle01 {
	font-size:0.58em;
	color:#c3c945;
}
/* -------------------------------------------------------------------------- */
/* T E X T  f o r m a t s
/* -------------------------------------------------------------------------- */
.txtFormat001 {
	font-size:20px;
	color:#ccc;
	font-style:italic;
}
.txtFormat002 {
	font-family:Tahoma, Verdana, "Times New Roman", Times, serif;
	font-size:1.0em;
	text-align:left;
	color:#EEE;
}
.txtFormat003 {
	font-size:13px;
	font-weight:bold;
	text-align:left;
	color:#EEE;
}
/* =========================================================================================================== */
/* F O O T E R
/* =========================================================================================================== */
#footerSection {
	clear:both;
	width:100%;
	position: absolute;
	bottom: 0;
	background:url(../images/bgfooter.png) repeat-x;
	border-top:thin #555 solid;
}
#footerCentre {
	margin: 0px auto;
	width: 960px;
	color:#CCC;
	text-align:center;
	padding: 4px 0 0 0;
}
#footerCentre .fontSize01 {
	font-size:0.55em;
}
#footerNavigation {
	padding: 10px 0 0 0;
}
#footerNavigation ul {
	margin: 0pt auto;
	padding: 7px 10px 10px;
	width: 900px;
	text-align: center;
}
#footerNavigation li a.active {
	padding: 3px;
	background-color:#f60;
	color: #FFF;
}
#footerNavigation li {
	padding: 5px 12px 5px 5px;
	display: inline;
	border-right:thin solid #660;
	font-size: 0.66em;
	line-height: 0.1em;
	font-variant:small-caps;
	color: #ccc;
}
#footerNavigation li a:hover, #footerNavigation li a:focus { /* dont work */
	color: #FFF;
	border:1px;
}
#footerNavigation img {
	border:none;
}