@charset "utf-8";
/* CSS Document */
/* Das recommended screen sizes */






/*For browser/screen widths from 760px to 959px*/
@media (min-width:760px) and (max-width: 959px) {
.760 {
}	
#header {
	max-width: 959px;
}

}






/*For browser/screen widths from 600px to 759px*/
@media (min-width:600px) and (max-width: 759px) {
#box003 {
	float: left;
	text-align: justify;
	max-width: 480px;
	padding-left: 30px;
	padding-bottom: 20px;
	padding-right: 10px;
}
#box004 {
	text-align: justify;
	max-width: 460px;
	height: auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 20px;
	padding-bottom: 10px;
	clear: left;
}

#box005 {
	text-align: justify;
	max-width: 550px;
	float: right;
	padding-top: 10px;
	height: auto;
	padding-right: 5px;
	padding-left: 10px;
	clear: right;
}
.600 {
}
#box004 {
	text-align: justify;
	max-width: 460px;
	height: auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 20px;
	padding-bottom: 10px;
	clear: left;
}

#box005 {
	text-align: justify;
	max-width: 550px;
	float: left;
	padding-top: 10px;
	height: auto;
	padding-right: 5px;
	padding-left: 10px;
}
#box011 {
	padding-right: 10px;
	padding-left: 10px;
	height: 140px;
	max-width: 1000px;
	background-color: #FBF6DF;
	float: left;
	clear: both;
	text-align: center;
}

#header {
	max-width: 759px;
}

}





/*For browser/screen widths from 480px to 599px*/
@media (min-width:480px) and (max-width: 599px) {
.480 {
}
#box004 {
	text-align: justify;
	max-width: 460px;
	height: auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 20px;
	padding-bottom: 10px;
	clear: left;
}

#box005 {
	text-align: justify;
	max-width: 550px;
	float: left;
	padding-top: 10px;
	height: auto;
	padding-right: 5px;
	padding-left: 10px;
}
#box011 {
	padding-right: 10px;
	padding-left: 10px;
	height: 180px;
	background-color: #FBF6DF;
	float: left;
	clear: both;
	text-align: center;
}

#header {
	max-width: 599px;
}

}





/*For browser/screen widths from 320px to 479px*/
@media (max-width: 479px) {
.320 {
}
.hrshort {
	width: 100%;
	float: left;
	background-color: #CCCCCC;
	height: 1px;
}

#header {
	max-width: 479px;
}
#box004 {
	text-align: justify;
	max-width: 460px;
	height: auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 20px;
	padding-bottom: 10px;
	clear: left;
}

#box005 {
	text-align: justify;
	max-width: 550px;
	float: left;
	padding-top: 10px;
	height: auto;
	padding-right: 5px;
	padding-left: 10px;
}

#box007 {
	height: 50px;
	float: none;
	max-width: auto;
	text-align: center;
	clear: both;
	vertical-align: middle;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-right: 5px;
	padding-left: 5px;
	background-color: #212143;
}
#box011 {
	padding-right: 10px;
	padding-left: 10px;
	height: 180px;
	background-color: #FBF6DF;
	float: left;
	clear: both;
	text-align: center;
}
#box205 {
	background-image: url(../images/bullet.png);
	background-repeat: no-repeat;
	background-position: 50px 15px;
	padding-left: 70px;
	padding-top: 5px;
	padding-right: 80px;
	max-width: 600px;
	text-align: justify;
	clear: left;
	padding-bottom: 10px;
}
#box206 {
	background-image: url(../images/bullet002.png);
	background-repeat: no-repeat;
	background-position: 20px 15px;
	padding-left: 50px;
	padding-top: 5px;
	padding-right: 0px;
	max-width: 300px;
	text-align: justify;
	clear: left;
	padding-bottom: 10px;
}
#box501 {
	text-align: center;
	float: left;
	height: auto;
	padding-top: 40px;
	padding-bottom: 20px;
	width: 75%;
        }
#box502 {
	width: auto;
	float: left;
	height: auto;
	margin-top: 40px;
	margin-bottom: 40px;
	padding-right: 40px;
	padding-left: 40px;
	text-align: center;
}

}