/* CSS Document */

body, html
{	margin:0px; padding:0px; position:relative; height:100%;	}

body
{
	font-family: 'Muli', 'Arial', sans-serif;
	font-size:10px;
	color:#333;
	font-weight:300;
}

strong
{	font-weight:700;	}

#HeaderContainer
{
	width:100%;	 
	height:35%;
	min-height:210px;
	margin:0px 0px 30px 0px; padding:0px;
	position:relative;
}


#slides, #slides ul, #slides li
{	
	margin:0px; padding:0px; list-style:none;
}

.container
{	
	width:95%; max-width:1100px; margin:0px auto;	position:relative;
}



#Header
{
	position:absolute;
	top:0px;
	left:0px; 	
	width:100%;
	z-index:999;	
}

img.logo
{	
	max-width:25%; height:auto; float:left; padding:0px 0px;
}


#End
{	clear:both;	}

#Menu
{	
	position:absolute;
	top:0px;
	left:0px; 	
	color:#1C3E76;
	z-index:999;
	width:100%;
	padding:20px 0px;
}

#Menu ul
{
	margin:33px 0px 0px 0px;
	list-style:none;
	padding:0px;
	text-align:justify;	
	width:72% !important; 
	float:right;
}

#Menu li
{
	font-size:1.5em;
	line-height:1em;
	margin:0px 0px;
	list-style:none;
	padding:0px 5px;
	color:#fff; 
	text-align:center;
	display: inline-block;
	position:relative;
	text-transform:uppercase;
	vertical-align:top;
	font-family: 'Montserrat', 'Arial', sans-serif;
	text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8);
}
#Menu li a
{	color:#fff; text-decoration:none;	}

#Menu li a:hover
{	text-decoration:underline;	}


#Menu ul:after {
  content: '';
  width: 100%; /* Ensures there are at least 2 lines of text, so justification works */
  display: inline-block;
}

