/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*
	960 Grid System ~ Text CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

body {
	
}


hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}



/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
	list-style: decimal;
}

ul {
	list-style: square;
}

li {
	margin-left: 30px;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
	margin-bottom: 20px;
}

/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Containers
----------------------------------------------------------------------------*/

.container_12,
.container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

.container_11 {
	margin-left: 120px;
	width:880px;
}

/* `Grid >> Global
-----------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.container_11 .grid_3,
.container_12 .grid_3,
.container_16 .grid_4 {
	width: 220px;
}

.container_11 .grid_6,
.container_12 .grid_6,
.container_16 .grid_8 {
	width: 460px;
}

.container_11 .grid_9,
.container_12 .grid_9,
.container_16 .grid_12 {
	width: 700px;
}

.container_11 .grid_12,
.container_12 .grid_12,
.container_16 .grid_16 {
	width: 940px;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
-------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* `Grid >> 11 Columns
-----------------------------------------------------------------------------*/

.container_11 .grid_1 {
	width: 60px;
}

.container_11 .grid_2 {
	width: 140px;
}

.container_11 .grid_4 {
	width: 300px;
}

.container_11 .grid_5 {
	width: 380px;
}

.container_11 .grid_7 {
	width: 540px;
}

.container_11 .grid_8 {
	width: 620px;
}

.container_11 .grid_10 {
	width: 780px;
}

.container_11 .grid_11 {
	width: 860px;
}


/* `Grid >> 12 Columns
-----------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width: 60px;
}

.container_12 .grid_2 {
	width: 140px;
}

.container_12 .grid_4 {
	width: 300px;
}

.container_12 .grid_5 {
	width: 380px;
}

.container_12 .grid_7 {
	width: 540px;
}

.container_12 .grid_8 {
	width: 620px;
}

.container_12 .grid_10 {
	width: 780px;
}

.container_12 .grid_11 {
	width: 860px;
}

/* `Grid >> 16 Columns
------------------------------------------------------------------------------*/

.container_16 .grid_1 {
	width: 40px;
}

.container_16 .grid_2 {
	width: 100px;
}

.container_16 .grid_3 {
	width: 160px;
}

.container_16 .grid_5 {
	width: 280px;
}

.container_16 .grid_6 {
	width: 340px;
}

.container_16 .grid_7 {
	width: 400px;
}

.container_16 .grid_9 {
	width: 520px;
}

.container_16 .grid_10 {
	width: 580px;
}

.container_16 .grid_11 {
	width: 640px;
}

.container_16 .grid_13 {
	width: 760px;
}

.container_16 .grid_14 {
	width: 820px;
}

.container_16 .grid_15 {
	width: 880px;
}

/* `Prefix Extra Space >> Global
-------------------------------------------------------------------------------*/

.container_12 .prefix_3,
.container_16 .prefix_4 {
	padding-left: 240px;
}

.container_12 .prefix_6,
.container_16 .prefix_8 {
	padding-left: 480px;
}

.container_12 .prefix_9,
.container_16 .prefix_12 {
	padding-left: 720px;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left: 80px;
}

.container_12 .prefix_2 {
	padding-left: 160px;
}

.container_12 .prefix_4 {
	padding-left: 320px;
}

.container_12 .prefix_5 {
	padding-left: 400px;
}

.container_12 .prefix_7 {
	padding-left: 560px;
}

.container_12 .prefix_8 {
	padding-left: 640px;
}

.container_12 .prefix_10 {
	padding-left: 800px;
}

.container_12 .prefix_11 {
	padding-left: 880px;
}

/* `Prefix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/

.container_16 .prefix_1 {
	padding-left: 60px;
}

.container_16 .prefix_2 {
	padding-left: 120px;
}

.container_16 .prefix_3 {
	padding-left: 180px;
}

.container_16 .prefix_5 {
	padding-left: 300px;
}

.container_16 .prefix_6 {
	padding-left: 360px;
}

.container_16 .prefix_7 {
	padding-left: 420px;
}

.container_16 .prefix_9 {
	padding-left: 540px;
}

.container_16 .prefix_10 {
	padding-left: 600px;
}

.container_16 .prefix_11 {
	padding-left: 660px;
}

.container_16 .prefix_13 {
	padding-left: 780px;
}

.container_16 .prefix_14 {
	padding-left: 840px;
}

.container_16 .prefix_15 {
	padding-left: 900px;
}

/* `Suffix Extra Space >> Global
------------------------------------------------------------------------------*/

.container_12 .suffix_3,
.container_16 .suffix_4 {
	padding-right: 240px;
}

.container_12 .suffix_6,
.container_16 .suffix_8 {
	padding-right: 480px;
}

.container_12 .suffix_9,
.container_16 .suffix_12 {
	padding-right: 720px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right: 80px;
}

.container_12 .suffix_2 {
	padding-right: 160px;
}

.container_12 .suffix_4 {
	padding-right: 320px;
}

.container_12 .suffix_5 {
	padding-right: 400px;
}

.container_12 .suffix_7 {
	padding-right: 560px;
}

