#frame{
	position:relative;
	width: 1200px;
	height:auto;
	margin:0 auto 0 auto;
	padding:0 0 5px 0;
}
.wrap-100{
	position:relative;
	float:left;
	width: 100%;
}
.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-67{
	position:relative;
	float:left;
	width: 67%;
}
.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-35{
	position:relative;
	float:left;
	width: 35%;
}
.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-67 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: 94%;
	height: auto;
	margin-left: 3%;
	margin-right: 3%;
}
.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-02 {
	position: relative;
	float: left;
	width: 48%;
	height: auto;
	margin-bottom: 20px;
}
.col-02-gap {
	position: relative;
	float: left;
	width: 4%;
	height: auto;
	margin-bottom: 20px;
}
.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;
}
.col-03-02 {
	position: relative;
	float: left;
	width: 65%;
	height: auto;
	margin-bottom: 20px;
}
.col-03-02 img{
	max-width: 100%;
}

/*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: 18%;
	height: auto;
	margin-bottom: 20px;
}
.col-05-gap {
	position: relative;
	float: left;
	width: 2.5%;
	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: none;
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	text-align: left;
}
.text-left-padded {
	position:relative;
	float: none;
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	text-align: left;
	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;
}
.text-centered {
	position:relative;
	float: none;
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	text-align: center;
}
.text-justified {
	position:relative;
	float: left;
	width: 95%;
	margin-left: 5%;
	text-align: justify;
}
.inset-text-left {
	position: relative;
	float: left;
	width: 100%;
}
/*POSITION*/
.floatleft {
	position:relative;
	float: left;
}
.floatright {
	position:relative;
	float: right;
}
.gap-top {
	position:relative;
	float: left;
	margin-top: 20px;
}
.gap-bottom {
	position:relative;
	float: left;
	margin-bottom: 20px;
}
.big-gap-top {
	position:relative;
	float: left;
	margin-top: 40px;
}
.big-gap-bottom {
	position:relative;
	float: left;
	margin-bottom: 40px;
}
.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;
	margin-left:auto;
	margin-right:auto;
	margin: 20px;
	text-align: center;
}
.image-wrap {
	display:table;
	height:400px;
}
.inset-image-left {
	position:relative;
	float: left;
	max-width: 30%;
	margin: 20px 20px 20px 0;
	font-size: 12px;
	text-align: center;
}
.inset-image-right {
	position:relative;
	float: right;
	max-width: 30%;
	margin-left: 20px;
	margin-bottom: 20px;
}
.image-left-text {
	display:table-cell;
	vertical-align:middle;
}
.inset-image-left {
	position:relative;
	float: left;
	max-width: 30%;
	margin-right: 20px;
	margin-bottom: 20px;
}
.shadow {
  box-shadow: 0px 5px 8px .666;
}
.dotted {
  border: dotted 1px #ccc;
}
@media screen and (max-width: 1024px) {
	#frame{
	position:relative;
	width: 98%;
	margin-left:1%;
	margin-right:1%;
}
}

@media screen and (max-width: 850px) {
#frame{
	position:relative;
	width: 98%;
	margin-left:1%;
	margin-right:1%;
}
.dropdown{
	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-67,
.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-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-justified {
	position:relative;
	float: left;
	width: 98%;
	font-size:18px;
	margin: 0 1% 0 1%;
	text-align: justify;
}
}

@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;
}
}