body,td,th {
	font-family: 'Oxygen', sans-serif;
	color: #333;
	font-size: 15px;
}
body {
	background-color: #f7f6f6;
}
a:link {
	color: #850085;
	text-decoration: none;
}
a:visited {
	color: #850085;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: none;
}
a:active {
	color: #850085;
	text-decoration: none;
}
.purple {
	color: #9B0085;
}

h1 {
	color: #850085;
	font-size: 24px;
	font-weight: bold;
}

h1 span {
	color: #850085;
}
h2 {
	color: #850085;
	font-size: 20px;
	margin-top: 0px;
	padding-top: 0px;
	font-weight: normal;
}
.purplesubtitle {
	color: #850085;
	font-size: 22px;
	margin-top: 0px;
	padding-top: 0px;
}
.purplesubtitle2 {
	color: #850085;
	font-size: 20px;
	margin-top: 0px;
	padding-top: 0px;
}

#page {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#header #logo {
	float: left;
	width: 380px;
}
#header #contact {
	float: right;
	width: 500px;
	text-align: right;
	color: #850085;
	font-size: 22px;
}
#header #contact p {
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#header #headtitle {
	clear: both;
}

#header #headerclear {
	clear: both;
}
#menu {
	margin-bottom: 5px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #850085;
}
#slider {
	margin-bottom: 5px;
}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.callbacks_container .rslides li .caption {
	font-size: 30px;
	color: #850085;
	text-align: center;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-top:7px;
	margin-bottom:7px;
}

#row1 #col1  {
	float: left;
	width: 46%;
	padding: 10px;
	background-color: #FFF;
	min-height: 240px;
	border: 1px solid #850085;
	position: relative;
	border-radius: 5px;
	transform: translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	box-shadow: 0px 1px 5px #999999;
}
#row1 #col2 {
	float: right;
	width: 46%;
	padding: 10px;
	background-color: #FFF;
	min-height: 240px;
	border: 1px solid #850085;
	position: relative;
	border-radius: 5px;
	transform: translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	box-shadow: 0px 1px 5px #999999;
}


#row2 #col4 {
	float: left;
	width: 46%;
	padding: 10px;
	background-color: #FFF;
	min-height: 275px;
	border: 1px solid #850085;
	position: relative;
	border-radius: 5px;
	transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	box-shadow: 0px 1px 5px #999999;
}
#row2 #col5 {
	float: right;
	width: 46%;
	padding: 10px;
	background-color: #FFF;
	min-height: 275px;
	border: 1px solid #850085;
	position: relative;
	border-radius: 5px;
	transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	box-shadow: 0px 1px 5px #999999;
}


#row2 #clearrow2 {
	clear: both;
	margin-bottom: 10px;
}

#row3 #col6, #row3 #col7  {
	float: left;
	width: 29%;
	padding: 10px;
	margin-right:25px;
	background-color: #FFF;
	min-height: 375px;
	border: 1px solid #850085;
	position: relative;
	border-radius: 5px;
	transform: translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	box-shadow: 0px 1px 5px #999999;
}
#row3 #col8 {
	float: right;
	width: 29%;
	padding: 10px;
	background-color: #FFF;
	min-height: 375px;
	border: 1px solid #850085;
	position: relative;
	border-radius: 5px;
	transform: translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	box-shadow: 0px 1px 5px #999999;
}
#theteam #team1 #team2 {
	float: left;
	width: 190px;
	text-align: center;
}
#theteam #team1 #team3 {
	float: right;
	width: 730px;
}
#theteam #team1 {
	margin-bottom: 15px;
}

