/* normal */

@font-face {
    font-family: 'FuturaStdLight';
    src: url('../fonts/futurastd-light.eot');
    src: url('../fonts/futurastd-light.eot') format('embedded-opentype'),
         url('../fonts/futurastd-light.woff') format('woff'),
         url('../fonts/futurastd-light.ttf') format('truetype'),
         url('../fonts/futurastd-light.svg#FuturaStdLight') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'FuturaStdBook';
    src: url('../fonts/futurastd-book.eot');
    src: url('../fonts/futurastd-book.eot') format('embedded-opentype'),
         url('../fonts/futurastd-book.woff') format('woff'),
         url('../fonts/futurastd-book.ttf') format('truetype'),
         url('../fonts/futurastd-book.svg#FuturaStdBook') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'FuturaStdBold';
    src: url('../fonts/futurastd-bold.eot');
    src: url('../fonts/futurastd-bold.eot') format('embedded-opentype'),
         url('../fonts/futurastd-bold.woff') format('woff'),
         url('../fonts/futurastd-bold.ttf') format('truetype'),
         url('../fonts/futurastd-bold.svg#FuturaStdBold') format('svg');
	font-weight: normal;
	font-style: normal;
}


* { margin: 0px; padding: 0px; }
html, body { font-family: Verdana,Geneva,sans-serif; font-size: 34px; color: #000; }
html { background: url('../images/bg.jpg') no-repeat top center; }
input, select, textarea { font-family: Verdana,Geneva,sans-serif; color: #000; }
/*body { background: #fff; }*/
img { border: 0px; display: block; }
a, input { outline: none; }
.clear { clear: both; height: 0px; overflow: hidden; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #e01f27; font-family: 'FuturaStdBook',Verdana,Geneva,sans-serif; }

p { line-height: 46px; }

h1 { font-size: 24px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }

ul, ol { padding-left: 20px; }
li { line-height: 46px; color: #36372f; }
li a { color: #36372f; text-decoration: none; }
li a:hover { text-decoration: underline; }

/* template  */
#template { margin: 0 auto; position: relative; display: block; max-width: 960px; min-height: 100%; }

/* layout */
#layout { margin: 0 auto; width: 100%; position: relative; }

	/* header */
	#header-part { width: 100%; overflow: hidden; z-index: 99999; position: fixed; left: 0px; top: 0px; }
	
		/* nav bar */
		.nav-bar { max-width: 960px; margin: 0 auto; }
		.nav-bar ul { padding: 0px; list-style: none; }
		.nav-bar li { width: 25%; float: left; }
		.nav-bar li a { padding: 0 10px 65px 10px; height: 126px; display: block; position: relative; background: #efb81a; } 
		.nav-bar li a span { padding: 15px 0 10px 0; width: 100%; position: absolute; left: 0px; bottom: 0px; font-size:22px; line-height: 22px; color: #fff; display: block; text-align: center; font-family: 'FuturaStdBook',Verdana,Geneva,sans-serif; font-weight: bold; text-transform: uppercase; }
		.nav-bar li img { padding-top: 27px; max-width: 100%; margin: 0px auto 0px auto; }
/*
		.nav-bar li:first-child a { padding-top: 0px; }
		.nav-bar li:first-child a img { padding: 0px 0 0 0; }
*/
		.nav-bar li.bg a { background: #cb2717; }		
	
	/* content */
	#content-part { padding: 191px 0 90px 0px; overflow: hidden; width: 100%; background: url('../images/bgContent.png'); }
		
		/* center */
		#center-part { float: left; width: 100%; }
		
			/* text bar */
			.text-bar { padding: 4.8% 5.7% 3.3% 5.7%; width: auto; overflow: hidden; }
			.text-bar h1 { padding-bottom: 3%; font-size: 42px; color: #cb2717; line-height: 64px; }
			.text-bar p { margin: 0 0 30px 0; }
			
			/* slider bar */
			.slider-bar { width: auto; position: relative; overflow: hidden; background: #d9d9d9; }
			.slider-bar ul { padding: 0px; list-style: none; }
			.slider-bar li img { width: 100%; }
			.slider-bar .flex-direction-nav { z-index: 9999; position: absolute; top: 39%; width: 100%; }
			.slider-bar .flex-prev { width: 62px; height: 92px; display: block; text-indent: -9999px; position: absolute; left: 0px; background: url(../images/pre.png) no-repeat; }
			.slider-bar .flex-next { width: 62px; height: 92px; display: block; text-indent: -9999px; position: absolute; right: 0px; background: url(../images/nxt.png) no-repeat; }

			/* list bar */
			.list-bar { padding: 4% 5.7% 3.3% 5.7%; width: auto; overflow: hidden; }
			.list-bar ul { padding: 0 0 0 1%; list-style: none; }
			.list-bar li { padding: 0 0 0 2%; width: 98%; overflow: hidden; float: left; background: url(../images/bullet.png) left 19px no-repeat; }
			
			input.contact { width: 840px; padding:5px; text-indent:10px; margin:10px 0; font-size:18px; line-height:18px; border:1px solid #000; -moz-border-radius: 10px; border-radius: 10px; }
			textarea.contact { width: 840px; padding:5px; text-indent:10px; margin:10px 0; font-size:18px; line-height:18px; border:1px solid #000; -moz-border-radius: 10px; border-radius: 10px; }
			input[type='submit'] { width: 850px; margin:10px 0; font-size:18px; padding:10px; line-height:18px; font-weight:bold; border:1px solid #000; color:#fff !important; background:#cb2717; border:1px solid #000; -moz-border-radius: 10px; border-radius: 10px; }
			img.captcha { width:850px; }
			#googleMaps { width:850px; height:425px; margin:20px 0 10px 0; }	
			
			.info a { text-decoration:none; color:#000; font-weight:bold; font-size:34px;  }
			.info { font-size: 24px; }
	
	/* footer part */
	#footer-part { overflow: hidden; width: 100%; z-index: 9999; position: relative; left: 0px; bottom: 0px; }

		/* footer bar */
		.footer-bar { padding: 2% 0 1% 0; max-width: 960px; overflow: hidden; margin: 0 auto; background: #cb2717; }
		.footer-bar a.visit { padding: 0 85px 0 5.8%; font-size: 40px; text-transform: uppercase; line-height: 46px; font-family: 'FuturaStdBook'Verdana,Geneva,sans-serif; color: #fff; text-decoration: none; float: left; background: url(../images/visit.png) right center no-repeat; }
		.footer-bar a.logo { padding-right: 6%; float: right; }
		.footer-bar a.visit:hover { color: #fff; }

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {

	html, body { font-size: 16px; }
	.nav-bar li img { padding: 10px 0 0 0; }
	.nav-bar li a span { padding: 5px 0; line-height: 25px; }
	.nav-bar li a { height: 129px; padding-bottom: 36px; }
	.text-bar h1 { padding-bottom: 5px; font-size: 40px; line-height: 40px; }
	.text-bar p { margin: 0 0 10px 0; }
	li, p { line-height: 20px; }
	.list-bar li { width: 94%; padding-left: 4%; background-position: left 10px; }
	.text-bar { padding: 3%; }
	.footer-bar a.visit { padding-right: 70px; font-size: 30px; background-size: contain; }
	.text-bar h1 { padding-bottom: 0px; font-size: 20px; line-height: 30px; }
	.slider-bar .flex-prev { width: 30px; height: 60px; background-size: contain; }
	.slider-bar .flex-next { width: 30px; height: 60px; background-size: contain; }
	#content-part { padding: 165px 0 30px; }
	
	input.contact { width: 440px; padding:5px; text-indent:10px; margin:10px 0; font-size:18px; line-height:18px; }
	textarea.contact { width: 440px; padding:5px; text-indent:10px; margin:10px 0; font-size:18px; line-height:18px; }
	input[type='submit'] { width: 450px; margin:10px 0; font-size:18px; padding:10px; line-height:18px; font-weight:bold; border:1px solid #000; color:#fff !important; background:#cb2717; }
	img.captcha { width:450px; }
	#googleMaps { width:450px; height:450px; margin:20px 0 10px 0; }

	.info a { text-decoration:none; color:#000; font-weight:bold; font-size:16px;  }
	.info { font-size: 12px; }

	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
	
	html, body { font-size: 14px; }
	.nav-bar li img { padding: 10px 0 0 0; }
	.nav-bar li a span { padding: 5px 0; font-size:10px; line-height:25px;  }
	.nav-bar li a span.last { line-height:12px !important;  }
	.nav-bar li a { padding-bottom: 5px; height: 90px; }
	.text-bar h1 { font-size: 22px; line-height: 22px; margin-bottom:10px; }
	li, p { line-height: 18px; }
	.list-bar li { width: 94%; padding-left: 4%; background-position: left 5px; }
	.footer-bar a.visit { padding-right: 60px; font-size: 16px; background-size: contain; }
	#content-part { padding: 95px 0 20px; }
	
	input.contact { width: 290px; padding:5px; text-indent:10px; margin:10px 0; font-size:18px; line-height:18px; }
	textarea.contact { width: 290px; padding:5px; text-indent:10px; margin:10px 0; font-size:18px; line-height:18px; }
	input[type='submit'] { width: 300px; margin:10px 0; font-size:18px; line-height:18px; font-weight:bold; border:1px solid #000; color:#fff !important; background:#cb2717; }
	img.captcha { width:300px; }
	#googleMaps { width:300px; height:300px; margin:20px 0 10px 0; }
	
	.info a { text-decoration:none; color:#000; font-weight:bold; font-size:14px;  }
	.info { font-size: 11px; }	
	
	}