#frame{
	position:relative;
	width: 1200px;
	margin-top: 10px;
	padding-top: 20px;
	margin-left: auto;
	margin-right: auto;
}
#wrap-100{
	position:relative;
	float:left;
	width: 100%;
}
#wrap-98{
	position:relative;
	margin-left: 1%;
	margin-left: 1%;
	width: 98%;
}
#wrap-95{
	position:relative;
	float:left;
	width: 95%;
}
#wrap-90{
	position:relative;
	float:left;
	width: 90%;
}
#wrap-85{
	position:relative;
	float:left;
	width: 85%;
}
#wrap-80{
	position:relative;
	float:left;
	width: 80%;
}
#wrap-75{
	position:relative;
	float:left;
	width: 75%;
}
#wrap-70{
	position:relative;
	float:left;
	width: 70%;
}
#wrap-65{
	position:relative;
	float:left;
	width: 65%;
}
#wrap-60{
	position:relative;
	float:left;
	width: 60%;
}
#wrap-55{
	position:relative;
	float:left;
	width: 55%;
}
#wrap-50{
	position:relative;
	float:left;
	width: 50%;
}
#wrap-45{
	position:relative;
	float:left;
	width: 45%;
}
#wrap-40{
	position:relative;
	float:left;
	width: 40%;
}
#wrap-34{
	position:relative;
	float:left;
	width: 33%;
}
#wrap-33{
	position:relative;
	float:left;
	width: 33%;
}
#wrap-30{
	position:relative;
	float:left;
	width: 30%;
}
#wrap-25{
	position:relative;
	float:left;
	width: 25%;
}
#wrap-25-fixed{
	position:relative;
	float:left;
	width: 25%;
}
#wrap-20{
	position:relative;
	float:left;
	width: 20%;
}
#wrap-15{
	position:relative;
	float:left;
	width: 15%;
}
#wrap-10{
	position:relative;
	float:left;
	width: 10%;
}
#wrap-5{
	position:relative;
	float:left;
	width: 5%;
}
#wrap-col{
	position:relative;
	float:left;
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}

#wrap-100 img,
#wrap-95 img,
#wrap-90 img,
#wrap-85 img,
#wrap-80 img,
#wrap-75 img,
#wrap-70 img,
#wrap-65 img,
#wrap-60 img,
#wrap-55 img,
#wrap-50 img,
#wrap-45 img,
#wrap-40 img,
#wrap-35 img,
#wrap-33 img,
#wrap-30 img,
#wrap-25 img,
#wrap-20 img,
#wrap-15 img,
#wrap-10 img,
#wrap-5 img{
	max-width: 100%;
}

.inner-left {
	position: relative;
	float: left;
	width: 95%;
	height: auto;
}
.inner-center {
	position: relative;
	width: 90%;
	height: auto;
	margin-left: 5%;
	margin-right: 5%;
}
.inner-center img{
	max-width: 90%;
}
.inner-center-01 {
	position: relative;
	width: 95%;
	height: auto;
	margin-left: 3%;
	margin-right: 7%;
}
.inner-center-02 {
	position: relative;
	width: 95%;
	height: auto;
	margin-left: 7%;
	margin-right: 3%;
}
.inner-right {
	position: relative;
	float: right;
	width: 95%;
	height: auto;
}
.inner-left img{
	max-width: 100%;
}


/*COLUMN-03*/
#col-03 {
	position: relative;
	float: left;
	width: 30%;
	height: auto;
	margin-bottom: 20px;
}
#col-03-gap {
	position: relative;
	float: left;
	width: 5%;
	height: auto;
	margin-bottom: 20px;
}

/*COLUMN-04*/
#col-04 {
	position: relative;
	float: left;
	width: 22%;
	height: auto;
	margin-bottom: 20px;
}
#col-04-gap {
	position: relative;
	float: left;
	width: 4%;
	height: auto;
	margin-bottom: 20px;
}

/*COLUMN-05*/
#col-05 {
	position: relative;
	float: left;
	width: 19%;
	height: auto;
	margin-bottom: 20px;
}
#col-05-gap {
	position: relative;
	float: left;
	width: 1.25%;
	height: auto;
	margin-bottom: 20px;
}

/*COLUMN-06*/
#col-06 {
	position: relative;
	float: left;
	width: 15%;
	height: auto;
	margin-bottom: 20px;
}
#col-06-gap {
	position: relative;
	float: left;
	width: 2%;
	height: auto;
	margin-bottom: 20px;
}