.container.toplip
{	background-color:#fff; margin-top:-70px; z-index:666;	}

.container.toplip #Content
{	padding:10px 20px;	}

h1, p.hlStyle, h3, h3.hlStyle
{	
	text-transform:uppercase;
	vertical-align:top;
	font-family: 'Montserrat', 'Arial', sans-serif;
	color:#D71921;
	font-weight:700;
	font-size:4.7em;
	line-height:0.9em;
	margin:0px 0px 20px 0px;
}
h1, p.hlStyle, h3.hlStyle
{
	padding-bottom:15px;
	border-bottom:1px solid #efefef;
	overflow:hidden;
}

h3.hlStyle
{	margin-top:50px;	}

h1 span
{	font-size:0.5em;	}
h2
{
	font-family: 'Montserrat', 'Arial', sans-serif;
	font-weight:400;
}
h3
{	font-size:2.8em; margin:25px 0px 15px 0px;	}

h4
{
	font-family: 'Montserrat', 'Arial', sans-serif;
	color:#D71921;
	font-weight:400;
	text-transform:uppercase;
	font-size:1.8em;
	margin-bottom:-7px;
}

hr 
{
	background:#ccc;
	height:1px;
	 border:none;
	 margin:30px 0px 10px 0px;	
}


#Content ul
{	margin:20px 0px;	}

#Content ul li
{	margin: 5px 0px;	}

p, li, table
{	 font-size:1.5em; line-height:1.2em;	}

li p, table p
{	 font-size:1em; 	}

p
{	 margin:12px 0px;	}

a
{	color:#D71921;	}


.green, p.hlStyle.green
{	color:#527821;	}

ul.blank 
{	list-style:none;	}

ul.blank img
{	vertical-align:middle;	}

#Content
{	margin-bottom:40px;	}

#FooterContainer
{
	clear:both;
	background:#282828;
}
#FooterContainer2
{
	clear:both;
	background:#000;
}
#Footer, #Footer2
{
	max-width:1100px; 
	width:95%;
	position:relative;
	margin:0px auto 0px auto;
	padding:15px 0px 0px 0px; 
	position:relative;
	color:#fff;
	font-family:'Montserrat', sans-serif;
}
#Footer2
{
	color:#fff;
	text-transform:uppercase;
}
#Footer p a, #Footer2 p a, #Footer li a
{	color:#fff;	 text-decoration:none;	}
#Footer p a:hover, #Footer2 p a:hover
{	text-decoration:underline;	}

#Footer
{	text-align:justify;	}

#Footer:after {
  content: '';
  width: 100%; /* Ensures there are at least 2 lines of text, so justification works */
  display: inline-block;
}
#Footer .column img
{	vertical-align:middle; margin-right:5px; 	}



#Footer .column
{
	display:inline-block; vertical-align:top; margin-right:20px;
	margin-bottom:20px;
}

#Footer img.accreditations
{	position: absolute; bottom:15px; right:0px;	}
#Footer p.title
{
	font-size:1.8em;
	padding:0px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	color:#fff;
	line-height:1.1em;
	text-transform:uppercase;
}
#Footer p
{	font-size:13px; line-height:1.4em; margin:0px; 	}
#Footer p span
{	font-size:16px; line-height:1.4em;	}

#Footer ul
{
	margin:0px;
	padding:0px;
	list-style:none;
}
#Footer li
{
	margin:0px 0px 3px 0px; 
	padding:0px 0px 0px 0px;
	line-height:1.2em;
	font-size:13px;
	color:#fff;	
	font-size:13px; 
}

#Footer2 p
{
	margin:0px 0px 0px 0px; line-height:1em; font-size:1.4em; display:block; padding:0px 0px 10px 0px;
}
#Footer2 p.copy
{
	font-size:1.2em; text-transform:none;
}

ul#subMenu 
{
	list-style:none; margin:10px 0px 35px 35px;
	padding:15px;	
	background:#efefef;
	float:right;
}
ul#subMenu li
{
	margin:0px 0px 5px 0px;
	padding:5px 0px 0px 0px;	
	font-family: "Montserrat", Arial, sans-serif;
	text-transform:uppercase;
	font-size:16px;
	color:#D71820;
	
}
ul#subMenu li.selected, ul#subMenu li:hover
{
	background-position:top;
}

ul#subMenu li a
{	color:#666; text-decoration:none;	}

ul#subMenu li.selected a, ul#subMenu li:hover a, ul#subMenu li:hover
{	color:#D71820;	}


#Sections
{
	position:absolute; top:0px; right:0px;
	display:none;
	background:#D71820;
	color:#fff;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	font-size:1.4em;
	padding:8px;
	cursor:pointer;
	z-index:10;
	font-family: "Montserrat", Arial, sans-serif;
	text-transform:uppercase;
}

a.button
{
	display:inline-block; border:2px solid #D71820;	padding:7px 20px;
	font-family: "Montserrat", Arial, sans-serif;
	text-transform:uppercase;
	font-size:1.2em;
	color:#D71820;
	text-decoration:none;
	text-shadow:none;
}
a.button.white
{
	border:2px solid #fff;	color:#fff;
}
a.button.orange
{
	border:2px solid #E9522E;	background-color:#E9522E; color:#fff;
}
a.button.green
{
	border:2px solid #92C847;	background-color:#92C847; color:#fff;
}

.column
{	display:inline-table; vertical-align:top;	}

.column.four
{	width:25%; 	}
.column.five
{	width:20%; 	}
.column.three
{	width:33.3%; 	}
.column.two
{	width:50%; 	}

.column.three.box
{
	width:32%;
	margin-right:2%;
	display:inline;
	float:left;
	margin-top:15px;
}
.column.three.box.last
{
	margin-right:0;
	
}

.column.three.box .wrapper
{
	margin:0px; padding:15px;
	min-height:50px;	
	background:#efefef;
	font-family: 'Montserrat', 'Arial', sans-serif;
	text-transform:uppercase;
	color:#D71820;
	font-size:2em;
	
}


.column.three.box .wrapper span
{	font-size:0.5em;	}
.column.three.box .wrapper a
{	
	text-decoration:none; display:block;
}

img.right
{	float:right; margin:0px 0px 20px 20px; max-width:50%; height:auto;	}


.column.three .wrapper
{
	margin:10px;	
}

.teamMember
{	display:inline-table; width:18%; vertical-align:top; padding:10px 2% 10px 0px;	}

.teamMember.double
{	width:37.5%; 	}

.buttonlink img
{	margin-right:10px; width:auto !important;	}


.teamMember img.full, .column.three .imgHolder img
{	width:100% !important; height:auto !important;	}


#services
{	text-align:center;	}


.column.five.icons .wrapper
{
	padding:20px; text-align:center;	
	font-family: 'Montserrat', 'Arial', sans-serif;
	text-transform:uppercase;
	color:#545454;
	font-size:1.8em;
}
.wrapper.border
{
	border:1px solid #efefef;	
}

.column.five.icons img
{	max-width:100%; height:auto;  display:block; margin:0px auto 10px auto	}


@media only screen and (max-width:1100px)
{
	.column.five.icons .wrapper
	{	font-size:1.5em;	}
}
@media only screen and (max-width:1024px)
{
	.column.five.icons
	{	width:25%;	}
	
	.column.five.icons img
	{	width:100%; }

		
}
@media only screen and (max-width:700px)
{
	.column.five.icons
	{	width:33.3%;	}
		
}

@media only screen and (max-width:500px)
{

	.column.five.icons
	{	width:50%;	}
	
	.column.five.icons .wrapper
	{
		padding:10px; 
	}
}
@media only screen and (max-width:400px)
{

	.column.five.icons .wrapper
	{	font-size:1.2em;	}

}



@media only screen and (min-width:1024px)
{
	#Footer2 p
	{	display:inline-block;	}

	#Footer2 p.copy
	{ float:right;	}
	
}
@media only screen and (max-width:1024px)
{
	
	
	
}

@media only screen and (min-width:601px) and (max-width:1000px)
{
	#Menu li
	{
		font-size:1.4em;
	}
	
	#Menu ul
	{	text-align:right;	}
	
	#Menu li
	{
		padding:0px 10px 5px 10px;
	}
	
	#Menu ul
	{	margin-top:0px;	}

}
@media only screen and (max-width:900px)
{
	
	h1, p.hlStyle, h3.hlStyle
	{	font-size:3.2em;	}
	
	h3
	{	font-size:2.7em;	}
	
	.teamMember
	{	width:24%; padding:10px 1% 10px 0px;	}
	
	.teamMember.double
	{	width:49%; 	}
}
@media only screen and (max-width:700px)
{
	.column.three
	{	width:50%; 	}

}
@media only screen and (min-width:601px)
{
	
	#Menu.top
	{
		background-color:#D71921;	
		position:fixed;
	}
	#Menu.top li
	{	text-shadow:none;	}
	
}

@media only screen and (max-width:600px)
{
	.container
	{	width:90%;	}
	
	img.logo
	{	
		max-width:40%; 
	}	
	
	#Sections
	{	display:block;	}
	
	#Sections.clicked
	{
		color:#D71820;
		background:#fff;
	}

	#Menu ul
	{	height:auto; display:none;  	}
	
	#Menu ul.clicked
	{	display:block;	}
	
	#Menu ul 
	{
		position:absolute;
		top:-20px;
		left:-6%;
		z-index:2;
		background-color:#D71921;
	}
	#Menu ul a
	{	color:#fff;	}
	
	#Menu li
	{	text-shadow:none;	}
		
	#Menu ul
	{
		margin:0px;
		list-style:none;
		padding:20px 5.5% 10px  6%;
		text-align:justify;	
		width:100% !important; 
		float:none;
	}

	#Menu li
	{
		display: block;
		text-align:left;
		margin:5px 0px 10px 0px;
	}
	
	
	h1, p.hlStyle, h3, h3.hlStyle
	{	
		font-size:2.7em;
	}
	
	ul#subMenu 
	{
		list-style:none; margin:10px 0px 35px 0px;
		padding:15px;	
		background:#efefef;
		float:none;
	}

}

@media only screen and (max-width:600px)
{

	img.right
	{	float:none; margin:20px auto; max-width:100%; height:auto; display:block;	}	
	
	h3
	{	font-size:2em	}
	
	
	.column.three.box
	{
		width:100%;
		margin-right:0;
		display:inline;
		float:none;
		
	}
	
	.column.three.box .wrapper
	{
		margin-bottom:20px;
		min-height:inherit;
	}
	

}
@media only screen and (max-width:479px)
{
	.column.three
	{	width:100%; 	}
	
	.column.three .wrapper
	{	margin:10px 0px; 	}
}

@media only screen and (max-width:680px)
{

	.teamMember
	{	width:48%; padding-right:2%; 	}
	.teamMember.double
	{	width:100%; padding-right:0;	}
}