@charset "utf-8";
/* CSS Document */
@media screen and (min-width:1000px){
	#wrap {
		width:1000px;
	}  
}
/************************************************************************************
smaller than 1000
*************************************************************************************/
@media screen and (max-width: 990px) {
	#wrap {
		width:95%;
	}
	img {
	height: auto;
	width: 100%;
	}
	.sh-box1 {
	float: left;
	height: auto;
	width: 10%;
	}
	.sh-box2 {
	float: right;
	height: auto;
	width: 80%;
	}
	.sh-col1 {
	float: left;
	height: auto;
	width: 80%;
	}
	.sh-col2 {
	float: left;
	height: auto;
	width: 80%;
	}
	#sitefooter {
		width: 100%;
		float: left;
	}
	#sitehead {
	width: 100%;
	float: left;
	padding-top: 85px;
	}
	#topbar {
	float: left;
	width: 100%;
	}
	.txt-phone1 {
	text-align: center;
	float: left;
	width: 100%;
	margin-top: 0px;
	}
	.txt-red1 {
	text-align: center;
	float: left;
	width: 100%;
	}

	a.nav1:link, a.nav1:visited {
	width: 45%;
	}

}

/************************************************************************************
smaller than 800
*************************************************************************************/
@media screen and (max-width: 780px) {
	#wrap {
		width:95%;
	}
	img {
	height: auto;
	width: 100%;
	}
	.main-col1 {
	float: left;
	width: 100%;
}
.sa-box {
	width:98%;
	padding-left:1%;
	padding-right:1%;
	height:auto;
	float:left;
}
	.sh-box1 {
	float: left;
	height: auto;
	width: 10%;
	}
	.sh-box2 {
	float: right;
	height: auto;
	width: 85%;
	}
	#sitefooter {
	width: 100%;
	float: left;
	text-align: center;
	font-size: 12px;
	}
	#sitehead {
	width: 100%;
	float: left;
	padding-top: 85px;
	}
	#topbar {
	float: left;
	width: 100%;
	}
	.txt-phone1 {
	text-align: center;
	float: left;
	width: 100%;
	margin-top: 0px;
	}
	.txt-red1 {
	text-align: center;
	float: left;
	width: 100%;
	}

	a.nav1:link, a.nav1:visited {
	width: 25%;
	}

}

/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {
	#wrap {
		width:95%;
	}
	#content, #sidebar {
	width: 98%;
	padding: 1%;
	float: left;
}
	img {
	height: auto;
	width: 100%;
	}
	.sh-box1 {
	display: none;
	visibility: hidden;
	}
	.sh-box2 {
	float: left;
	height: auto;
	width: 100%;
	}
	#sitefooter {
		width: 100%;
		float: left;
	}
	#sitehead {
	width: 100%;
	float: left;
	padding-top: 20%;
	}
	#topbar {
	float: left;
	width: 98%;
	padding-right: 1%;
	padding-left: 1%;
	}
	a.nav1:link, a.nav1:visited {
	width: 50%;
	}
}

/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 520px) {
	#sitehead {
	width: 100%;
	float: left;
	padding-top: 38%;
	}
	a.nav1:link, a.nav1:visited {
	width: 100%;
	}

}

/************************************************************************************
smaller than 350
*************************************************************************************/
@media screen and (max-width: 350px) {
	#sitehead {
	width: 100%;
	float: left;
	padding-top: 150px;
	}

}