body, html { height: 100%; width: 100%; padding: 0px; margin: 0px; font-family: 'Abel', sans-serif; background-color: #FCFCFC; }

div#entryvideo { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }

div.videobox { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; background-color: #000000; }

video.bgvid { position: absolute; top: 50%; left: 50%; min-width: 101%; min-height: 101%; width: auto; height: auto; z-index: 100; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }

div#top { position: relative; top: 0px; left: 0px; width: 100%; height: 85px; z-index: 10200; background-color: #333; }

div#toplogo { position: absolute; top: 12px; left: 12px; width: 150px; padding: 0px; margin: 0px; z-index: 999; }

#toplogo img { display: block; width: 100%; }

a#arrownavigation { position: absolute; bottom: 10px; margin: 0px; padding: 0px; left: 50%; margin-left: -29px; z-index: 10000; }

div#topmenu
{
	float: left;
	width: 100%;
	z-index: 10200;
	text-align: center;
	margin-top: 32px;
	display: block;
}

#topmenu ul
{
	margin: 0px;
	padding: 0px;
}

#topmenu li
{
	display: inline-block;
	font-size: 16px;
	margin: 0px;
	padding: 0px;
	line-height: 100%;
	margin-left: 20px;
	margin-right: 20px;
	opacity: 0;
	-webkit-transition: all 0.9s ease;
	-moz-transition: all 0.9s ease;
	-ms-transition: all 0.9s ease;
	-o-transition: all 0.9s ease;
	transition: all 0.9s ease;
	letter-spacing: 0.1em;
	font-family: 'Abel', sans-serif;
	position: relative;
	z-index: 599;
	cursor: default;
	font-weight: 400;
}

#topmenu ul ul
{
	padding-top: 35px;
}

#topmenu ul ul li
{
	opacity: 1;
	-webkit-transition: all 0s ease;
	-moz-transition: all 0s ease;
	-ms-transition: all 0s ease;
	-o-transition: all 0s ease;
	transition: all 0s ease;
	text-align: left;
	margin: 0px;
	padding-top: 15px;
	padding-bottom: 20px;
	font-size: 16px;
	padding-left: 10px;
	background-color: rgba(255,255,255,0.8);
	width: 210px;
	display: block;
	font-weight: 300;
}

#topmenu a
{
	text-align: left;
	padding: 0px;
	margin: 0px;
	padding-bottom: 8px;
	color: #82744D;
	text-decoration: none;
}

#topmenu a:hover
{
	color: #fff;
}

a#currentpage { color: #fff; text-decoration: none; border-bottom: 2px solid #fff; }

ul.dropdown {
 position: relative;
 z-index: 597;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 220px;
 text-align: left;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

p#linktop
{
	position: absolute;
	top: 22px;
	right: 20px;
	margin: 0px;
	padding: 0px;
	line-height: 100%;
	font-size: 14px;
	z-index: 999;
}

#linktop a
{
	padding: 11px;
	background-color: #82744D;
	color: #fff;
	text-decoration: none;
	display: inline-block;
	border-radius: 5px;
	float: right;
	margin-left: 10px;
}

div#menutab { position: fixed; top: 25px; right: 20px; margin: 0px; padding: 0px; width: 30px; height: 30px; z-index: 10600; display: none; }
#menutab a { display: block; text-decoration: none; margin: 0px; padding: 0px; width: 100%; height: 100%; }
#menutab img { width: 25px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
#menuTwotab1 { position: absolute; top: 6px; left: 0px; background-color: #847552; width: 30px; height: 2px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
#menuTwotab2 { position: absolute; top: 19px; right: 0px; background-color: #847552; width: 30px; height: 2px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.rotate0 { transform: rotate(0deg) translateY(-0%); -webkit-transform: rotate(0deg) translateY(-0%); -ms-transform: rotate(0deg) translateY(-0%); }
.rotate45 { transform: rotate(45deg) translateY(-0%); -webkit-transform: rotate(45deg) translateY(-0%); -ms-transform: rotate(45deg) translateY(-0%); }
.rotateMinus45 { transform: rotate(-45deg) translateY(-0%); -webkit-transform: rotate(-45deg) translateY(-0%); -ms-transform: rotate(-45deg) translateY(-0%); }

div#menucontents
{
	position: fixed;
	top: 0px;
	right: 0px;
	width: 100%;
	height: 100%;
	z-index: 10401;
	display: none;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	opacity: 0;
}

div#menusection1
{
	position: fixed;
	top: 0px;
	right: 0px;
	width: 0%;
	height: 33%;
	background-color: rgba(0, 0, 0, 0.9);
	z-index: 10400;
	opacity: 0;
	display: block;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

div#menusection2
{
	position: fixed;
	top: 33%;
	left: 0px;
	width: 0%;
	height: 33%;
	background-color: rgba(0, 0, 0, 0.9);
	z-index: 10400;
	opacity: 0;
	display: block;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

div#menusection3
{
	position: fixed;
	top: 66%;
	right: 0px;
	width: 0%;
	height: 34%;
	background-color: rgba(0, 0, 0, 0.9);
	z-index: 10400;
	opacity: 0;
	display: block;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

div#menufix
{
	display: block;
	width: 100%;
	text-align: center;
	position: absolute;
	top: 10%;
	left: 0px;
	margin-top: 0px;
}

#menucontents p
{
	text-align: center;
	display: block;
	font-size: 25px;
	font-weight: 200;
	line-height: 100%;
	width: 100%;
	position: relative;
	padding: 0px;
	margin-bottom: 5px;
	-webkit-transition: all 0.9s ease;
	-moz-transition: all 0.9s ease;
	-ms-transition: all 0.9s ease;
	-o-transition: all 0.9s ease;
	transition: all 0.9s ease;
	font-family: 'Abel', sans-serif;
}

#menucontents a
{
	float: left;
	width: 100%;
	text-align: center;
	color: #83744E;
	z-index: 9999;
	padding-top: 10px;
	padding-bottom: 10px;
	display: inline-block;
	text-decoration: none;
}

#menucontents a:hover
{
	color: #fff;
}

a#chosenpage
{
	color: #fff;
}

a#chosenpage:hover
{
	color: #fff;
}

div#entryimages
{
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: justify;
	width: 100%;
	height: 65%;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	background-color: #111;
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

div#entryvideo2
{
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: justify;
	width: 100%;
	height: 65%;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	background-color: #111;
}

div#entryimagesfix
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0);
	z-index: 1000;
	overflow: hidden;
}

div.entryoverlay
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	z-index: 1000;
}

div.entrytextcontents
{
	position: absolute;
	top: 40%;
	left: 50%;
	width: 700px;
	margin-left: -350px;
	margin-top: 0px;
	z-index: 1001;
	-webkit-transform: translateY(300%);
	transform: translateY(300%);
	transition: transform 900ms linear;
}
div#entrytextfade
{
	opacity: 0;
	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	-ms-transition: all 2s ease;
	-o-transition: all 2s ease;
	transition: all 2s ease;
}

div.entrytextcontentsanimated
{
	-webkit-transform: none;
	transform: none;
	transition: transform 900ms linear;
}

#entrytextcontents h2
{
	text-align: center;
	color: #fff;
	letter-spacing: 2px;
	font-weight: 300;
	cursor: default;
}

#entrytextcontents p
{
	color: #D5CBA6;
	cursor: default;
}

div#eventheading
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
}

#eventheading h1
{
	margin: 0px;
	padding: 0px;
	line-height: 100%;
	font-size: 28px;
	font-weight: normal;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #fff; float: left;
}

div#eventheading2
{
	float: left;
	width: 100%;
}

#eventheading2 h1
{
	margin: 0px;
	padding: 0px;
	line-height: 100%;
	font-size: 28px;
	font-weight: normal;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #fff; float: left;
}

div#entryeventdate
{
	float: right;
}
#entryeventdate p
{
	float: right; color: #fff; font-size: 18px;
}

div#eventheadingpadding
{
	margin-left: 20px;
	margin-right: 20px;
	
}

div#position
{
	float: left; width: 100%;
}

div#base
{
	float: left;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #333;
	z-index:10000;
}

#base p
{
	color: #ddd;
	line-height: 100%;
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 14px;
}

p#websitecredits
{
	font-size: 13px;
	margin-top: 10px;
}

#base a
{
	color: #82744D;
	text-decoration: none;
}

#base a:hover
{
	color: #A49262;
}

#base img
{
	height: 22px;
	margin-left: 5px;
	margin-right: 5px;
	display: inline-block;
}

div#basetop
{
	float: left;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 60px;
}

div#basehalfleft
{
	float: left;
	width: calc(50% - 1px);
	border-right: 1px solid #82744D;
}
#basehalfleft p
{
	font-size: 12px;
	color: #82744D;
	text-align: center;
}

#basehalfleft input
{
	padding: 10px;
	color: #fff;
	border: 0px;
	border-bottom: 2px solid #82744D;
	background: none;
	margin-left: 5px;
	margin-right: 5px;
}
#basehalfleft input:focus
{
	border: 0px;
	border-bottom: 1px solid #82744D;
}
input#signupbutton
{
	background-color: #82744D;
	color: #fff;
	padding-left: 25px;
	padding-right: 25px;
	border-radius: 5px;
}

p#baseleftheading
{
	letter-spacing: 1px;
	font-weight: 300;
	font-size: 16px;
}

div#basehalfright
{
	float: right;
	width: 50%;
}
#basehalfright p
{
	text-align: center;
	color: #82744D;
	font-size: 12px;
	line-height: 140%;
}

p#baserightheading
{
	letter-spacing: 1px;
	font-weight: 400;
	font-size: 14px;
}

div#socialbase
{
	text-align: left;
	margin-left: 15px;
}
#socialbase a
{
	display: inline-block;
	margin-left: 5px;
}
#socialbase img
{
	float: left;
}
#socialbase span
{
	float: left;
	margin-top: 5px;
}
div#basefull
{
	float: left;
	width: 100%;
}
div#baseleft
{
	float: left;
	text-align: left;
}
div#basemiddle
{
	margin:auto;
	max-width: 500px;
}
div#baseright
{
	float: right;
	text-align: right;
	margin-right: 20px;
}
#baseright img
{
	height: 50px;
}
div#basemenu
{
	margin-top: 10px;
	text-align: center;
}
#basemenu a
{
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 12px;
}

div#basefooter
{
	float: left;
	width: 100%;
	margin-top: 0px;
}

#basefooter p
{
	font-size: 10px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	line-height: 150%;
	color: #888;
}

div#baseheader
{
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 40px;
}

#baseheader a
{
	display: inline-block;
	margin-left: 7px;
	margin-right: 7px;
}

#baseheader img
{
	width: auto;
	height: 50px;
}

div.contentsbackground
{
	float: left;
	width: 100%;
	
}

div.profilegridcontents
{
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
div.profilegrid
{
	float: left;
	width: 23%;
	margin-left: 1%;
	margin-right: 1%;
	text-align: center;
	height: 180px;
	overflow: hidden;
	margin-bottom: 20px;
}
div.profilegridfix
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
.profilegridfix a
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: block;
}

div.profileimage
{
	margin: auto;
	width: 200px;
	height: 120px;
	text-align: center;
}
div.profileimagefix
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

div.profileimageposition
{
	position: absolute;
	bottom: 0px;
	left: 0px;
}
.profileimagefix img
{
	text-align: center;
	display: block;
}

div#profileheader
{
	float: left;
	width: 100%;
	background-color: #19BCB7;
}
a#returntoprofile
{
	float: left;
	margin-left: 14px;
	margin-top: 14px;
	display: inline-block;
}
div#profilenavigation
{
	margin: auto;
	width: 200px;
}
p#profilecount
{
	color: #fff; font-size: 19px; margin: 0px; padding: 0px; margin-top: 13px; float: left; margin-left: 60px;
}

div.paddedcontents
{
	float: left;
	width: calc(100% - 40px);
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 80px;
	padding-bottom: 80px;
}

div.animatedpaddedcontents
{
	overflow-x: hidden;
}

.paddedcontents img
{
	width: 100%;
	display: block;
	margin: 0px;
	padding: 0px;
}

div.paddedcontents2
{
	float: left;
	width: calc(100% - 10px);
	margin-left: 5px;
	margin-right: 5px;
	padding-top: 80px;
	padding-bottom: 80px;
}

.paddedcontents2 img
{
	width: 100%;
	display: block;
	margin: 0px;
	padding: 0px;
}

div.paddedcontents3
{
	float: left;
	width: 100%;
	padding-top: 80px;
	padding-bottom: 80px;
}

.paddedcontents3 img
{
	width: 100%;
	display: block;
	margin: 0px;
	padding: 0px;
}

div.paddedcontents4
{
	float: left;
	width: calc(100% - 20px);
	padding-top: 80px;
	padding-bottom: 80px;
}

.paddedcontents4 img
{
	width: 100%;
	display: block;
	margin: 0px;
	padding: 0px;
}

div.paddedcontents5
{
	float: right;
	width: calc(100% - 20px);
	padding-top: 80px;
	padding-bottom: 80px;
}

.paddedcontents5 img
{
	width: 100%;
	display: block;
	margin: 0px;
	padding: 0px;
}

div.lesspadding
{
	padding-top: 40px;
	padding-bottom: 40px;
}

div.paddedcontentsinnersmall
{
	margin: auto;
	max-width: 990px;
}
div.paddedcontentsinner
{
	margin: auto;
	max-width: 1188px;
}
div.paddedcontentsinner2
{
	margin: auto;
	max-width: 1500px;
}

div.paddedcontentsinner3
{
	margin: auto;
	max-width: 1900px;
}

div.paddedcontentsinner4
{
	margin: auto;
	max-width: 990px;
}

div.paddedcontentsinner5
{
	margin: auto;
	max-width: 800px;
}

.paddedcontents h2, .paddedcontents2 h2, .paddedcontents3 h2, .paddedcontents4 h2, .paddedcontents5 h2
{
	font-size: 24px;
	line-height: 160%;
	color: #888888;
	font-weight: 300;
	text-align: center;
	letter-spacing: 1px;
	margin: 0px;
	padding: 0px;
	padding-bottom: 20px;
	font-family: 'Oswald', sans-serif;
}

.paddedcontents h3, .paddedcontents2 h3, .paddedcontents3 h3, .paddedcontents4 h3, .paddedcontents5 h3
{
	font-size: 20px;
	line-height: 160%;
	color: #888888;
	font-weight: 400;
	text-align: left;
	letter-spacing: 1px;
	margin: 0px;
	padding: 0px;
	padding-top: 15px;
	padding-bottom: 10px;
	font-family: 'Oswald', sans-serif;
}

.paddedcontents h4, .paddedcontents2 h4, .paddedcontents3 h4, .paddedcontents4 h4, .paddedcontents5 h4
{
	font-size: 18px;
	line-height: 160%;
	color: #888888;
	font-weight: 400;
	text-align: left;
	letter-spacing: 1px;
	margin: 0px;
	padding: 0px;
	padding-top: 15px;
	padding-bottom: 10px;
	font-family: 'Oswald', sans-serif;
}

.paddedcontents h5, .paddedcontents2 h5, .paddedcontents3 h5, .paddedcontents4 h5, .paddedcontents5 h5
{
	font-size: 17px;
	line-height: 160%;
	color: #888888;
	font-weight: 400;
	text-align: left;
	margin: 0px;
	padding: 0px;
	padding-top: 15px;
	padding-bottom: 10px;
	font-family: 'Oswald', sans-serif;
}

.paddedcontents p, .paddedcontents2 p, .paddedcontents3 p
{
	font-size: 14px;
	font-family: 'Abel', sans-serif;
	font-weight: 300;
	line-height: 160%;
	color: #888888;
	padding: 0px;
	margin: 0px;
	padding-bottom: 18px;
}

.largerparagraphs p
{
	font-family: 'Abel', sans-serif;
	font-size: 24px;
}


div.halfcontents
{
	float: left;
	width: 100%;
}
.halfcontents h2
{
	text-align: left;
}

div#eventmenu
{
	float: left;
	width: 100%;
	text-align: center;
}

#eventmenu p
{
	display: inline-block;
	line-height: 100%;
	padding: 0px;
	margin: 0px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 40px;
	letter-spacing: 1px;
}

#eventmenu a
{
	color: #888;
	text-decoration: none;
	padding-bottom: 10px;
}

#eventmenu a:hover
{
	color: #1ABDB9;
}

a#currentfilter
{
	color: #1ABDB9;
	border-bottom: 2px solid #1ABDB9;
}

div#eventmenu2
{
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 0px;
	background-color: #19BCB7;
	padding-top: 17px;
	padding-bottom: 17px;
}

#eventmenu2 p
{
	display: inline-block;
	line-height: 100%;
	padding: 0px;
	margin: 0px;
	margin-left: 10px;
	margin-right: 10px;
	letter-spacing: 2px;
}

#eventmenu2 a
{
	color: #fff;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}

#eventmenu2 a:hover
{
	color: #333;
}

a#currentfilter2
{
	color: #333;
}

div#eventmenu3
{
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 0px;
	background-color: #999;
	padding-top: 17px;
	padding-bottom: 17px;
	display: none;
}

#eventmenu3 p
{
	display: inline-block;
	line-height: 100%;
	padding: 0px;
	margin: 0px;
	margin-left: 10px;
	margin-right: 10px;
	letter-spacing: 2px;
}

#eventmenu3 a
{
	color: #fff;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}

#eventmenu3 a:hover
{
	color: #333;
}

a#currentfilter3
{
	color: #333;
}

div.teamgridrow
{
	float: left;
	width: 100%;
}

div.gridcontents
{
	display: inline-block;
}

div.teamgrid
{
	float: left;
	width: 30%;
	padding-left: 1.5%;
	padding-right: 1.5%;
	min-height: 20px;
	margin-top: 30px;
	-webkit-transition: all 3s ease;
	-moz-transition: all 3s ease;
	-ms-transition: all 3s ease;
	-o-transition: all 3s ease;
	transition: all 3s ease;
	opacity: 0;
	text-align: center;
}

div.teamgrid2
{
	width: 47%;
	padding-left: 1.5%;
	padding-right: 1.5%;
}

div.teamgrid4
{
	width: 22%;
	padding-left: 1.5%;
	padding-right: 1.5%;
}

.teamgrid img
{
	width: 100%;
	opacity: 1;
	-webkit-transition: all 0.9s ease;
	-moz-transition: all 0.9s ease;
	-ms-transition: all 0.9s ease;
	-o-transition: all 0.9s ease;
	transition: all 0.9s ease;
	display: block;
}

div.eventgrid
{
	float: left;
	width: 30%;
	padding-left: 1.5%;
	padding-right: 1.5%;
	min-height: 20px;
	margin-top: 30px;
	margin-bottom: 30px;
	-webkit-transition: all 2.5s ease;
	-moz-transition: all 2.5s ease;
	-ms-transition: all 2.5s ease;
	-o-transition: all 2.5s ease;
	transition: all 2.5s ease;
	opacity: 0;
}

.eventgrid img
{
	width: 100%;
	opacity: 1;
	-webkit-transition: all 0.9s ease;
	-moz-transition: all 0.9s ease;
	-ms-transition: all 0.9s ease;
	-o-transition: all 0.9s ease;
	transition: all 0.9s ease;
	display: block;
}

div.gridfix
{
	position: relative;
	top: 0px;
	left: 0px;
	overflow: hidden;
}

.eventgrid a
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: block;
}

.teamgrid a
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: block;
}

div.eventgridtext
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	background-color: rgba(0,0,0,0.5);
	padding-top: 10px;
	padding-bottom: 10px;
}

p.eventgridtitle
{
	font-size: 24px;
	color: #fff;
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	line-height: 100%;
}

div.eventgridimage
{
	position: absolute;
	top: 0px;
	left: 0%;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

div.eventgriddetails
{
	float: left;
	width: 100%;
	margin-top: 10px;
}

p.eventgridlocation
{
	font-size: 13px;
	color: #fff;
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	float: left;
	margin-right: 20px;
	max-width: 50%;
}
.eventgridlocation img
{
	width: 18px;
	float: left;
	margin-right: 10px;
}

p.eventgriddate
{
	font-size: 13px;
	color: #fff;
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
}
.eventgriddate img
{
	width: 18px;
	float: left;
	margin-right: 10px;
}

span.regulartext
{
	font-family: 'Abel', sans-serif;
}

span.lighttext
{
	font-family: 'Abel', sans-serif;
}

div.leftimage
{
	float: left;
	width: 47%;
	margin-right: 2%;
}
div.halftext
{
	float: none;
	overflow: hidden;
}

div.rightimage
{
	float: right;
	width: 47%;
	margin-left: 2%;
}

div.leftimage2
{
	float: left;
	width: 75%;
	margin-right: 2%;
}

div.rightimage2
{
	float: right;
	width: 75%;
	margin-left: 2%;
}


.paddedcontents iframe, .paddedcontents2 iframe
{
	width: 100%;
	display: block;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

div.videocontainer
{
	position: relative;
	padding: 0px;
	margin:: 0px;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.videocontainer iframe
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.videocontainer video
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

p.teamname
{
	font-size: 24px;
	color: #888;
	margin: 0px;
	padding: 0px;
	line-height: 100%;
	font-family: 'Abel', sans-serif;
	text-align: center;
	margin-top: 15px;
}

p.teamrole
{
	font-size: 14px;
	color: #888;
	margin: 0px;
	padding: 0px;
	line-height: 100%;
	font-family: 'Abel', sans-serif;
	text-align: center;
	margin-top: 5px;
}

p.teamreadmore
{
	font-size: 12px;
	background-color: #000;
	color: #fff;
	margin: 0px;
	padding: 0px;
	line-height: 100%;
	font-family: 'Abel', sans-serif;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 10px;
	display: inline-block;
	padding: 6px;
}

p.buttongroup
{
	margin: 0px;
	padding: 0px;
	line-height: 100%;
}

a.styledbuttons
{
	display: inline-block;
	padding: 15px;
	background-color: #000;
	color: #fff;
	margin-right: 15px;
	margin-bottom: 20px;
	border-radius: 5px;
}

div.logocolumn5
{
	float: left;
	width: 20%;
	min-height: 20px;
}

div.logocolumn
{
	display: inline-block;
	padding-left: 2%;
	padding-right: 2%;
	min-height: 20px;
}

div.logocolumn10
{
	width: 6%;
}
div.logocolumn9
{
	width: 7%;
}
div.logocolumn8
{
	width: 8%;
}
div.logocolumn7
{
	width: 10%;
}
div.logocolumn6
{
	width: 12%;
}

.logocolumn img
{
	width: 100%;
	opacity: 0;
	-webkit-transition: all 3s ease;
	-moz-transition: all 3s ease;
	-ms-transition: all 3s ease;
	-o-transition: all 3s ease;
	transition: all 3s ease;
	padding-top: 20px;
}

div.gridcontentstext
{
	width: 100%;
	height: 0px;
	overflow: hidden;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	opacity: 0;
	display: block;
}

div.standardgrid2 { float: left; width: 50%; }
div.standardgrid3 { float: left; width: 33.33333333333333%; }
div.standardgrid4 { float: left; width: 25%; }
div.standardgrid5 { float: left; width: 20%; }
div.standardgrid6 { float: left; width: 16.66666666666667%; }
div.standardgrid7 { float: left; width: 14.28571428571429%; }
div.standardgrid8 { float: left; width: 12.5%; }
div.standardgrid9 { float: left; width: 11.11111111111111%; }

div.colgroup3 { float: left; width: 33.33333333333333%; }
div.colgroup2 { float: left; width: 50%; }
div.colgroup2-4 { float: left; width: 50%; }
div.colgroup4-7 { float: left; width: 57.14285714285716%; }
div.colgroup3-7 { float: left; width: 42.85714285714287%; }
div.colgroup3-5 { float: left; width: 60%; }
div.colgroup2-5 { float: left; width: 40%; }

div.coldesk4 { float: left; width: 25%; }
div.coldesk3 { float: left; width: 33.33333333333333%; }
div.coldesk2 { float: left; width: 50%; }

div.standardcolumn2 { float: left; width: 50%; }
div.standardcolumn3 { float: left; width: 33.33333333333333%; }
div.standardcolumn4 { float: left; width: 25%; }
div.standardcolumn5 { float: left; width: 20%; }
div.standardcolumn6 { float: left; width: 16.66666666666667%; }
div.standardcolumn7 { float: left; width: 14.28571428571429%; }
div.standardcolumn8 { float: left; width: 12.5%; }
div.standardcolumn9 { float: left; width: 11.11111111111111%; }

div.imagepadding
{
	margin: 15px;
}

div.croppedgrid
{
	position: relative;
	padding: 0px;
	margin: 0px;
	padding-bottom: 100%;
	height: 0;
	overflow: hidden;
}

.croppedgrid img
{
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
}

div.rowimage
{
	display: inline-block;
	width: 100%;
}

.rowimage img
{
	width: 100%;
	display: block;
}

div.accordianmenu
{
	float: left;
	width: 100%;
	margin-bottom: 10px;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	transition: transform 800ms linear;
}

div.accordianmenuanimated
{
	-webkit-transform: none;
	transform: none;
	transition: transform 800ms linear;
}

div.accordiantab
{
	float: left;
	width: calc(100% - 30px);
	padding: 15px;
	background-color: #000;
	cursor: pointer;
	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	-ms-transition: all 2s ease;
	-o-transition: all 2s ease;
	transition: all 2s ease;
	opacity: 0;
}

.accordiantab span
{
	float: left;
	color: #fff;
}

.accordiantab img
{
	float: right;
	width: 24px;
	height: auto;
	display: block;
	margin-top: 2px;
}

div.accordianbox
{
	display: none;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.accordianbox h3
{
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 18px;
}

div.accordiandata
{
	float: left;
	width: calc(100% - 22px);
	
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 0px;
}

.accordiandata h4
{
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 18px;
}

.accordiandata p
{
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 14px;
}

.accordiandata h5
{
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}

div.testimonialgrid
{
	float: left;
	width: 100%;
}

div.testimonialgridleft
{
	float: left;
	width: calc(50% - 1px);
	border-right: 1px solid #82744D;
}
div.testimonialgridright
{
	float: right;
	width: 50%;
}

div.testimonialimage
{
	float: left;
	width: 200px;
	margin-right: 20px;
}

div.testimonialpadding
{
	float: left;
	width: calc(100% - 50px);
	padding: 25px;
	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	-ms-transition: all 2s ease;
	-o-transition: all 2s ease;
	transition: all 2s ease;
	opacity: 0;
}

div.lefttestimonialcontents
{
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	transition: transform 900ms linear;
}
div.righttestimonialcontents
{
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	transition: transform 800ms linear;
}
div.testimonialcontentsanimated
{
	-webkit-transform: none;
	transform: none;
	transition: transform 800ms linear;
}

/*----------------------------------------
 1370px breakpoint (netbook / ipad)
----------------------------------------*/
@media screen and (max-width:1370px)
{
	p.eventgridtitle
	{
		font-size: 22px;
	}
	p.eventgridlocation
	{
		font-size: 12px;
	}
	p.eventgriddate
	{
		font-size: 12px;
	}
}

/*----------------------------------------
 1290px breakpoint (netbook / ipad)
----------------------------------------*/
@media screen and (max-width:1290px)
{
	div.eventgrid
	{
		float: left;
		width: 47%;
	}
	p.eventgridlocation
	{
		font-size: 12px;
	}
	p.eventgriddate
	{
		font-size: 12px;
	}
}

/*----------------------------------------
 987px breakpoint (netbook / ipad)
----------------------------------------*/
@media screen and (max-width:987px)
{
	div.testimonialgridleft
	{
		float: left;
		width: 100%;
		border-right: 0px;
	}
	div.testimonialgridright
	{
		float: right;
		width: 100%;
	}
	div.testimonialimage
	{
		float: left;
		width: 200px;
		margin-right: 20px;
	}
	
	div.testimonialpadding
	{
		float: left;
		width: calc(100% - 50px);
		padding: 25px;
	}
}

/*----------------------------------------
584px breakpoint (netbook / ipad)
----------------------------------------*/
@media screen and (max-width:584px)
{
	div.testimonialimage
	{
		float: left;
		width: 150px;
		margin-right: 20px;
	}
}

/*----------------------------------------
 945px breakpoint (netbook / ipad)
----------------------------------------*/
@media screen and (max-width:945px)
{
	div#baseleft
	{
		float: left;
		text-align: left;
		width: 50%;
	}
	div#basemiddle
	{
		float: left;
		max-width: none;
		width: 100%;
		margin-bottom: 20px;
		margin-top: 20px;
	}
	div#baseright
	{
		float: right;
		text-align: right;
		margin-right: 20px;
		width: calc(50% - 20px);
	}
}
/*----------------------------------------
 830px breakpoint (netbook / ipad)
----------------------------------------*/
@media screen and (max-width:830px)
{
	div.eventgrid
	{
		float: left;
		width: 97%;
	}
}

/*----------------------------------------
 784px breakpoint (netbook / ipad)
----------------------------------------*/
@media screen and (max-width:784px)
{
	div.entrytextcontents
	{
		position: absolute;
		left: 5%;
		width: 90%;
		margin-left: 0px;
		z-index: 1001;
	}
	div.largerentrytextcontents
	{
		position: absolute;
		top: 20%;
		left: 5%;
		width: 90%;
		margin-left: 0px;
		z-index: 1001;
	}
}

/*----------------------------------------
 782px breakpoint (netbook / ipad)
----------------------------------------*/
@media screen and (max-width:782px)
{
	div#basehalfleft
	{
		width: calc(100% - 40px);
		border: 0px;
		border-bottom: 1px solid #82744D;
		padding-bottom: 25px;
		margin-bottom: 25px;
		margin-left: 20px;
	}
	div#basehalfright
	{
		width: 100%;
		border: 0px;
	}
}

/*----------------------------------------
 670px breakpoint (netbook / ipad)
----------------------------------------*/
@media screen and (min-width:670px)
{
	#homelink:hover span
	{
		width: 50%;
	}
}

div#entryposition { position: absolute; top: 100%; left: 0%; text-align: justify; width: 100%; min-height: 100%; margin: 0px; padding: 0px; }
div#entryposition2 { position: absolute; top: 65%; left: 0%; text-align: justify; width: 100%; min-height: 100%; margin: 0px; padding: 0px; background-color: #fff; }


#arrownavigation img { width: 58px; display: block; }

div.logogrid { display: inline-block; width: 110px; margin: 5px; }
.logogrid img { display: block; width: 100%; }

@media screen and (max-width:1020px) {
	#clientarealink a{padding-right:20px;width:10px;margin-left:10px;height:17px;background-size:26px 11px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/icon_client_area_mobile.png',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/icon_client_area_mobile.png',sizingMethod='scale')"}
}

div#lowertop { display: none; }

div.testimonialcolumn1 { float: left; margin-left: 0%; margin-right: 4%; width: 29%; }
div.testimonialcolumn2 { float: left; margin-left: 2%; margin-right: 2%; width: 29%; }
div.testimonialcolumn3 { float: left; margin-left: 4%; margin-right: 0%; width: 29%; }

div.entrytestimonial { float: left; width: 100%; margin-bottom: 50px; }

.entrytestimonial p { color: #787878; font-size: 13px; line-height: 150%; }

p.entrytestimonialtitle { color: #1ABDB9; font-size: 15px; }

p.keynotetitle { margin-top: 22px; }

div.entrytestimonialimage { float: left; width: 100px; height: 100px; overflow: hidden; text-align: center; border-radius: 7px; margin-right: 15px; }

.entrytestimonialimage img { width: 100%; }


div#entryupcomingeventsposition{display:none;}

div.neweventbox{display:inline-block;float: none;}

div.imagecontentscontainer
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
}

div.imagecontentscontainer2
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
}

div.contentsoverimage
{
	position: absolute;
	bottom: 0%;
	left: 0px;
	width: 100%;
}
.contentsoverimage h2
{
	font-size: 20px;
}

.contentsoverimage p
{
	font-size: 20px;
}

/*----------------------------------------
 1865px breakpoint (netbook / ipad)
----------------------------------------*/
@media screen and (max-width:1865px)
{
	div.standardgrid3 { float: left; width: 33.33333333333333%; }
	div.standardgrid4 { float: left; width: 25%; }
	div.standardgrid5 { float: left; width: 20%; }
	div.standardgrid6 { float: left; width: 16.66666666666667%; }
	div.standardgrid7 { float: left; width: 16.66666666666667%; }
	div.standardgrid8 { float: left; width: 16.66666666666667%; }
	div.standardgrid9 { float: left; width: 16.66666666666667%; }
	
	div.standardcolumn2 { float: left; width: 50%; }
	div.standardcolumn3 { float: left; width: 33.33333333333333%; }
	div.standardcolumn4 { float: left; width: 25%; }
	div.standardcolumn5 { float: left; width: 20%; }
	div.standardcolumn6 { float: left; width: 16.66666666666667%; }
	div.standardcolumn7 { float: left; width: 16.66666666666667%; }
	div.standardcolumn8 { float: left; width: 16.66666666666667%; }
	div.standardcolumn9 { float: left; width: 16.66666666666667%; }
}


/*----------------------------------------
 1300px breakpoint (netbook / ipad)
----------------------------------------*/
@media screen and (max-width:1300px)
{
	div.logocolumn10
	{
		width: 7%;
	}
}

/*----------------------------------------
 1232px breakpoint (netbook / ipad)
----------------------------------------*/
@media screen and (max-width:1232px)
{
	div.imagepadding
	{
		margin: 8px;
	}
}

/*----------------------------------------
 1212px breakpoint (netbook / ipad)
----------------------------------------*/
@media screen and (max-width:1212px)
{
	div.logocolumn10
	{
		width: 8%;
	}
	div.logocolumn9
	{
		width: 8%;
	}
}

/*----------------------------------------
 1148px breakpoint (netbook / ipad)
----------------------------------------*/
@media screen and (max-width:1148px)
{
	div.logocolumn10
	{
		width: 12%;
	}
	div.logocolumn9
	{
		width: 12%;
	}
	div.logocolumn8
	{
		width: 12%;
	}
	div.logocolumn7
	{
		width: 12%;
	}
	div.logocolumn6
	{
		width: 12%;
	}
	
	
	
	div.imagepadding
	{
		margin: 12px;
	}
	
	div.standardgrid3 { float: left; width: 33.33333333333333%; }
	div.standardgrid4 { float: left; width: 33.33333333333333%; }
	div.standardgrid5 { float: left; width: 33.33333333333333%; }
	div.standardgrid6 { float: left; width: 33.33333333333333%; }
	div.standardgrid7 { float: left; width: 33.33333333333333%; }
	div.standardgrid8 { float: left; width: 33.33333333333333%; }
	div.standardgrid9 { float: left; width: 33.33333333333333%; }
	
	div.standardcolumn2 { float: left; width: 50%; }
	div.standardcolumn3 { float: left; width: 33.33333333333333%; }
	div.standardcolumn4 { float: left; width: 33.33333333333333%; }
	div.standardcolumn5 { float: left; width: 33.33333333333333%; }
	div.standardcolumn6 { float: left; width: 33.33333333333333%; }
	div.standardcolumn7 { float: left; width: 33.33333333333333%; }
	div.standardcolumn8 { float: left; width: 33.33333333333333%; }
	div.standardcolumn9 { float: left; width: 33.33333333333333%; }
}


/*----------------------------------------
 1065px breakpoint (netbook / ipad)
----------------------------------------*/
@media screen and (max-width:1065px)
{
	div.imagecontentscontainer
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 500px;
		overflow: hidden;
	}
	.imagecontentscontainer img
	{
		width: auto;
		height: 100%;
	}
	.contentsoverimage h2
	{
		font-size: 15px;
	}
	.contentsoverimage p
	{
		font-size: 15px;
	}
}

/*----------------------------------------
 1155px breakpoint (netbook / ipad)
----------------------------------------*/
@media screen and (max-width:1155px)
{
	#topmenu li
	{
		margin-left: 15px;
		margin-right: 15px;
		font-size: 14px;
	}
}

/*----------------------------------------
 1008px breakpoint (netbook / ipad)
----------------------------------------*/
@media screen and (max-width:1008px)
{
	#topmenu li
	{
		margin-left: 10px;
		margin-right: 10px;
		font-size: 12px;
	}
}

/*----------------------------------------
 870px breakpoint (netbook / ipad)
----------------------------------------*/
@media screen and (max-width:870px)
{
	div#topmenu
	{
		display: none;
	}
	p#linktop
	{
		display: none;
	}
	div#menutab
	{
		display: block;
	}
}

/*----------------------------------------
 1314px breakpoint (mobile)
----------------------------------------*/
@media screen and (max-width:1314px)
{
	div#upcomingeventsposition{display:none}
	div.fullscreenevents { position: static; top: auto; left: auto; width: 100%; height: auto; background-color: #fff; }
	div.sectionevents { max-width: 1400px; width: 100%; margin: auto; padding-top: 50px; float: left; }
	div.currenteventbox { float: left; margin: 7px; }
	div#entryupcomingeventsposition{float: left; width: 100%; display:block; text-align: center;}
	div#entryupcomingeventscontents{width: 100%; text-align: center;}
}

/*----------------------------------------
 1292px breakpoint (mobile)
----------------------------------------*/
@media screen and (max-width:1292px)
{
	div.leftimage
	{
		width: 47%;
	}
	div.rightimage
	{
		width: 47%;
	}
	div.leftimage2
	{
		width: 65%;
	}
	div.righttext2
	{
		width: 32%
	}
	div.rightimage2
	{
		width: 65%;
	}
	div.lefttext2
	{
		width: 32%
	}
}

/*----------------------------------------
 1092px breakpoint (mobile)
----------------------------------------*/
@media screen and (max-width:1092px)
{
	div.testimonialcolumn1 { float: left; margin-left: 0%; margin-right: 4%; width: 46%; }
	div.testimonialcolumn2 { float: left; margin-left: 2%; margin-right: 0%; width: 46%; }
	div.testimonialcolumn3 { display: none; }
}

/*----------------------------------------
 1068px breakpoint (mobile)
----------------------------------------*/
@media screen and (max-width:1068px)
{
	div.logogrid { display: inline-block; width: 90px; margin: 5px; }
	
}

/*----------------------------------------
 1048px breakpoint (mobile)
----------------------------------------*/
@media screen and (max-width:1048px)
{
	div.colgroup2 { width: 100%; }
}

/*----------------------------------------
 1032px breakpoint (mobile)
----------------------------------------*/
@media screen and (max-width:1032px)
{
	div.profilegrid
	{
		float: left;
		width: 31%;
		margin-left: 1%;
		margin-right: 1%;
		text-align: center;
		height: 180px;
		overflow: hidden;
		margin-bottom: 20px;
	}
}

/*----------------------------------------
 1018px breakpoint (mobile)
----------------------------------------*/
@media screen and (max-width:1018px)
{
	div.colgroup2-4 { width: 100%; }
}

/*----------------------------------------
 952px breakpoint (mobile)
----------------------------------------*/
@media screen and (max-width:952px)
{
	div.leftimage
	{
		width: 47%;
	}
	div.rightimage
	{
		width: 47%;
	}
	div.leftimage2
	{
		width: 47%;
	}
	div.righttext2
	{
		width: 50%
	}
	div.rightimage2
	{
		width: 47%;
	}
	div.lefttext2
	{
		width: 50%
	}
}

/*----------------------------------------
 906px breakpoint (mobile)
----------------------------------------*/
@media screen and (max-width:906px)
{
	div.testimonialcolumn1 { float: left; margin-left: 5%; margin-right: 5%; width: 90%; }
	div.testimonialcolumn2 { display: none; }
	div.testimonialcolumn3 { display: none; }
	div.entrytestimonial { margin-bottom: 30px; }
}

/*----------------------------------------
 856px breakpoint (mobile)
----------------------------------------*/
@media screen and (max-width:856px)
{
	div.profilegrid
	{
		float: left;
		width: 48%;
		margin-left: 1%;
		margin-right: 1%;
		text-align: center;
		height: 180px;
		overflow: hidden;
		margin-bottom: 20px;
	}
}

/*----------------------------------------
 848px breakpoint (netbook / ipad)
----------------------------------------*/
@media screen and (max-width:848px)
{
	div.logocolumn10
	{
		width: 21%;
	}
	div.logocolumn9
	{
		width: 21%;
	}
	div.logocolumn8
	{
		width: 21%;
	}
	div.logocolumn7
	{
		width: 21%;
	}
	div.logocolumn6
	{
		width: 21%;
	}
}

/*----------------------------------------
 1131px breakpoint (netbook / ipad)
----------------------------------------*/
@media screen and (max-width:1131px)
{
	div.teamgrid4
	{
		width: 30%;
		padding-left: 1.5%;
		padding-right: 1.5%;
	}
}

/*----------------------------------------
 849px breakpoint (mobile)
----------------------------------------*/
@media screen and (max-width:849px)
{
	div.teamgrid
	{
		width: 47%;
		padding-left: 1.5%;
		padding-right: 1.5%;
	}
	div.colgroup3 { width: 100%; }
}

/*----------------------------------------
 796px breakpoint (mobile)
----------------------------------------*/
@media screen and (max-width:796px)
{
	div.leftimage
	{
		width: 40%;
	}
	div.righttext
	{
		width: 56%
	}
	div.rightimage
	{
		width: 40%;
	}
	div.lefttext
	{
		width: 56%
	}
	div.leftimage2
	{
		width: 40%;
	}
	div.righttext2
	{
		width: 56%
	}
	div.rightimage2
	{
		width: 40%;
	}
	div.lefttext2
	{
		width: 56%
	}
}

/*----------------------------------------
 720px breakpoint (mobile)
----------------------------------------*/
@media screen and (max-width:720px)
{
	div.leftimage
	{
		float: none;
		width: 100%;
		margin: 0px;
		margin-bottom: 30px;
		max-width: auto;
	}
	div.righttext
	{
		width: 100%
	}
	div.rightimage
	{
		float: none;
		width: 100%;
		margin: 0px;
		margin-bottom: 30px;
		max-width: auto;
	}
	div.lefttext
	{
		width: 100%
	}
	div.leftimage2
	{
		float: none;
		width: 100%;
		margin: 0px;
		margin-bottom: 30px;
		max-width: auto;
	}
	div.righttext2
	{
		width: 100%
	}
	div.rightimage2
	{
		float: none;
		width: 100%;
		margin: 0px;
		margin-bottom: 30px;
		max-width: auto;
	}
	div.lefttext2
	{
		width: 100%
	}
	div.paddedcontents4
	{
		float: left;
		width: calc(100% - 20px);
		padding-left: 10px;
	}
	div.paddedcontents5
	{
		float: right;
		width: calc(100% - 20px);
		padding-right: 10px;
	}
}

/*----------------------------------------
710px breakpoint (mobile)
----------------------------------------*/
@media screen and (max-width:710px)
{
	div.standardgrid3 { float: left; width: 50%; }
	div.standardgrid4 { float: left; width: 50%; }
	div.standardgrid5 { float: left; width: 50%; }
	div.standardgrid6 { float: left; width: 50%; }
	div.standardgrid7 { float: left; width: 50%; }
	div.standardgrid8 { float: left; width: 50%; }
	div.standardgrid9 { float: left; width: 50%; }
	
	div.standardcolumn2 { float: left; width: 100%; }
	div.standardcolumn3 { float: left; width: 100%; }
	div.standardcolumn4 { float: left; width: 100%; }
	div.standardcolumn5 { float: left; width: 100%; }
	div.standardcolumn6 { float: left; width: 100%; }
	div.standardcolumn7 { float: left; width: 100%; }
	div.standardcolumn8 { float: left; width: 100%; }
	div.standardcolumn9 { float: left; width: 100%; }
}

/*----------------------------------------
 664px breakpoint (mobile)
----------------------------------------*/
@media screen and (max-width:664px)
{
	div.teamgrid
	{
		display: block;
		width: 94%;
		padding-left: 3%;
		padding-right: 3%;
	}
}

/*----------------------------------------
 788px breakpoint (mobile)
----------------------------------------*/
@media screen and (max-width:788px)
{
	div#topcontents { margin-left: 5px; margin-right: 10px; width: auto; margin-top: 10px; }
	p#mobiletitle { float: left; width: 130px; height: 36px; padding: 0px; margin: 0px; padding-top: 7px; padding-left: 7px; display: none; }
	#mobiletitle a { width: 130px; height: 36px; background-size: 130px 36px; }
	div#mobilenavigation { display: block; position: fixed; right: 10px; top: 10px; z-index: 10500; }
	p#mobilemenuopen{background-color:rgba(104,104,104,0);}
	p#mobileclientarea{background: none;}
}

/*----------------------------------------
 700px breakpoint (mobile)
----------------------------------------*/
@media screen and (max-width:700px)
{
	div.sectiontext { padding-bottom: 80px; padding-top: 80px; padding-left: 6px; padding-right: 6px; }
	div.sectionnavigation { display: none; }
	a#arrownavigation { width: 0px; height: 0px; overflow: hidden; }
	div.fullscreensection { position: static; top: auto; left: auto; width: 100%; height: auto; }
	div.fullsectioncontents { padding-top: 5px; padding-bottom: 5px; display: block; vertical-align: middle; padding-left: 4%; padding-right: 4%; width: 92%; text-align: left; float: left; }
	
	div.testimonialcolumn1 { float: left; margin-left: 2%; margin-right: 2%; width: 96%; }
	div.testimonialcolumn2 { display: block; float: left; margin-left: 2%; margin-right: 2%; width: 96%; }
	div.testimonialcolumn3 { display: block; float: left; margin-left: 2%; margin-right: 2%; width: 96%; }

	div.sectiontestimonials { margin-top: 40px; }
	
	div.sectionlogos { margin-top: 40px; margin-bottom: 40px; }
}

/*----------------------------------------
 620px breakpoint (netbook / ipad)
----------------------------------------*/
@media screen and (max-width:620px)
{
	#socialbase a
	{
		margin-top: 20px;
	}
}

/*----------------------------------------
 615px breakpoint (mobile)
----------------------------------------*/
@media screen and (max-width:615px)
{
	div.profilegrid
	{
		float: left;
		width: 98%;
		margin-left: 1%;
		margin-right: 1%;
		text-align: center;
		height: 180px;
		overflow: hidden;
		margin-bottom: 20px;
	}
}

/*----------------------------------------
 582px breakpoint (netbook / ipad)
----------------------------------------*/
@media screen and (max-width:582px)
{
	div#profilenavigation
	{
		float: right;
		margin: 0px;
		width: 150px;
		margin-right: 14px;
	}
	p#profilecount
	{
		margin-left: 35px;
	}
}

/*----------------------------------------
 492px breakpoint (mobile)
----------------------------------------*/
@media screen and (max-width:492px)
{
	div.testimonialcolumn3 { display: none; }
}

/*----------------------------------------
 418px breakpoint (mobile)
----------------------------------------*/
@media screen and (max-width:418px)
{
	p#entrylogo { position: absolute; top: 15px; left: 15px; z-index: 10000; width: 150px; }
}