body {
	font-size: 18px;
	margin: 0;
	color: #525149;
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
}
img {
	border: 0;
}
a:link, a:visited, a:active {
	color: #1d1d1b;
	text-decoration: none;
	font-weight: normal;
}
h1 {

	color: #525149;
	font-weight: normal;
	font-weight: 300;
	font-size: 26px;
	width: 100%;
}
.full-width {
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	margin: 0;
}
.half-width, .half-width-footer {
	float: left;
	width: 48%;
	margin: 0 1%;
}
.site-center {
	width: 100%;
	max-width:995px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	clear: both;
	position: relative;
}

.menu-pager-center{	
	max-width:1020px;
	font-size:24px;
	color:#cbcbc8;
	height:auto;
	margin-top:50px;
	
}
.menu-pager-center a:link, .menu-pager-center a:visited, .menu-pager-center a:active {
	color: #cbcbc8;
	text-decoration: none;
	font-weight: normal;
}
.menu-pager-center h1 {
	margin:0;
	padding:0;
	font-size:24px;
	color:#525149;
}

.menu-pager-center	.third-width {
		width: 33.33%;
		width: -webkit-calc( 99.9999% / 3 );
   		width: -moz-calc( 99.9999% / 3 );
		width: calc( 99.9999% / 3 );
		margin:0;
		float:left;
	padding-bottom:5px;
	border-bottom:2px solid #cbcbc8;
	}

.white-tab {
	background: url(../images/tab.png) no-repeat top center;
	height: 106px;
	padding-top: 10px;
	color: #7FBA27;
}

.white-tab-small {
	background: url(../images/tabwhite.png) no-repeat top center;
	height: 106px;
	padding-top: 10px;
	color: #525149;
}
.grey-tab {
	background: url(../images/tabgrey.png) no-repeat top center;
	height: 106px;
	padding-top: 10px;
	color: #525149;
}
/* page left items */
/* end page left items */

.full-width-padded-content {
	float: left;
	height: auto;
	width: 98%;
	padding: 2% 1%;
	position: relative;
}
.bg-green-line {
	background:  url(../images/green-hor-line.png) repeat-x bottom;
	height: 43px;
}
.bg-three-strip-green {
	background: #FFFFFF url(../images/three-stripes.png) no-repeat top right;
	height: 120px;
}
.bg-three-strip-white {
	background: url(../images/three-stripes-white.png) no-repeat top left;
	height: 220px;
	position: absolute;
}
.green-box  {
	background: #7FBA27;
	color: #FFFFFF;
	margin-bottom: 50px;
}
.green-box h1  {
	color: #FFFFFF;
	margin-left: 3%;
}
.grey-bg, .grey-bg-form {
	background: #d9d9d9;
}
.green-bg {
	background: #7FBA27;
	color: #FFFFFF;
}
.banner-overlay {
	width: 100%;
	height: auto;
	padding: 1% 0;
	position: absolute;
	color: #FFFFFF;
	z-index: 100;
	background: url(../images/banner-overlay.png);
	text-align: right;
}
.mobile-show{
	display:none;
}
#header-tel-number {
	width: auto;
	height: auto;
	float: right;
	padding: 4px;
	margin-right: 20px;
}

#header-social {
	width: auto;
	height: auto;
	float: right;
}
/* menu */

.menu-item {
	width: calc(100% / 3);
	float: left;
	margin-top: 50px;
}
.menu-item  a:link,  .menu-item  a:visited, .menu-item  a:active {
	
	text-decoration: none;
	font-weight: bold;
}
.menu-item div {
	float: left;
	width: auto;
	height: auto;
	margin: 10px 10px 0 10px;
	text-align: right;
}
.menu-logo {
	width: calc(100% / 3);
	float: left;
	max-width: 330px;
}
.menu-logo img {
	width: 100%;
	height: auto;
}



/* phone */
/* -----------Smartphone View----------- */

@media only screen and (max-width: 950px) {
.bg-three-strip-green,  .bg-three-strip-white {
	background: none;
}
	
	.desktop-show{
		display:none;
	}
.mobile-show{
	display:block;
}	
h1,  h2 {
	font-size: 22px;
}
.bg-three-strip-green {
	height: 50px;
	width: 100%;
	padding: 0;
}
.menu-item {
	display: none;
}
	.site-logo{
		
	position:absolute;
		z-index:999;
	}
.menu-logo {
	width: 230px;
	float: none;
	margin: 0 auto;
}
.bg-green-line {
	height: 35px;
}
.full-width-padded-content { 	
	width: 94%;
	padding: 2%;
	
}
.green-box  {
	background: none;
}

.accreditaion-image {
	width: 94%;
	height: auto;
}
.half-width {
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	margin: 0;
}
.banner-overlay {
	display: none;
}
	
.menu-pager-center	.third-width {
		width: 100%;
		
	}	
}

/* odds and aods */
.text-right {
	text-align: right;
}
.text-left {
	text-align: left;
}
.text-center {
	text-align: center;
}
/* cycle slideshow */

#next, #prev {
	position: absolute;
	bottom: 0;
	color: #FFF;
	z-index: 100;
	height: 100%;
	width: 18px;
	background:  url(../images/nextprev.png) no-repeat;
}
#next {
	background-position: center right;
	right: 10px;
}
#prev {
	left: 10px;
	background-position: center left;
}
/* slideshow */

/*
    these are just the default styles used in the Cycle2 demo pages.  
    you can use these styles or any others that you wish.
*/


/* set border-box so that percents can be used for width, padding, etc (personal preference) */
.cycle-slideshow, .cycle-slideshow * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.cycle-slideshow {
	width:60%;
	max-width:300px;
	float:none;
	text-align:center;
	margin: 0 auto;
	
}
/* slideshow images (for most of the demos, these are the actual "slides") */
.cycle-slideshow img {
	/* 
    some of these styles will be set by the plugin (by default) but setting them here
    helps avoid flash-of-unstyled-content
    */
	width: 100%;
	
	padding: 0;
	
	float:none;
	display: block;
	height: auto;
}

.bottom-margin-20{
	margin-bottom:20px;
	
}

.border {
	border: 1px solid #cbcbc8;
		-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.footer-link , 
.footer-link a:link, .footer-link a:visited,.footer-link  a:active {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
}