/*TEXT*/
.text-left {
	position: relative;
	float: left;
	width: 95%;
}
.text-right {
	position: relative;
	float: right;
	width: 95%;
}
.text-middle {
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
}
.text-left-padded {
	position:relative;
	float: none;
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	text-align: justify;
	padding-top: 20px;
	padding-bottom: 20px;
}
.text-middle-padded {
	position:relative;
	float: none;
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}
.shadow {
  box-shadow: 0px 5px 8px #666;
}
/*POSITION*/
.floatleft {
	position:relative;
	float: left;
}
.floatright {
	position:relative;
	float: right;
	text-align:right;
}
.gap-top {
	position:relative;
	float: left;
	margin-top: 20px;
}
.gap-bottom {
	position:relative;
	float: left;
	margin-top: 20px;
}
.centre {
	position:relative;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.title-left {
	position:relative;
	float: left;
	margin-left: 10px;
	text-align: left;
}
/*IMAGES*/
.image-left {
	position:relative;
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
}
.image-right {
	position:relative;
	float: right;
	margin-top: 20px;
	margin-bottom: 20px;
}
.image-center {
	position:relative;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
}
.image-center-small {
	position:relative;
	width:90%;
	margin-left:5%;
	margin-right:5%;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
}
.inset-image-left {
	position:relative;
	float: left;
	max-width: 30%;
	margin-right: 20px;
	margin-bottom: 20px;
}
.inset-image-right {
	position:relative;
	float: right;
	max-width: 30%;
	margin-left: 20px;
	margin-bottom: 20px;
}
.gap-top {
	position:relative;
	float: left;
	width: 100%;
	margin-top: 30px;
}
.gap-bottom {
	position:relative;
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

@media screen and (max-width: 850px) {
#frame{
	position:relative;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}
#wrap-100,
#wrap-95,
#wrap-90,
#wrap-85,
#wrap-80,
#wrap-75,
#wrap-70,
#wrap-65,
#wrap-60,
#wrap-55,
#wrap-50,
#wrap-45,
#wrap-40,
#wrap-35,
#wrap-34,
#wrap-33,
#wrap-30,
#wrap-25,
#wrap-20,
#wrap-15,
#wrap-10,
#wrap-5{
	position:relative;
	width: 100%;
	margin: auto;
	text-align:center;
}
#wrap-100 img{
	max-width: 90%;
}

#wrap-95 img,
#wrap-90 img,
#wrap-85 img,
#wrap-80 img,
#wrap-75 img,
#wrap-70 img,
#wrap-65 img,
#wrap-60 img,
#wrap-55 img,
#wrap-50 img,
#wrap-45 img,
#wrap-40 img,
#wrap-35 img,
#wrap-34 img,
#wrap-33 img,
#wrap-30 img,
#wrap-25 img,
#wrap-20 img,
#wrap-15 img,
#wrap-10 img,
#wrap-5 img{
	max-width: 100%;
}

.inner-left,
.inner-center,
.inner-center-01,
.inner-center-02,
.inner-right {
	position: relative;
	float: none;
	width: 90%;
	height: auto;
	border: none;
	margin-left: 5%;
	margin-right: 5%;
}
/*COLUMNS*/
#col-03,
#col-04,
#col-05,
#col-06 {
	position: relative;
	float: none;
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}
#col-03-gap,
#col-04-gap,
#col-05-gap,
#col-06-gap  {
	display: none;
}
#col-03 img,
#col-04 img,
#col-05 img,
#col-06-img  {
	max-width: 100%;
}
/*TEXT*/
.text-left,
.text-right,
.text-middle{
	position:relative;
	float: none;
	width: 90%;
	text-align: left;
	margin-left: 5%;
	margin-right: 5%;
}
.text-centered {
	position:relative;
	float: none;
	width: 90%;
	text-align: center;
	margin-left: 5%;
	margin-right: 5%;
}
.text-left-padded {
	position:relative;
	float: none;
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	text-align: left;
	padding-top: 20px;
	padding-bottom: 20px;
}
}

@media screen and (max-width: 400px) {
.inset-image-left {
	position:relative;
	float: left;
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 10px;
}
.inset-image-right {
	position:relative;
	float: none;
	max-width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 10px;
}
}