/* positioning and globals */
body {
	width:1000px;
	padding:0px;
	margin-top:0px;
	margin-left:auto;
	margin-bottom:0px;
	margin-right:auto;
	
	font-size:0.875em;
	font-family:Arial, Helvetica, sans-serif;
	}
img {
	border:none;
	}
ul,li,h1,h2,p {
	padding:0px;
	margin:0px;
	}
p {
	margin:0px 0px 10px;
	}

div#header {
	clear:both;
	background-image:url(images/header_bg.gif);
	background-repeat:no-repeat;
	height:85px;
	/*background-color:lime;*/
	}
/* Been removed as causes issues with the Slideshow gallery
div#c {
	float:left;
	padding-bottom:30px;
	}
*/
div#menu {
	background-color:#ff7b00;
	float:left;
	width:188px;
	}
div.snippet {
	background-image:url(images/snippet_bg.gif);
	background-repeat:repeat-x;
	min-height:247px;
	}
div#cc {
	/* holder for all but header and menu */
	float:right;
	width:812px;
	/*background-color:yellow;*/
	}
div#ccc {
	/* holder for content and gallery */
	/*clear:both;*/
	float:left;
	/*background-color:blue;*/
	}
div#content {
	float:left;
	padding:25px 24px 21px;
	width:515px;
	}
div#gallery {
	float:right;
	width:215px;
	padding:27px 17px 27px 17px;
	min-height: 180px;
}
div#footer {
	clear:both;
	margin:0px 24px;
	padding:24px 0px;
	}

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

/* end of positioning and globals */


/* details */
div#header img {
	float:left;
	}
div#header p {
	float:right;
	font-size:1.43em;
	color:#ffffff;
	background-image:url(images/header_bg.gif);
	background-position:bottom right;
	margin:55px 10px 0px 0px;
	}
div#header span.phone {
	color:#ff7b00;
	}
div#menu {
	font-size:0.93em;
	}
div#menu ul {
	list-style:none;
	margin:23px 0px 48px;
	text-align:right;
	}
div#menu li {
	padding-top:13px;
	}
div#menu a {
	display:block;
	padding:7px 17px 2px;
	background-image:url(images/menu_item_bg.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	}
div#menu a.current,div#menu a:hover {
	background-image:url(images/menu_item_bg_selected.gif);
	background-repeat:repeat-y;
	}

div.snippet {
	padding:26px 25px;
	background-color:#ffffff;
	}
div.snippet div.comment {
	font-size:1.14em;
	padding-bottom:23px;
	}
div.snippet div.name {
	font-size:0.93em;
	font-weight:bold;
	}
div.snippet div.role {
	font-size:0.93em;
	color:#ff7b00;
	font-weight:bold;
	font-style:italic;
	}

div#content {
	line-height:1.3em;
	color:#636363;
	}

h1 {
	font-size:1.43em;
	padding-bottom:11px;
	}
h2 {
	font-size:1.14em;
	color:#ff7b00;
	padding-bottom:16px;
	}
p.coverage,p.callout {
	margin-bottom:19px;
	}
p.coverage {
	font-size:1.14em;
	}
p.callout {
	font-size:1.07em;
	font-weight:bold;
	}
table#services {
	/*font-size:1.07em;*/
	margin-bottom:31px;
	}
table#services td {
	vertical-align:top;
	}
table#services li {
	list-style:none;
	background-image:url(images/bullet.gif);
	background-repeat:no-repeat;
	padding:0px 10px 0px 30px;
	margin-bottom:10px;
	}
table#services li a {
	text-decoration:none;
	}
table#services li a:hover {
	text-decoration:underline;
	}

div#gallery {
	background-image:url(images/gallery_bg.gif);
	background-repeat:no-repeat;
	}
div#gallery a {
	display:block;
	margin-bottom:21px;
	}
div#gallery img {
	border:1px solid #636363;
	}

form#contactform th {
	text-align:right;
	vertical-align:top;
	}
form#contactform .text {
	width:200px;
	border:1px solid #636363;
	padding:2px;
	}
form#contactform .highlighted {
	border-color:#ff7b00;
	}
div#namerequired, div#enquiryrequired {
	display:none;
	}
form#contactform tr.send td {
	text-align:right;
	}

.required {
	color:#ff7b00;
	}
span.required {
	font-weight:bold;
	font-size:1.3em;
	}

div#footer {
	border-top:1px solid #cccccc;
	font-size:0.93em;
	color:#636363;
	}
div#f {
	float:left;
	width:400px;
	padding-bottom: 15px;
	}
div#ff {
	float:right;
	}
div#ff a {
	padding:5px;
	}
div#ff p {
	margin-top:5px;
	}

div#jrs,div#tjs {
	margin-top:22px;
	color:#000000;
	}
/* end of details */



/* ##### GRID ##### */
/* This is used for the Gallery Thumbnails */
ul.grid_rows {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	
	list-style: none;
}
ul.grid_rows li {
	float: left;
	clear: both;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
ul.grid_rows li ul.grid_cols {
	float: left;
	width: 100%;
	margin: 0px 0px 3px 0px;
	padding: 0px;
	
	list-style: none;
}
ul.grid_rows li ul.grid_cols li {
	float: left;
	clear: none;
	width: 150px;
	padding: 0px;
	margin: 0px 0px 0px 5px;
}
ul.grid_rows li ul.grid_cols li.first {
	margin-left: 0px;
}

ul.gallery_thumbnails li ul.grid_cols li {
	width: 67px;
}
ul.gallery_thumbnails img {
	cursor: pointer;
}