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

* {
	margin:0;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	outline:none;
}
body {
	background:#767676 url(../images/bg.png) top repeat-x;
	text-align:center;
}
#mainContainer {
	margin:0 auto;
	padding:0;
	width:100%;
	position:relative;
	text-align:left;
	background:#fff;
}
#mastHead {
	margin:0;
	padding:0 0 7px 0;
	background:url(../images/banner.jpg) top left no-repeat;
	width:100%;
	height:253px;
}
#mastHead p.contact {
	margin:0;
	padding:0;
	position:absolute;
	top:15px;
	left:20px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
}
#mastHead h1 {
	margin:0;
	padding:0;
	text-indent:-9999px;
	line-height:0;
}
#topNav {
	margin:0;
	padding:0;
	height:40px;
	background:url(../images/bgNav.png) top left repeat-x;
}
#contentContainer {
	margin:0;
	padding-top:25px;
	padding-left:25px;
	padding-bottom:25px;
	width:100%;
	background:#fff url(../images/bgContent.png) top left repeat-x;
	float:left;
	font-size:12px;
}

#contentContainerinside {
	margin:0;
	padding:25px;
	width:95%;
	background:#fff url(../images/bgContent.png) top left repeat-x;
	float:left;
	font-size:12px;
}

#contentContainer li {
	font-size:12px;
	color:#4a4a4a;
	margin-left:25px;
	line-height:18px;
}

#contentContainerinside li {
	font-size:12px;
	color:#4a4a4a;
	margin-left:25px;
	line-height:18px;
}


#contentContainer p {
	padding:0 0 15px 0;
	font-size:12px;
	color:#4a4a4a;
	line-height:18px;
}

#contentContainerinside p {
	padding:0 0 15px 0;
	font-size:12px;
	color:#4a4a4a;
	line-height:18px;
}
#footer {
	margin:0;
	padding:23px 30px 0 30px;
	background:url(../images/bgFooter.jpg) top left;
	width:100%;
	height:58px;
	clear:both;
}
#footer p {
	margin:0 0 10px 0;
	font-size:10px;
	color:#fff;
	line-height:18px;
}
#footer a,a:visited {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
#footer a:hover {
	color:#353535;
}
/* classes */
.section {
	margin:0;
	padding:0;
	width:100%;
	float:left;

}
.sectionHeader {
	margin:0;
	padding:0;
	width:95%;
	float:left;
	background-color:#178717;
}
.sectionHeaderLeft {
	background:url(../images/contentHeaderLeft.jpg) top left no-repeat;
	width:28px;
	height:24px;
	float:left;
}
.sectionHeaderRight {
	margin:0;
	padding:5px;
	background:url(../images/contentHeaderRightBg.png) top left repeat-y;
	width:655px;
	height:14px;
	float:left;
	line-height:13px;
}
.sectionHeaderRight h1 {
	color:#fff;
	font-size:12px;
	font-weight:bold;

}
.sectionPicture {
	padding:25px 0 25px 25px;
	width:232px;
	float:left;
}
.sectionContent {
	margin:0;
	padding:25px;
	width:80%;
	float:left;
}

.sectionContenttop {
	margin:25px;
	padding-top:25px;
	width:90%;
}

.readMore {
	
}

a.readMore, a.readMore {
	color:#178617;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
a.readMore:hover {
	color:#000;
}



/* Navigation */
#topNav ul {
	text-indent:-9999px;
	margin:0;
	padding:0;
	list-style:none;
	height:40px;
}
#topNav ul li {
	display:inline;
	float:left;
}
#topNav ul li.home a {
	display:block;
	width:115px;
	height:40px;
	background:url(../images/btn_home.png) top left no-repeat;
}
#topNav ul li.home a:hover {
	display:block;
	width:115px;
	height:40px;
	background:url(../images/btn_home.png) bottom left no-repeat;
}
#topNav ul li.products a {
	display:block;
	width:105px;
	height:40px;
	background:url(../images/btn_products.png) top left no-repeat;
}
#topNav ul li.products a:hover {
	display:block;
	width:105px;
	height:40px;
	background:url(../images/btn_products.png) bottom left no-repeat;
}
#topNav ul li.services a {
	display:block;
	width:96px;
	height:40px;
	background:url(../images/btn_services.png) top left no-repeat;
}
#topNav ul li.services a:hover {
	display:block;
	width:96px;
	height:40px;
	background:url(../images/btn_services.png) bottom left no-repeat;
}
#topNav ul li.colourChart a {
	display:block;
	width:136px;
	height:40px;
	background:url(../images/btn_colour.png) top left no-repeat;
}
#topNav ul li.colourChart a:hover {
	display:block;
	width:136px;
	height:40px;
	background:url(../images/btn_colour.png) bottom left no-repeat;
}
#topNav ul li.contactUs a {
	display:block;
	width:118px;
	height:40px;
	background:url(../images/btn_contact.png) top left no-repeat;
}
#topNav ul li.contactUs a:hover {
	display:block;
	width:118px;
	height:40px;
	background:url(../images/btn_contact.png) bottom left no-repeat;
}
#topNav ul li.photoGallery a {
	display:block;
	width:170px;
	height:40px;
	background:url(../images/btn_photo.png) top left no-repeat;
}
#topNav ul li.photoGallery a:hover {
	display:block;
	width:170px;
	height:40px;
	background:url(../images/btn_photo.png) bottom left no-repeat;
}

h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:black;
	font-weight:bold;
	margin-bottom:10px;
}

h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#087b08;
	font-weight:bold;
	margin-bottom:10px;
}




/* Pages */

.pageHeader {
margin:0 0 15px 0;
padding:0 0 8px 0;
font-size:13pt;
color:black;
font-weight:normal;
background:url(../images/pageHeaderBottom.png) bottom left no-repeat;
}

.inside {
float:right;
position:relative;
}

.tablebgcolor {
	background-color:#eaeaea;
}

.tablebgcolor2 {
	background-color:#d4ded4;
}

.colorchart td {
	text-align:center;
}