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

/*Header Start*/
#header{float:left; width:100%; height:93px;}
#headerRedbg{ float:left; width:752px; height:93px; background:url(../images/bg-top-red.png); background-repeat:repeat-x; /*border:1px solid;*/}
#headerRedbg2{ float:left; width:752px; height:93px; background:url(../images/bg-top-red.png); background-repeat:repeat-x; /*border:1px solid;*/}

#headerRedbg img{ width:220px; height:auto; margin:10px 0px 0px 10px; float:left;}
#headerRedbg2 img{ width:165px; height:auto; margin:10px 0px 0px 15px; float:left;}
#headerRight{float:right; width:221px; height:93px; background:url(../images/bg-top-white.png); background-repeat:repeat-x;}
#headerRight img{ width:190px; margin:12px 0px 0px 0px;}
/*Header Complete*/

/*Footer Start*/
#footer{ width:100%; height:60px; background:#4c4b4b; float:left; padding-top:10px; text-align:center;}
#prevImg{ margin-left:80px; cursor:pointer; float:left;}
.footerImg{ margin-left:148px; cursor:pointer; float:left;}
/*Footer Complete*/

	@media only screen and (max-width:800px){
		#headerRedbg{ width:528px;}
		#headerRedbg2{ width:528px;}
		.footerImg{ margin-left:90px;}
	}
	@media only screen and (max-width:768px){
		#headerRedbg{ width:496px;}
		#headerRedbg2{ width:496px;}
		.footerImg{ margin-left:90px;}
	}
	@media only screen and (max-width:600px){
		#headerRedbg{ width:328px;}
		#headerRedbg2{ width:328px;}
		#prevImg{ margin-left:40px;}
		.footerImg{ margin-left:65px;}
		#footer{ bottom:0px;}
	}

	@media only screen and (min-device-width : 600px) and (max-device-width : 1024px) and (max-device-height:600px) and (orientation : landscape) {
		.content{ width:94%; height:313px;}
	}