.container_12 .suffix_8 {
	padding-right: 640px;
}

.container_12 .suffix_10 {
	padding-right: 800px;
}

.container_12 .suffix_11 {
	padding-right: 880px;
}

/* `Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .suffix_1 {
	padding-right: 60px;
}

.container_16 .suffix_2 {
	padding-right: 120px;
}

.container_16 .suffix_3 {
	padding-right: 180px;
}

.container_16 .suffix_5 {
	padding-right: 300px;
}

.container_16 .suffix_6 {
	padding-right: 360px;
}

.container_16 .suffix_7 {
	padding-right: 420px;
}

.container_16 .suffix_9 {
	padding-right: 540px;
}

.container_16 .suffix_10 {
	padding-right: 600px;
}

.container_16 .suffix_11 {
	padding-right: 660px;
}

.container_16 .suffix_13 {
	padding-right: 780px;
}

.container_16 .suffix_14 {
	padding-right: 840px;
}

.container_16 .suffix_15 {
	padding-right: 900px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* GoCave.com
FCSwebsites.co.uk 2009

black 
white
green 8BB6A9

*/

* {margin:0; padding:0;}

html {}

body {
	background:url(../images/interface/bg.jpg) top left no-repeat #000;
	color:#999;
	font-family: Arial, helvetica, "sans serif";
	font-size:75%;
	line-height: 1.5em;
	text-align:center;
}

p {margin-bottom:15px;}

h1, h2, h3 {
	color:#8BB6A9;
	font-family: "Century gothic", helvetica,  "sans serif";
	text-transform: uppercase;
	letter-spacing: -0.05em;
	line-height:100%;
}

h1 {
	font-size: 2.2em;
}

h2 {
	font-size: 1.6em;
}

.entry-title {
	margin-bottom: 5px;
}

h3 {
	font-size: 1.1em;
	line-height:1.4em;
	margin-bottom: 5px;
}

a {
	color:#8BB6A9;
}

a:hover {
}

img {border:0;}

ul, ol {margin-left:15px;}

acronym {text-decoration: underline;}

input, textarea {
	border:1px solid #ccc;
	font-family: Arial, helvetica, "sans serif";
	font-size: 1em;
	padding:3px;
	width:200px;
}

.sidebox input {width:auto;}

label {
	float:left;
	width:100px;

}

.zemContactForm div {
	margin-bottom:5px;
}

.zemSubmit {
	margin-left:100px;
	width:auto;
}

blockquote {
	font-style: italic;
	margin:0 15px 15px 15px;
}


.clearance {clear:both;}

.left {float:left;}

.right {float:right;}

.centre {
	/*display:block;*/
	text-align: center;
}

.sidebox { 
	background:url(../images/interface/bg-box.jpg) bottom left repeat-x;
	border:1px solid #eee;
	margin-bottom:15px;
	padding:8px;
}

.zemError {
	color:#f00;
	font-weight:bold;
}

.zemThanks {
	border:1px solid #00cc00;
	color:#00cc00;
	padding:5px;
	font-weight:bold;
}

.zemThanks p {
	margin:0;
}

.rssThumb {
	border:1px solid #000;
	margin:0 15px 15px 0;
}

#header-rounded {
	background:url(../images/interface/header-rounded.png) top left repeat-x;
	font-size:0;
	height:10px;
	margin-left:120px;
	margin-top:10px;
	width:880px;
}

#wrapper {
	background:#fff;
	/*margin:0 0 0 140px;*/
	padding:0 0 10px 0;
	text-align:left;
	overflow: hidden;
}

#header {
	background:url(../images/interface/header.jpg) top left repeat-x;
	display:inline;
	height:117px;
	margin-bottom:15px;
	position:relative;
}

#header-contact {
	color:#fff;
	font-family: "Century gothic", helvetica,  "sans serif";
	font-weight:bold;
	line-height: 1.6em;
	position:absolute;
	right:0;
	bottom:7px;
	text-align: center;
	width:200px;
}

#header-contact p{
	margin-bottom:5px;
}

#header-contact img{
	margin-right:5px;
	vertical-align: middle;
}

#header-contact a{
	color:#fff;
}

.phone-number {
	background: url(../images/interface/telephone.png) left center no-repeat;
	font-size:1.7em;
	margin-bottom: 5px;
}

.email-address {
	background: url(../images/interface/email.png) left bottom no-repeat;
	font-size:1.40em;
	margin-bottom: 8px;
}

.strapline {
	font-size:1em;
	line-height: 1.2em;
}

html #sidebar1 .sidebox {
	padding:8px 3px;
	width:132px;
}

#sidebar1 ul.menu {
	background:url(../images/interface/nav-fade.jpg) top left repeat-x #393939;
	margin-bottom:15px;
}

#sidebar1 ul ul {
	background:#8BB6A9;
	margin:0;
	padding:0;
}

#sidebar1 ul ul ul {
	background:#6699cc;
	margin:0;
	padding:0;
}

#sidebar1 ul li {
	list-style: none;
}

