@charset "utf-8";
/* CSS Document */

.header_find {
	font-family: 'CenturyGothic', "Century Gothic";
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #fff;
	text-decoration: none;
}


.header_text {
	font-family: 'CenturyGothic', "Century Gothic";
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #fff;
	text-decoration: none;
}

.header_text2 {
	font-family: 'CenturyGothic', "Century Gothic";
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000;
	text-decoration: none;
}


.header_text:hover {
	font-family: 'CenturyGothic', "Century Gothic";
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #c8cad7;
	text-decoration: none;
}

.footer {
	font-family: 'CenturyGothic', "Century Gothic";
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000;
	text-decoration: none;
}


.project {
	font-family: 'CenturyGothic', "Century Gothic";
	font-size: 18px;
	font-style: normal;
	line-height: 30px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #fff;
	text-decoration: none;
}


.list1 {
	font-family: 'CenturyGothic', "Century Gothic";
	font-size: 20px;
	font-style: normal;
	line-height: 50px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000;
	text-decoration: none;
}



.list2 {
	font-family: 'CenturyGothic', "Century Gothic";
	font-size: 20px;
	font-style: normal;
	line-height: 50px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #781d7e;
	text-decoration: none;
}


.contact_header {
	font-family: 'CenturyGothic', "Century Gothic";
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #781d7e;
	text-decoration: none;
}




.title1 {
	font-family: 'CenturyGothic', "Century Gothic";
	font-size: 29px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000;
	text-decoration: none;
}


.title2 {
	font-family: 'CenturyGothic', "Century Gothic";
	font-size: 29px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #781d7e;
	text-decoration: none;
}

.title3 {
	font-family: 'CenturyGothic', "Century Gothic";
	font-size: 29px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #6cd0f4;
	text-decoration: none;
}

.content1 {
	font-family: 'CenturyGothic', "Century Gothic";
	font-size: 14px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000;
	text-decoration: none;
}

.content2 {
	font-family: 'CenturyGothic', "Century Gothic";
	font-size: 14px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #781d7e;
	text-decoration: none;
}

.content3 {
	font-family: 'CenturyGothic', "Century Gothic";
	font-size: 14px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #6cd0f4;
	text-decoration: none;
}


.img {
    opacity: 1.0;
    filter: brightness(opacity=40); /* For IE8 and earlier */
}

.img:hover {
    filter: brightness(70%);
-webkit-filter: brightness(80%);
-moz-filter: brightness(70%);
-o-filter: brightness(70%);
-ms-filter: brightness(70%);
    /* For IE8 and earlier */
}




.myButton{
  background:url(../images/button_reset.png) no-repeat;
  width: 107px;
  height: 29px;
  border: none;
}
.myButton:hover {
  background:url(../images/button_reset_roll.png) no-repeat;
  width: 107px;
  height: 29px;
  border: none;
}