/* GENERAL */

body {
	background-color: #fff;
	margin: 0 0 0 0;
	}

img {
	max-width: 100%;
	height: auto;
	}

hr {
	border: 1px solid #e2e2e2;
	margin-top: 13px;
	}
	
	
.logopic {
	float: left;
	width: 100%;
	}
	
	.staffpic {
	width: 100%;
	max-width: 150px;
	}

/* for ie 8 */

@media \0screen {
  img { 
  	width: auto; 
  }
}

.center {
	max-width: 900px;
	height: 100%;
	margin: 0 auto;
	padding-left: 40px;
	padding-right: 40px;
	}

.logo {
	float: left;
	width: 220px;
	margin: 45px 25px 30px 0px;
	}
	
.ranking {
	float: right;
	width: 360px;
	margin: 25px 0px 30px 0px;
	text-align: right;
	}

.ranking4 {
	float: right;
	
	margin: 20px 0px 0px 0px;
	text-align: right;
	}
	
.ranking-pic {
	float: left;
	margin: 0px 15px 0px 0px;
	max-width: 130px;
	}

	.ranking-pic-ppp {
	float: left;
	margin: 10px 0px 0px 0px;
	max-width: 200px;
	}


.content {
	float: left;
	width: 100%;
	margin-top: 5px;
	}

.content-left {
	float: left;
	width: 63%;
	margin: 30px 0px 20px 0px;
	}

.contact01 {
	float: left;
	width: 40%;
	margin-top: 0px;
	}
	
.contact02 {
	float: left;
	width: 60%;
	margin-top: 0px;
	}


.content-right {
	float: right;
	width: 28%;
	margin: 30px 0px 40px 30px;
	padding: 0px 0px 0px 0px;
	}

.staff {
	float: left;
	width: 100%;
	height: auto;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	}

.staff2 {
	float: left;
	width: 100%;
	height: auto;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	}
	
.footer {
	float: left;
	width: 95%;
	margin: 30px 0px 50px 0px;
padding-top: 0px;
	}
	
.wide-gray {
	background-color: #eeeeee;
	float: left;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
	}


.wide-white {
	background-color: #ffffff;
	float: left;
	width: 100%;
	margin: 20px 0px 0px 0px;
	padding-top: 0px;
	}



/* STYLES */	

	
.headline {
	color: #901319;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 24px;
	line-height: 19px;
	}
	
.normal {
	color: #171717;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 15px;
	line-height: 21px;
	}

.normal a:link { color: #901319; text-decoration: none;}
.normal a:visited { color: #901319; text-decoration: none;}
.normal a:active { color: #901319; text-decoration: none;}
.normal a:hover { color: #901319; text-decoration: underline;}


.people {
	color: #171717;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 18px;
	}

.people a:link { color: #901319; text-decoration: none; }
.people a:visited { color: #901319; text-decoration: none;}
.people a:active { color: #901319; text-decoration: none;}
.people a:hover { color: #901319; text-decoration: underline;}
	
.footer-text {
	color: #363636;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 13px;
	line-height: 19px;
	}

.footer-text a:link { color: #901319; text-decoration: none; font-weight: bold;}
.footer-text a:visited { color: #901319; text-decoration: none;}
.footer-text a:active { color: #901319; text-decoration: none;}
.footer a:hover { color: #901319; text-decoration: underline;}


/* 1000 */
@media (max-width: 999px)
{

.ranking4 {
	float: left;
	width: 100%;
	margin: 0px 0px 30px 0px;
	text-align: left;
	}

}
	
/* UNDER 780 */
@media (max-width: 740px)
{

.ranking {
	float: left;
	width: 770px;
	margin: 0px 0px 30px 0px;
	text-align: left;
	}


.ranking-pic {
	float: left;
	margin: 0px 10px 0px 0px;
	}

.ranking-pic-ppp {
	float: left;
	width:250px;
	margin: 10px 10px 0px 0px;
	}


}







/* UNDER 759 */
@media (max-width: 759px)
{
.content-left {
	float: left;
	width: 100%;
	margin: 30px 0px 20px 0px;
	}
	
.content-right {
	float: right;
	width: 100%;
	margin: 10px 0px 90px 30px;
	padding: 0px 0px 0px 0px;
	}
	
.staff {
	float: left;
	width: 100%;
	min-width: 150px;
	margin: 0px 0px 0px 0px;
	padding: 10px 20px 20px 0px;
	}
	
.staff2 {
	float: left;
	width: 100%;
	min-width: 150px;
	max-width: 185px;
	margin: 0px 0px 0px 0px;
	padding: 10px 20px 20px 0px;
	height: 230px;
	}

.footer {
	
	width: 100%;
	}
	
.footer-text {
	font-size: 13px;
	line-height: 19px;
	}
}



/* UNDER 580 */
@media (max-width: 580px)
{
	
.center {

	padding-left: 30px;
	padding-right: 30px;
	}
	
	.footer-text {
	font-size: 13px;
	line-height: 19px;
	}
}



/* UNDER 480 */
@media (max-width: 480px)
{
.contact01 {
	float: left;
	width: 100%;
	margin-top: 0px;
	}
	
.ranking {
	float: left;
	width: 100%;
	margin: 0px 0px 30px 0px;
	text-align: left;
	}

.ranking4 {
	float: left;
	width: 100%;
	margin: 0px 0px 30px 0px;
	text-align: left;
	}
		
.ranking-pic {
	width:33%;
	max-width: 90px;
	float: left;
	margin: 0px 10px 0px 0px;
	}

.ranking-pic-ppp {
	float: left;
	width:150px;
	margin: 0px 10px 0px 0px;
	}

.ranking-pic-class {
	width:100%;
	}
	
.contact02 {
	float: left;
	width: 100%;
	margin-top: 10px;
	}
}