#sidebar1 ul li.menuparent {
	background: url(../images/interface/bullet_white.gif) right center no-repeat;
}


#sidebar1 ul li a {
	/*background:url(../images/interface/.gif) top left repeat-x;*/
	color:#fff;
 	font-weight: bold;
	font-family: "Century gothic", helvetica,  "sans serif";
	text-decoration: none;
	text-transform: none;
}

#sidebar1 ul li a:hover {
	background:url(../images/interface/nav-hover.png) top left ;
}

.logos {
	font-size:0.9em;
	text-align: center;
}

.logos a {
	color:#000;
	font-size:0.9em;
	text-decoration:none;
}

.logos a img {
	margin: 0 0 10px 0;
	vertical-align: middle;
}

.weatherlogos a {
	color:#000;
	display:block;
	font-size:0.9em;
	text-decoration:none;
	text-align: center;
}

#content .grid_3 {
	_height:200px;
	min-height:200px;
	width:200px!important;
}

.carousel {
	margin:0 0 30px 0;
	padding:0;
}

.carousel li {
	list-style:none;
	margin:0;
	padding:0;
}

#banner1, #banner2 {
	color:#fff;
	display: block;
	font-size: 1.1em;
	height:150px;
	margin-bottom:15px;
	padding:10px;
	width:200px;
}

#banner1 h2, #banner2 h2 {
	color:#fff;
	font-size: 1.6em;
	margin-bottom:5px;
}

#banner1 a {
	display:block;
	text-decoration: none;
}

#banner1 {
	background: url(../images/banners/banner-hire.jpg) top left no-repeat;
	/*float:left;
	margin-right:20px;*/
}

#banner1 ul {margin: 0 0 5px 0;}

#banner1 a{
	color:#fff;

}

#banner2 {
	background: url(../images/banners/banner-gallery.jpg) top left ;
	/*float:right;*/
	padding-right:40px;
	width:170px;
}

#sidebar2 h3 {
	margin:0;
}

.sidebar-interior {
	padding-top:35px;
}

.metcheck {
	background: url(../images/logos/metcheck190x120.gif) top left no-repeat;
	margin:0;
}

.metcheck-box {
	background:none;
	padding-bottom:0;
}

#footer {
	color:#fff;
	font-size:0.9em;
	padding-bottom: 10px;
	padding-top:6px;
}

#footer a {
	color:#fff;
}

#footer a:hover {
	color:#8BB6A9;
}

#footer ul {
	margin:0;
}

#footer li {
	display:inline;
	list-style: none;
	margin:0 10px 0 0;
}

#footer-l {
	text-align: left;
}

#footer-l a {
	float: left;
	padding-right:5px;
}


#footer-r {
	float:right;
	text-align:right;
}


/* - - - ADxMenu: BASIC styles - - - */

.menu {
	width: 140px;/* VERY IMPORTANT! Set this to appropriate value, either here on down in the design section */
}

.menu, .menu ul {	/* remove all list stylings */
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}

.menu li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	position: relative;	/* position each LI, thus creating potential IE.win overlap problem */
	z-index: 5;		/* thus we need to apply explicit z-index here... */
}

.menu li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

.menu ul {
	visibility: hidden;	/* initially hide all submenus. */
	position: absolute;
	z-index: 10;
	left: 0;	/* while hidden, always keep them at the top left corner, */
	top: 0;		/* 		to avoid scrollbars as much as possible */
}

.menu li:hover>ul {
	visibility: visible;	/* display submenu them on hover */
	left: 100%;	/* and move them to the right of the item */
}

/* -- float.clear --
	force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.menu, .menu ul {	/* IE7 float clear: */
	min-height: 0;
}
/* -- float.clear.END --  */

/* sticky submenu: it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
.menu ul {
	background-image: url(empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
	/*background: #f00;*/	/* uncomment this if you want to see the "safe" area.
								you can also use to adjust the safe area to your requirement */
}


/* - - - ADxMenu: DESIGN styles - - - */

.menu, .menu ul li {
	/*color: #eee;
	background: #234;*/
	font-size:0.95em;
}

.menu {
	width: 140px;
}

.menu ul {
	width: 190px;
}

.menu a {
	text-decoration: none;
	/*color: #eee;
	padding: .4em 1em;*/
	padding:3px 5px;
	display: block;
}

.menu a:hover, .menu li:hover>a {
	/*color: #fc3;*/
}

.menu li {	/* create borders around each item */
	/*border: 1px solid #ccc;*/
	border-bottom: 2px solid #fff;
}
.menu>li + li, .menu ul>li + li {	/* and remove the top border on all but first item in the list */
	border-top: 0;
}

.menu li:hover>ul {	/* inset submenus, to show off overlapping */
	top: 5px;
	left: 90%;
}

/* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu
	placed here to clarify the terminology I use when referencing submenus in posts */
.menu>li:first-child>a, .menu li + li + li li:first-child>a {
	color: #567;
}

.glx input {border:none;}

div .rssbox {
	width:440px!important;
}

