body { 
margin: 0 auto;
padding: 0;
font: 100%/1.4 arial, helvetica, sans-serif; 	
color: #000; 
text-align: center;
}


/*  COLOURS  */
.orange { 
color: #d78b2e;
}

.brown { 
color: #a3620a;
}

.grey { 
color: #6e6e6c;
}


/*  HEADINGS  */

h1, h2, h3, h4, h5, h6 {
font-family:  arial, helvetica, sans-serif;
font-weight: normal;
}

h1 { 
margin-bottom : 0.2em;
font-size : 2.45em; /* 96 / 16 */
line-height: 1.2;
color: #fff;
position: relative;
left: 0;
bottom: 0;

}

h2 { 
font-size: 1.85em; /* 40 / 16 */
line-height: 1.2;
}

h3 { 
font-size : 1.55em; /* 28 / 16 */
line-height : 1.2;
}

h4 { 
font-size: 1.2em; /* 24 / 16  */
font-weight: bold;
}

h5 { 
font-size: 1.24em; /* 24 / 16  */
}


/*  TYPOGRAPHY  */

p {
margin: 0;
font-size: 1.2em; /* 16 / 16 = 1 */
line-height: 1.32;
hyphens: none;
}

b { 
font-weight: bold; }

.small {
font-size: 0.85em; /* 16 / 16 = 1 */ 
text-align: right;
}

hr { 
display: block; 
margin: 0; 
padding: 0;
height: 1px; 
border: 0; 
border-top: 2px solid #ebebeb;
}


/*  LINKS  */

a { 
color : #bababa;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
text-decoration: none; }

