@import url(normalize.css);

/*-------------------------------------------------------------------------------*/
body {
	margin: 0 auto;
	background: #fff;
	font: 100% Arial, sans-serif;
	line-height: 120%;
	width: 1200px;
}
body, select, input, textarea {color: #000;}
a {color: #000;}
a:hover, a:focus {color: #333;}
h1, h2, h3, h4, h5 {
	font-weight: 400;
	padding: .5em 0; 
	color: #000;
	line-height: 120%;
}
h2 {
	color: #287d2c;
	border-top: 1px solid #287d2c;
}
.home h2,
.services h2,
.contact h2.first {
	border: none;
}

h3 + p {
    margin-top: .2em;
}

#skip a {
	position: absolute;
	top:-40px;
	left: 20px;
	padding:6px;
	border-right:1px solid #e9e9df;
	border-bottom:1px solid #e9e9df;
	border-left:1px solid #e9e9df;
	background:transparent;
	color:#000;
	-webkit-transition: top .7s .5s ease-out, background .7s linear;
    -moz-transition: top .7s .5s ease-out, background .7s linear;
    -o-transition: top .7s .5s ease-out, background .7s linear;
    transition: top .7s .5s ease-out, background .7s linear;
}
#skip a:focus {
	position:absolute;
	top:0px;
	left: 20px;
	outline:none;
	background:#f1f1e9;
	-webkit-transition: top .1s ease-in, background .25s linear;
    -moz-transition: top .1s ease-in, background .25s linear;
    -o-transition: top .1s ease-in, background .25s linear;
    transition: top .1s ease-in, background .25s linear;
}
.noshow {
	position:absolute;
	top:auto;
	left:-10000px;
	overflow:hidden;
	width:1px;
	height:1px;
}
.banner header {
	background: url(../img/header.jpg) no-repeat;
	min-height: 208px;
}
.logo {
	position: relative;
	top: .2em;
	left: 32%;
}
.nav .row {
	overflow: visible;
	position: relative;
	z-index: 99;
}
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 1em;
}
.sf-menu {
	line-height: 1.0;
	float: left;
	margin: 0 3em;
}
.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 15em; /* left offset of submenus need to match (see below) */
	box-shadow: 2px 2px 6px rgba(0,0,0,.2);
	margin: 0;
}
.sf-menu ul li {
	width: 100%;
}
.sf-menu li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float: left;
	position: relative;
	background: #fff;
	margin: 0 1em;
}
.sf-menu li.current {
	background: #fff url(../img/arrow.jpg) center bottom no-repeat;
}
.sf-menu a {
	display: block;
	position: relative;
	padding: .5em 1em;
	text-decoration: none;
	text-transform: uppercase;
}
.sf-menu a  { /* visited pseudo selector so IE6 applies text colour*/
	color: #000;
}
.sf-menu li li {
	background: #287d2c;
	margin: 0;
}
.sf-menu li li a {
	color: #fff;
	background: #287d2c;
	text-transform: none;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	color: #000;
	background: #fff url(../img/arrow.jpg) center bottom no-repeat;
}
.sf-menu li:hover li, .sf-menu li.sfHover li,
.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
	background-image: none;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left: 0;
	top: 2em; /* match top ul list item height */
	z-index: 99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left: 15em; /* match ul width */
	top: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top: -999em;
}
.maincontent {
	position: relative;
	z-index: 1;
}
.maincontent .twelvecol {
	border-top: 1px solid #287d2c;
	background: #fff;
	position: relative;
	z-index: 1;
}
.home #content .twelvecol {
	margin-bottom: 2em;
}
.testimonials {
	padding: 1em 0 0 2em;
	float: left;
	background: #d4eed5;
	border-top: 1px solid #287d2c;
}
.testimonial {
	margin: 0;
	padding: 2em 3em 0 2em;
	background: #fff url(../img/thumbs-up.jpg) right center no-repeat;
	background-position: fixed;
	-webkit-border-radius: 80px 0px 0px 80px;
	-moz-border-radius: 80px 0px 0px 80px;
    border-radius: 80px 0px 0px 80px;
}
.testimonial li {
	list-style: none;
	margin: 1em;
	padding: 1em 12em 1em 1em;
	line-height: 120%;
}
.home h2 {
	background: url(../img/h2bg.jpg) repeat-y;
}
.home h2 a {
	text-decoration: none;
}
.multicolumn {
	list-style: none;
	padding: 0;
	-moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
}
.training h3 {
	padding-bottom: .2em;
}
.details {
	margin-top: 0;
}
.footerbar .twelvecol {
	padding-top: 1em;
	padding-bottom: 1em;
	background: #c6c7c9;
	text-align: right;
	margin-top: 2em;
	margin-bottom: 2em;
}
.footerbar img {
	position: relative;
	right: 1em;
}

/* Firefox hacks */
@-moz-document url-prefix() { 
	.row {
		overflow: visible;
	}
}

/* iPads (portrait) ----------- */
@media handheld, only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	body {
		font-size: .8em;
		line-height: 1.5em;
	}
}

/* iPads (landscape) ----------- */
@media handheld, only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	body {
		font-size: .8em;
		line-height: 1.5em;
	}
}

/* Mobile version ----------- */

@media handheld, only screen and (max-width: 767px) {
	body {
		font-size: .8em;
		line-height: 1.5em;
	}
	html {
		height: auto;
	}
	#skip a {
		position: relative;
		top: 0;
		left: 0;
		padding: .5em;
		border: none;
		color: #2e1e0a;
	}
	#skip a:focus {
		top: 0px;
		right: .5em;		
	}
}