body { 
	margin: 0 auto;
	padding: 0; 
	height: 100%;
	background: #6BA423;
	text-align: center;
}
/* need to separate this to work in IE7 */
body { width: 850px; }

h1 { font-size: 20px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; color: #666; }
h4 { font-size: 14px; color: #498201; }
h5,h6 { font-size: 12px; margin-bottom: 5px; }
h6 { color: #498201; }

li { margin: 5px; }

a,em,span,strong {
	font-size: inherit;
}

a { color: #709E1A; }
a:hover { color: #999; }


/** Generic Styles used throughout site */
.bullet {
	list-style: none;
	margin-left: 0px;
	padding-left: 14px;
}
.bullet li a {
	padding-left: 21px;
	margin-left: 0px;
	background: url(../images/bullet.gif) no-repeat;
}
.dashed {
	padding: 7px;
	border-bottom: 1px dashed #ccc;
}
.pad {
	padding: 7px;
}



/* IE 5 centering fix */
#page {
	width: 850px;
	background: white;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	text-align: left;
	margin: 0 auto;
	padding-bottom: 10px;
}
#page { font-family: Arial, Helvetica, sans-serif; }



/** Header Styles */
#header {
	background: #5B5858;
}
#header .logo {
	display: block;
	background: url(../images/headernz.jpg);
	width: 850px;
	height: 150px;
}
#header .logo h1 {
	display: none;
}

/* navigation menu */
#header #nav {
	display: block;
	list-style: none;
	margin: 0px;
	padding: 4px 8px;
	height: 36px;
}
#header #nav li {
	float: left;
	width: 118px;
	position: relative;
	display: block;
	margin: 0px;
	padding-left:8px;
}
#header #nav li a,
#header #nav li a:visited,
#header #nav li a:active {
	display: block;
	width: auto;
	height: 36px;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}
#header #nav li a:hover {
	color: #ff9;
}
#header #nav li ul {
	display: none;
	margin: 0;
	padding: 0;
	list-style: none;
}
#header #nav li:hover ul,
#header #nav li.show ul {
	display: block;
	position: absolute;
	padding-top: 8px;
	left: -8px;
	top: 32px;
	width: 170px;
}
#header #nav li:hover ul li, 
#header #nav li.show ul li {
	width: 170px;
	padding: 4px;
	margin: 0px;
	background: #999;
	font-size: 12px;
}
#header #nav li ul.last{
	width: 158px;
	overflow-x: hidden;
}
#header #nav li ul li a,
#header #nav li ul li a:visited,
#header #nav li ul li a:active {
	font-size: 12px;
	padding-left: 20px;
	background: url(../images/menubutton.gif) no-repeat;
	height: auto;
}




/** Main Content wrapper */
#left,
#right {
	width: 180px;
	font-size: 11px;
	color: #666;
	line-height: 15px;
	font-weight: bold;
}
#left ul,
#right ul {
	padding: 0px;
	margin: 0px;
}
#left {	float: left; border-right: 1px dashed #ccc; }
#right { float: right; border-left: 1px dashed #ccc; }



#content {
	float: left;
	width: 460px;
	margin: 0px 13px;
	list-style-position: outside disc url(../images/bullet.gif);
}
#content ol.clean {
	list-style-image: none;
}


#content .imgtile {
	float: left;
	background-color: #709E1A;
	color: #fff;
	text-align:center;
	font-weight: bold;
	margin: 7px 30px;
	display: inline-block;
	width: 160px;
	font-size: 12px;
	padding: 1px 0px;
	text-decoration: none;
}
#content .imgtile img {
	border: 0px;
	padding: 1px;
}
#content p,
#content li,
#content td,
#content div {
	font-size: 12px;
}






/** Left Hand Side Content */
#left #rand-images {
	text-align: center;
}
#left #rand-images img {
	border: 2px solid #666;
	margin-top: 7px;
}
#left{
	text-align:center;
}
#left img{
	border: 2px solid #666;
	margin-top: 7px;
}
#left #whats-hot {		list-style: none; }
#left #whats-hot li {	margin: 2px 4px; }


/** Right Hand Side Content */
/* quick links */
#right #quick-links { list-style: none; }
#right #quick-links li { margin: 2px 14px; }
#right #quick-links li a { color: #666; text-decoration: none; }
#right #quick-links li a:hover { color: #498201; text-decoration: underline; }
/* quick search bar */
#right #search {	margin: 0; }
#right #search #q {	width: 100px; vertical-align: middle; }
#right #search #searchsubmit {	vertical-align: middle; }

#visit { text-align: center; }


#left .imgtile,
#right .imgtile {
	background-color: #709E1A;
	text-align: center;
	color: #fff;
	font-weight: bold;
	width: 124px;
	font-size: 12px;
	padding: 1px 0px;
	display: block;
	margin: 7px auto;
	text-decoration: none;
}
#left .imgtile img,
#right .imgtile img {
	border: 0px;
	padding: 1px;
}



/** Goolge Search Style Customisation */
.gsc-ad-box,
.gsc-trailing-more-results,
.gs-visibleUrl-long,
.gsc-results-selector,
.gsc-branding-text,
.gsc-branding-img,
.gsc-title { display: none; }
.gsc-webResult { width: 100%; }
.gs-visibleUrl-short { color: #488048 }
.gsc-result {
	padding-bottom: 5px;
	border-bottom: 1px solid #666;
	margin-bottom: 30px;
}
.gsc-twiddleRegionCell {
	margin: 0px; 
	padding: 0px;
}
.gsc-resultsHeader,
.search_result_text {
	font-size: 20px;
	font-weight: bold;
	margin: 0px;
	margin-bottom: 14px;
	margin-left: 7px;	
}
.search_result_text {
	text-align:left;
	float: left;
}


table.matchingservice { 
	border-style: solid;
	border-width: 1px;
	valign: top;
}
td.matchingservice	{ 
	border-style: solid;
	border-left-width: 1px;
	border-right-width: 0px;
	border-top-width: 1px;
	border-bottom-width: 0px;
	vertical-align: top;
}




/** Table-less form styles */
form label,
form span.l {
	display: inline-block;
	width: 9em;
	margin-right: 0.25em;
	text-align: right;
}
form label {
	display: table-cell;
	margin: 0.1em 0px;
}
form textarea {
	vertical-align: top;
}
form .title {
	color: #9E1B41;
	font-weight: bold;
	padding: 0.5em 0px;
}
form input,
form select {
	font-size: 1.1em;
}

.case-study{
	border:1px solid #000;
	padding:0 10px;
}