a:visited { 
color : #bababa; }

a:focus { 
outline : thin dotted; 
color : rgb(0,0,0); }

a:hover, 
a:active { 
outline : 0;
color : #f6c023; }


/*  IMAGES  */

img {
border : 0;
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */ }

img.floatleft { float: left; margin: 0 10px 0 0; }
img.floatright { float: right; margin: 0 0 0 10px; }


/*  MAIN LAYOUT	 */

#skiptomain { display: none; }

#wrapper {
	width: 100%;
	position: relative;
	text-align: left; }

	header {
		clear: both;
		width: 80%; /* 1000px / 1250px */
		font-size: 0.8125em; /* 13 / 16 */
		max-width: 976px; /* 1200px / 13 */
		margin: 0 auto;
		padding: 0;
		position: relative;
		color: #000; }
 	
 	.contact {
 		text-align: right;
 		position: relative;
 		right: 1px;
 		bottom: 1px; }
 	
	#menucell {
		z-index: 10;
		width: 100%;
		border: 0;
		background: #6f6f6d;
		font-size: 1.45em; /* 13 / 16 */ 
		-moz-box-shadow: 0px 4px 5px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 4px 5px rgba(0,0,0,0.4); box-shadow: 0px 4px 5px rgba(0,0,0,0.4); }
			
		.menucontent {
			clear: both;
			width: 80%; /* 1000px / 1250px */
			min-height: 42px;
			font-size: 0.8125em; /* 13 / 16 */
			line-height: 1.40em;
			max-width: 976px; /* 1200px / 13 */
			margin: 0 auto;
			padding: 0;
			background: #6f6f6d; }

.menuitem {
  float: left;
  padding: 8px 0 2px 0;
  border-bottom: solid 8px #6f6f6d;
  margin-right: 24px;
  height: 24px; }

.menuitem a {
  color: #bababa;
  text-decoration: none; }

.menuitem a:hover {
  color: #f6c023; }

.menuopen {
  float: left;
  padding: 8px 0 0 0;
  border-bottom: solid 8px #000;
  margin-right: 24px;
  height: 24px; }
				
	#homecell {
		z-index: 1;
		width: 100%;
		height: 100%;
		border: 0;
		margin: 0;
		padding: 50px 0 14px 0;		
		background: #f6c023;
		text-align: left; }
		
		.homecontent {
			clear: both;
			height: 100%;
			width: 80%; /* 1000px / 1250px */
			font-size: 0.8125em; /* 13 / 16 */
			max-width: 976px; /* 1200px / 13 */
			margin: 0 auto;
			padding: 0;
			position: relative; }
			
		.homecontent h1 { }
			
	    .hometitle { }

		
	#titlecell {
		z-index: 1;
		width: 100%;
		height: 100%;
		border: 0;
		margin: 0;
		padding: 50px 0 14px 0;
		background: #f6c023;
		text-align: left; }
		
		.titlecontent {
			clear: both;
			height: 100%;
			width: 80%; /* 1000px / 1250px */
			font-size: 0.8125em; /* 13 / 16 */
			max-width: 976px; /* 1200px / 13 */
			margin: 0 auto;
			padding: 0;
			position: relative; }
				
			.titlecontent h1 {	
				clear: both; }

	#contactcell {
		z-index: 1;
		width: 100%;
		height: 100%;
		border: 0;
		margin: 0;
		padding: 50px 0 14px 0;
		background: #f6c023;
		text-align: left; }
						
		.titlecontact {
			clear: both;
			height: 100%;
			width: 80%; /* 1000px / 1250px */
			font-size: 0.8125em; /* 13 / 16 */
			max-width: 976px; /* 1200px / 13 */
			margin: 0 auto;
			padding: 0;
			position: relative; }
				
			.titlecontact h1 {
				clear: both; }
				
	#maincontentcontainer {
		width: 100%; }

		.standardcontainer {}
		
			#maincontent {
				clear: both;
				width: 80%; /* 1000px / 1250px */
				font-size: 0.8125em; /* 13 / 16 */
				max-width: 976px; /* 1200px / 13 */
				margin: 0 auto;
				padding: 1.10em 0;
				color: #333;
				line-height: 1.5em;
				position: relative; }
		
			.maincontent {
				clear: both;
				width: 80%; /* 1000px / 1250px */
				font-size: 0.8125em; /* 13 / 16 */
				max-width: 976px; /* 1200px / 13 */
				margin: 0 auto;
				padding: 1em 0px;
				color: #333;
				line-height: 1.5em;
				position: relative; }

	#footcell {
		width: 100%;
		height: 100%;
		border: 0;
		background: #bababa; }
	
		footer {
			clear: both;
			width: 80%; /* 1000px / 1250px */
			font-size: 0.8125em; /* 13 / 16 */
			max-width: 976px; /* 1200px / 13 */
			margin: 13px auto 0 auto;
			padding: 2px 0 0 0;
			color: #000; }

		footer a:link, footer a:visited { color: #6f6f6d; text-decoration: underline; }
		footer a:hover { color: #fff; text-decoration: underline; }
		
	.boxout {
		background: #bababa;
		padding: 20px;
		color: #fff; }


/*  SECTIONS  ============================================================================= */

.section {
	clear: both;
	padding: 0px;
	margin: 0px; }

	
/*  CODE  ============================================================================= */

pre.code {
	padding: 0;
	margin: 0;
	font-family: monospace;
	white-space: pre-wrap;
	font-size: 1.1em; }

strong.code {
	font-weight: normal;
	font-family: monospace;
	font-size: 1.2em; }
	

/*  SCREENS  ============================================================================= */

.siteimage {
	max-width: 90%;
	padding: 5%;
	margin: 0 0 1em 0;
	background: transparent url(/images/stripe-bg.png);
	-webkit-transition: background 0.3s ease;
	-moz-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	transition: background 0.3s ease; }

.siteimage:hover {
	background: #bbb url(/images/stripe-bg.png);
	position: relative;
	top: -2px; }
	

/*  COLUMNS  ============================================================================= */

.twocolumns{
	-moz-column-count: 2;
	-moz-column-gap: 2em;
	-webkit-column-count: 2;
	-webkit-column-gap: 2em;
	column-count: 2;
	column-gap: 2em; }


/*  GLOBAL OBJECTS ============================================================================= */

.breaker { clear: both; }

.group:before,
.group:after {
    content:"";
    display:table; }

.group:after {
    clear:both; }

.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */ }

.floatleft {
    float: left;
    padding-right: 40px; }


/* VENDOR-SPECIFIC ============================================================================= */

html { 
-webkit-overflow-scrolling : touch; 
-webkit-tap-highlight-color : rgb(52,158,219); 
-webkit-text-size-adjust : 100%; 
-ms-text-size-adjust : 100%; }

.clearfix { 
zoom : 1; }

::-webkit-selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

::-moz-selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

::selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] { 
-webkit-appearance : button; }

::-webkit-input-placeholder {
font-size : .875em; 
line-height : 1.4; }

input:-moz-placeholder { 
font-size : .875em; 
line-height : 1.4; }

.ie7 img,
.iem7 img { 
-ms-interpolation-mode : bicubic; }

input[type="checkbox"], 
input[type="radio"] { 
box-sizing : border-box; }

input[type="search"] { 
-webkit-box-sizing : content-box;
-moz-box-sizing : content-box; }

button::-moz-focus-inner, 
input::-moz-focus-inner { 
padding : 0;
border : 0; }

p {
/* http://www.w3.org/TR/css3-text/#hyphenation */
-webkit-hyphens : none;
-webkit-hyphenate-character : "\2010";
-webkit-hyphenate-limit-after : 1;
-webkit-hyphenate-limit-before : 3;
-moz-hyphens : none; }