@charset "utf-8";
@import url("../font/font.css");
/* CSS Document */


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


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

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

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


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


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


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

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

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



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


hr.thin { 
height: 1px;
border: 0;
color: #008d7f;
background-color: #008d7f;
width: 175px;
}


hr.thin2 { 
height: 1px;
border: 0;
color: #008d7f;
background-color: #008d7f;
width: 220px;
}


hr.thin3 { 
height: 1px;
border: 0;
color: #008d7f;
background-color: #008d7f;
width: 400px;
}


hr.thin4 {
	height: 1px;
	border: 0;
	color: #008d7f;
	background-color: #008d7f;
	width: 800px;
}


hr.thin5 { 
height: 1px;
border: 0;
color: #008d7f;
background-color: #008d7f;
width: 435px;
}


hr.thin6 { 
height: 1px;
border: 0;
color: #008d7f;
background-color: #008d7f;
width: 620px;
}


hr.thin7 { 
height: 1px;
border: 0;
color: #fff;
background-color: #fff;
width: 550px;
}


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



.transparent{
  background:rgba(47,46,44,0.8);
}



#bg {
	background-image: url(../images/building1.png);
	width: 100%;/**adjust as needed**/
	height: auto;
	background-repeat: repeat-x;
	background-position: right 0px bottom 0px;
}