#contactrow {
	padding: 5px;
	background-color: #FFF;
	border: 1px solid #850085;
	border-radius: 5px;
	min-height:500px;
}
#content2 {

}
#leftside {
	width: 640px;
	min-height:500px;
	float: left;
	background-color: #FFF;
	padding: 5px;
	border: 1px solid #850085;
	border-radius: 5px;
	transform: translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
	box-shadow: 0px 1px 5px #999999;
}
#full {
	background-color: #FFF;
	border: 1px solid #850085;
	border-radius: 5px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#item1, #item2, #item4, #item5, #item7, #item8, #item10, #item11, #item13, #item14, #item16, #item17 {
	float: left;
	width: 30%;
	padding: 5px;
	text-align: center;
	margin-right: 3%;
	margin-bottom: 1%;
}
#item3, #item6, #item9, #item12, #item15, #item18, #item10, #item11, #item13, #item14, #item16, #item17 {
	float: left;
	width: 30%;
	padding: 5px;
	text-align: center;
	margin-bottom: 1%;
}

#diagram1, #diagram2 {
	position: relative;
	margin-bottom:10px;
}
#diagram1 #d1, #diagram2 #d2 {
	float: left;
	width: 300px;
	border-radius: 5px;
}
#diagram1 #l3, #diagram2 #l4 {
	float: right;
	width: 320px;
	clear: right;
	position: relative;
	top: 0px;
	right: 0px;
}
#diagram1 #l2, #diagram1 #l1 {
	float: right;
	width: 320px;
	clear: right;
	visibility: hidden;
	position: absolute;
	top: 0px;
	right: 0px;
}



#readmore {
	color: #FFF;
	background-color: #666666;
	padding: 3px;
	float: right;
	position: absolute;
	visibility: visible;
	z-index: 10;
	bottom: 10px;
	width: 75px;
	text-align: center;
	left: 375px;
	border-radius: 5px;
}
#readmore a {
	color: #FFF;
}


#rowclear {
	clear: both;
}
#accreditations {
	color: #000;
	margin-top: 5px;
	background-color: #FFF;
	border: 1px solid #850085;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-radius: 5px;
	text-align: center;
	transform: translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
	box-shadow: 0px 1px 5px #999999;
}

#quotes {
	color: #000;
	margin-top: 5px;
	background-color: #FFF;
	border: 1px solid #850085;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-radius: 5px;
	text-align: center;
	transform: translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
	box-shadow: 0px 1px 5px #999999;
}
#quotes p {
	padding-bottom: 5px;
}

#rightside {
	float: right;
	width: 300px;
	transform: translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
	box-shadow: 0px 1px 5px #999999;
	
}
#clear {
	clear: both;
}


#footer {
	font-size: 10px;
	margin-top: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
}
#map  tr td ul li {
	font-size: 14px;
	margin-left: -20px;
}
#just1, #just2, #just3, #just4, #just5, #just6, #just7, #just8, #just9, #just10 {
	display: none;
}
.no-js body #page {
}

#ilm {
	float: left;
	width: 600px;
	font-size:19px;
}
#ilm2 {
	float: right;
	width: 240px;
}

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


#page {
	max-width:95%;
}
img {
	max-width: 100%;
	height: auto;
}
#header #logo {
	float: left;
	width: 100%;
	clear: both;
	padding-top: 10px;
}
#header #contact {
	float: left;
	width: 100%;
	clear: both;
	padding-top: 10px;
	text-align: center;
}
#header #headtitle {
	text-align: center;
}
#row1 #col1, #row1 #col2, #row1 #col3, #row2 #col4, #row2 #col5 {
	float: left;
	width: 93%;
	clear: both;
	margin-bottom:10px;
}	
#teamrow {
	visibility: hidden;
	height:0;
}
#theteam #team1 #team2, #theteam #team1 #team3 {
	float: left;
	width: 100%;
	clear: both;
	padding-top: 10px;
}
#leftside, #rightside {
	float: left;
	width: 100%;
	clear: both;
	padding-top: 10px;
}
#ilm {
	float: left;
	width: 100%;
}
#ilm2 {
	float: left;
	width: 100%;
}

}
#content2 #philosophy {
	text-align: center;
}
