/* _________________________________________________

320 and Up boilerplate extension
Andy Clarke http://about.me/malarkey
Version: 2
URL: http://stuffandnonsense.co.uk/projects/320andup/
License: http://creativecommons.org/licenses/MIT/
_____________________________________________________

1 ROOT
2 HEADINGS
3 TYPOGRAPHY
4 LINKS
5 FIGURES & IMAGES
6 TABLES
7 FORMS
8 BANNER
9 NAVIGATION
10 CONTENT
11 MAIN
12 COMPLEMENTARY
13 CONTENTINFO
14 GLOBAL OBJECTS
15 VENDOR-SPECIFIC 
16 MODERNIZR
17 TEMPLATE SPECIFICS

COLOURS 

*/
#main_header{
	padding-top: 0;
	
}

#menu {
	position: relative;
	background: transparent;
	border-top: 1px solid #8cc63f;
	border-top: 1px solid rgba(140,198,63,1);
	border-bottom: 1px solid #8cc63f;
	border-bottom: 1px solid rgba(140,198,63,1);
	margin-bottom: 24px;
	margin-bottom: 2.4em;
}

#main_menu {
	text-align: center;
	margin-top: .5em;
	margin-bottom: .5em;
	font-size: 18px;
  	font-size: 1.8rem;
  	line-height: 1.25;
}

#menu ul, #menu li{
	list-style: none;
}

#menu li{
	display: inline;
}

#menu li a {
color: #5B83A2;
padding: 1em 1.6em;
text-decoration: none;
}

#menu li a:hover {
  color: #514A3E;
}
#menu li a:focus {
  color: #514A3E;
}

.current {
padding: 1em 1.6em;
color: #514A3E;
}

.first {
padding-left: 0;
}

.last {
padding-right: 0;
}

#main_menu li:first-child a{
	padding-left: 0;
}

#main_menu li:last-child a{
	padding-right: 0;
}

.strapline {
	font-size: 32px;
 	font-size: 3.2rem;
  	line-height: 1.2;
	text-align: justify;
	margin-bottom: 24px;
	margin-bottom: 2.4rem;
}

.grid_4 img,
.grid_5 img,
.grid_7 img {
	float:right;
	margin-left: 1em;
	margin-bottom: .75em;
}

.grid_4 p:before,
.grid_5 p:before,
.grid_7 p:before, {
  content: "";
  width: 8em;
  display: block;
  overflow: hidden;
}

.grid_4 h4,
.grid_5 h4,
.grid_7 h4 {
text-align: justify;

}

.grid_4 h4:after,
.grid_5 h4:after,
.grid_7 h4:after {
  content: "";
  width: 8em;
  display: block;
  overflow: hidden;
}