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

/* IPHONE 4 */
@media screen and (device-width: 320px) and (device-height: 480px) and (orientation:portrait){		/* PORTRAIT */				
	html, body {height: auto;}
	#wrap {min-height:600px;}
	#main {overflow:visible;padding-bottom: 0}
	
	/*DETAIL MODEL*/
	.model-photo {position: absolute; /*height:600px;*/height:900px; width:960px; margin: -100px 0 0 -50%; top: 350px; left: 50%;}
	p.media-p {overflow:hidden; display: block;  padding: 5px; width:600px; height:870px; /*height:570px;*/ text-align:center; margin-top: 5px;  margin-bottom: 5px;  margin-left: 45px; margin-right:5px;  float: left; }
	/*CONTACT*/
	.contact-content-body {position: absolute; height: 200px;width: 1000px; margin: -100px 0 0 -500px; top: 280px; left: 50%;}
	p.about {overflow:hidden; display: block;  padding: 5px; width:255px; height:350px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size: 14px; color:#666; line-height:24px; margin-top: 5px;  margin-bottom: 5px;  margin-left: 30px;  float: left;}	
	.contact-content-body2 {position: absolute; height: 200px;width: 1000px; margin: -100px 0 0 -500px; top: 550px; left: 50%;}
	p.about2 {overflow:hidden; display: block;  padding: 5px; width:450px; height:170px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size: 14px; color:#666; line-height:24px; margin-top: 5px;  margin-bottom: 5px;  margin-left: 30px;  float: left;}
	.contact-content-body3 {position: absolute; height: 110px;width: 1000px; margin: -100px 0 0 -500px; top: 700px; left: 50%; }
	p.about3 {overflow:hidden; display: block;  padding: 5px; width:950px; height:90px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size: 14px; color:#666; line-height:24px; margin-top: 5px;  margin-bottom: 5px;  margin-left: 30px;  float: left; }
	.contact-content-foot {position: absolute; height: 100px; width: 1000px; margin: -100px 0 0 -500px; /*top: 70%;*/top: 850px; left: 50%;}
	.contact-content-foot ul { list-style:none;}
	.contact-content-foot ul li { display: inline-block; margin: 10px;}
	.hcf {overflow:hidden; display: block;  padding: 5px; width:154px; height:70px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size: 12px; margin-top: 5px;  margin-bottom: 5px;  margin-left: 0px;  float: left; }										
	
	
	/*FOOTER*/
	#footer {position: relative; top: 260px; margin-top:0;height: 60px;clear:both;}
	#footer ul {float:none; position:relative; margin:10px auto 10px auto; display: block; width:98%;}
	
}
@media screen and (device-width: 320px) and (device-height: 480px) and (orientation:landscape){		/* LANDSCAPE */				
	html, body {height: auto;}
	#wrap {min-height:650px;}
	#main {overflow:visible;padding-bottom: 0}
	
	/*DETAIL MODEL*/
	#model-photo-button ul.media-button {position:absolute;bottom:25px;right:10px;width:auto;margin:0;top:145px; }
	.model-photo {position: absolute; /*height:600px;*/height:350px; width:960px; margin: -100px 0 0 -50%; top: 280px; left: 50%;}
	p.media-p {overflow:hidden; display: block;  padding: 5px; width:600px; height:330px; /*height:570px;*/ text-align:center; margin-top: 5px;  margin-bottom: 5px;  margin-left: 45px; margin-right:5px;  float: left;}
	.model-photo p.title-size {overflow:hidden; display: block;  padding: 5px; width:100px; height:100%; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size: 20px; color:#666; line-height:27px; margin-top: 150px;  margin-bottom: 5px;  margin-left: 75px;  float: left; }
	.model-photo p.body-size {overflow:hidden; display: block;  padding: 5px; width:100px; height:100%; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size: 18px; color:#666; line-height:27px; margin-top: 150px;  margin-bottom: 5px;  margin-left: 5px;  float: left; }
	
	/*CONTACT*/
	.contact-content-body {position: absolute; height: 200px;width: 1000px; margin: -100px 0 0 -500px; top: 280px; left: 50%;}
	p.about {overflow:hidden; display: block;  padding: 5px; width:255px; height:170px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size: 14px; color:#666; line-height:24px; margin-top: 5px;  margin-bottom: 5px;  margin-left: 30px;  float: left;}	
	.contact-content-body2 {position: absolute; height: 200px;width: 1000px; margin: -100px 0 0 -500px; top: 500px; left: 50%;}
	p.about2 {overflow:hidden; display: block;  padding: 5px; width:450px; height:350px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size: 14px; color:#666; line-height:24px; margin-top: 5px;  margin-bottom: 5px;  margin-left: 30px;  float: left;}
	.contact-content-body3 {position: absolute; height: 110px;width: 1000px; margin: -100px 0 0 -500px; top: 700px; left: 50%; }
	p.about3 {overflow:hidden; display: block;  padding: 5px; width:950px; height:90px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size: 14px; color:#666; line-height:24px; margin-top: 5px;  margin-bottom: 5px;  margin-left: 30px;  float: left; }
	
	.contact-content-foot {position: absolute; height: 100px; width: 1000px; margin: -100px 0 0 -500px; top: 850px; left: 50%;}
	.contact-content-foot ul { list-style:none;}
	.contact-content-foot ul li { display: inline-block; margin: 10px;}
	.hcf {overflow:hidden; display: block;  padding: 5px; width:154px; height:70px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size: 12px; margin-top: 5px;  margin-bottom: 5px;  margin-left: 0px;  float: left; }
	
	/*FOOTER*/
	#footer {position: relative; top: 260px; margin-top:0;height: 60px;clear:both;}
	#footer ul {float:none; position:relative; margin:10px auto 10px auto; display: block; width:98%;}
	
}

/* IPAD */
@media screen and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait){		/* PORTRAIT */				
	
	html, body {height: auto;}
	#wrap {min-height:600px;}
	#main {overflow:visible;padding-bottom: 0}
	/*DETAIL MODEL*/
	.model-photo {position: absolute; /*height:600px;*/height:900px; width:960px; margin: -100px 0 0 -50%; top: 350px; left: 50%;}
	p.media-p {overflow:hidden; display: block;  padding: 5px; width:600px; height:870px; /*height:570px;*/ text-align:center; margin-top: 5px;  margin-bottom: 5px;  margin-left: 45px; margin-right:5px;  float: left; }
	/*CONTACT*/
	.contact-content-body {position: absolute; height: 200px;width: 1000px; margin: -100px 0 0 -500px; top: 300px; left: 50%;}
	p.about {overflow:hidden; display: block;  padding: 5px; width:263px; height:250px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size: 16px; color:#666; line-height:24px; margin-top: 5px;  margin-bottom: 5px;  margin-left: 30px;  float: left;}
	.contact-content-body2 {position: absolute; height: 200px;width: 1000px; margin: -100px 0 0 -500px; top: 600px; left: 50%;}
	p.about2 {overflow:hidden; display: block;  padding: 5px; width:450px; height:170px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size: 16px; color:#666; line-height:24px; margin-top: 5px;  margin-bottom: 5px;  margin-left: 30px;  float: left; }
	.contact-content-body3 {position: absolute; height: 110px;width: 1000px; margin: -100px 0 0 -500px; top: 800px; left: 50%; }
	p.about3 {overflow:hidden; display: block;  padding: 5px; width:950px; height:90px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size: 16px; color:#666; line-height:24px; margin-top: 5px;  margin-bottom: 5px;  margin-left: 30px;  float: left; }
	
	.contact-content-foot {position: absolute; height: 100px; width: 960px; margin: -100px 0 0 -500px; /*top: 70%;*/top: 1100px; left: 50%;}
	.contact-content-foot ul { list-style:none;}
	.contact-content-foot ul li { display: inline-block; margin: 10px;}
	.hcf {overflow:hidden; display: block;  padding: 5px; width:154px; height:70px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size: 12px; margin-top: 5px;  margin-bottom: 5px;  margin-left: 0px;  float: left; }										
	
	
	/*FOOTER*/
	#footer {position: relative; top: 500px; margin-top:0;height: 60px;clear:both;}
	#footer ul {float:none; position:relative; margin:10px auto 10px auto; display: block; width:98%;}
	
}
@media screen and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape){		/* LANDSCAPE */				
	html, body {height: auto;}
	#wrap {min-height:500px;}
	#main {overflow:visible;padding-bottom: 0}
	
	/*DETAIL MODEL*/
	#model-photo-button ul.media-button {position:absolute;bottom:25px;right:10px;width:auto;margin:0;top:145px; }
	.model-photo {position: absolute; /*height:600px;*/height:350px; width:960px; margin: -100px 0 0 -50%; top: 280px; left: 50%;}
	p.media-p {overflow:hidden; display: block;  padding: 5px; width:600px; height:330px; /*height:570px;*/ text-align:center; margin-top: 5px;  margin-bottom: 5px;  margin-left: 45px; margin-right:5px;  float: left;}
	/*.model-photo p.title-size {overflow:hidden; display: block;  padding: 5px; width:100px; height:100%; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size: 20px; color:#666; line-height:27px; margin-top: 150px;  margin-bottom: 5px;  margin-left: 75px;  float: left; }
	.model-photo p.body-size {overflow:hidden; display: block;  padding: 5px; width:100px; height:100%; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size: 18px; color:#666; line-height:27px; margin-top: 150px;  margin-bottom: 5px;  margin-left: 5px;  float: left; }*/
	/*CONTACT*/
	.contact-content-body {position: absolute; height: 200px;width: 1000px; margin: -100px 0 0 -500px; top: 280px; left: 50%;}
	p.about {overflow:hidden; display: block;  padding: 5px; width:263px; height:250px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size: 16px; color:#666; line-height:24px; margin-top: 5px;  margin-bottom: 5px;  margin-left: 30px;  float: left;}	
	.contact-content-body2 {position: absolute; height: 200px;width: 1000px; margin: -100px 0 0 -500px; top: 550px; left: 50%;}
	p.about2 {overflow:hidden; display: block;  padding: 5px; width:450px; height:170px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size: 16px; color:#666; line-height:24px; margin-top: 5px;  margin-bottom: 5px;  margin-left: 30px;  float: left; }
	.contact-content-body3 {position: absolute; height: 110px;width: 1000px; margin: -100px 0 0 -500px; top: 700px; left: 50%; }
	p.about3 {overflow:hidden; display: block;  padding: 5px; width:950px; height:90px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size: 16px; color:#666; line-height:24px; margin-top: 5px;  margin-bottom: 5px;  margin-left: 30px;  float: left; }
	.contact-content-foot {position: absolute; height: 100px; width: 960px; margin: -100px 0 0 -500px; /*top: 70%;*/top: 850px; left: 50%;}
	.contact-content-foot ul { list-style:none;}
	.contact-content-foot ul li { display: inline-block; margin: 10px;}
	.hcf {overflow:hidden; display: block;  padding: 5px; width:154px; height:70px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size: 12px; margin-top: 5px;  margin-bottom: 5px;  margin-left: 0px;  float: left; }
	
	/*FOOTER*/
	#footer {position: relative; top: 330px; margin-top:0;height: 60px;clear:both;}
	#footer ul {float:none; position:relative; margin:10px auto 10px auto; display: block; width:98%;}
	
}

/* IPHONE 5 */
@media screen and (device-width: 320px)and (device-height: 568px) and (orientation:portrait){			/* PORTRAIT */	
	html, body {height: auto;}
	#wrap {min-height:1000px;}
	#main {overflow:visible;padding-bottom: 0}
	
	/*DETAIL MODEL*/
	.model-photo {position: absolute; /*height:600px;*/height:900px; width:960px; margin: -100px 0 0 -50%; top: 350px; left: 50%;}
	p.media-p {overflow:hidden; display: block;  padding: 5px; width:600px; height:870px; /*height:570px;*/ text-align:center; margin-top: 5px;  margin-bottom: 5px;  margin-left: 45px; margin-right:5px;  float: left; }
	/*CONTACT*/
	.contact-content-body {position: absolute; height: 400px;width: 1000px; margin: -100px 0 0 -480px; top: 280px; left: 50%;}
	p.about {overflow:hidden; display: block;  padding: 5px; width:263px; height:370px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size: 18px; color:#666; line-height:14px; margin-top: 5px;  margin-bottom: 5px;  margin-left: 30px;  float: left;}
	.contact-content-body2 {position: absolute; height: 200px;width: 1000px; margin: -100px 0 0 -500px; top: 550px; left: 50%;}
	p.about2 {overflow:hidden; display: block;  padding: 5px; width:450px; height:170px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size: 18px; color:#666; line-height:14px; margin-top: 5px;  margin-bottom: 5px;  margin-left: 30px;  float: left;}
	.contact-content-body3 {position: absolute; height: 110px;width: 1000px; margin: -100px 0 0 -500px; top: 700px; left: 50%; }
	p.about3 {overflow:hidden; display: block;  padding: 5px; width:950px; height:90px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size: 18px; color:#666; line-height:14px; margin-top: 5px;  margin-bottom: 5px;  margin-left: 30px;  float: left; }
	.contact-content-foot {position: absolute; height: 100px; width: 1000px; margin: -100px 0 0 -480px; /*top: 70%;*/top: 850px; left: 50%;}
	.contact-content-foot ul { list-style:none;}
	.contact-content-foot ul li { display: inline-block; margin: 10px;}
	.hcf {overflow:hidden; display: block;  padding: 5px; width:154px; height:70px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size: 12px; margin-top: 5px;  margin-bottom: 5px;  margin-left: 0px;  float: left; }										
	
	
	/*FOOTER*/
	#footer {position: relative; top: 260px; margin-top:0;height: 60px;clear:both;}
	#footer ul {float:none; position:relative; margin:10px auto 10px auto; display: block; width:98%;}
	
}
@media screen and (device-width: 320px) and (device-height: 568px) and(orientation:landscape){ 
/*@media screen and (min-width: 560px) and (max-device-width: 1136px) and (orientation:landscape){	 LANDSCAPE */	
	html, body {height: auto;}
	#wrap {min-height:500px;}
	#main {overflow:visible;padding-bottom: 0}
	
	/*DETAIL MODEL*/
	#model-photo-button ul.media-button {position:absolute;bottom:25px;right:10px;width:auto;margin:0;top:145px; }
	.model-photo {position: absolute; /*height:600px;*/height:350px; width:960px; margin: -100px 0 0 -50%;/*-450px*/ top: 280px; left: 50%;}
	p.media-p {overflow:hidden; display: block;  padding: 5px; width:600px; height:330px; /*height:570px;*/ text-align:center; margin-top: 5px;  margin-bottom: 5px;  margin-left: 45px; margin-right:5px;  float: left;}
	/*.model-photo p.title-size {overflow:hidden; display: block;  padding: 5px; width:100px; height:100%; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size: 20px; color:#666; line-height:27px; margin-top: 150px;  margin-bottom: 5px;  margin-left: 75px;  float: left; }
	.model-photo p.body-size {overflow:hidden; display: block;  padding: 5px; width:100px; height:100%; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size: 18px; color:#666; line-height:27px; margin-top: 150px;  margin-bottom: 5px;  margin-left: 5px;  float: left; }*/
	/*CONTACT*/
	.contact-content-body {position: absolute; height: 350px;width: 960px; margin: -100px 0 0 -480px; top: 280px; left: 50%;}
	p.about {overflow:hidden; display: block;  padding: 5px; width:300px; height:310px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size: 20px; color:#666; line-height:14px; margin-top: 5px;  margin-bottom: 5px;  margin-left: 30px;  float: left;}
	.contact-content-body2 {position: absolute; height: 200px;width: 960px; margin: -100px 0 0 -500px; top: 500px; left: 50%;}
	p.about2 {overflow:hidden; display: block;  padding: 5px; width:400px; height:170px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size: 20px; color:#666; line-height:14px; margin-top: 5px;  margin-bottom: 5px;  margin-left: 30px;  float: left;}
	.contact-content-body3 {position: absolute; height: 110px;width: 1000px; margin: -100px 0 0 -500px; top: 700px; left: 50%; }
	p.about3 {overflow:hidden; display: block;  padding: 5px; width:950px; height:90px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size: 14px; color:#666; line-height:14px; margin-top: 5px;  margin-bottom: 5px;  margin-left: 30px;  float: left; }
	.contact-content-foot {position: absolute; height: 100px; width: 960px; margin: -100px 0 0 -500px; /*top: 70%;*/top: 850px; left: 50%;}
	.contact-content-foot ul { list-style:none;}
	.contact-content-foot ul li { display: inline-block; margin: 10px;}
	.hcf {overflow:hidden; display: block;  padding: 5px; width:154px; height:70px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size: 12px; margin-top: 5px;  margin-bottom: 5px;  margin-left: 0px;  float: left; }
	
	/*FOOTER*/
	#footer {position: relative; top: 560px; margin-top:0;height: 60px;clear:both;}
	#footer ul {float:none; position:relative; margin:10px auto 10px auto; display: block; width:98%;}
	
}