html {margin: 0px;padding: 0px;background: url('../img/bgm.jpg') repeat;height: 100%;}
body {
	margin: 0px;padding: 0px;font-family: Arial, Verdana, Tahoma;font-size: 12px;color: #313131;min-height: 100%;
	background: url('../img/bg.jpg') no-repeat top center;
}
#h	{ padding-top: 8px; }
#c, #h, #f > div	{ position: relative; width: 960px; margin: 0px auto; line-height: 24px; }
#f	{ width: 100%; background: #363636; }
#f > div	{ color: #a5a5a5; height: 40px; padding: 10px 0px; }
#f p	{ width: 315px; }
#f p a	{ color: #a5a5a5; text-decoration: none; }
#f p a.fn	{ display: inline-block; padding: 0px 10px; }
#f p a:hover	{ color: #ffffff; }
#logo	{ padding: 15px; margin: 10px 0px 5px 10px; }
ul#nav	{ list-style-type: none; margin: 27px 0px 0px 40px; padding: 0px; width: 660px; text-align: right; }
#nav a	{
	display: block;padding: 10px 25px;color: #6c7175;font-size: 20px;text-decoration: none;text-transform: uppercase;
}
#nav a:hover { background: url('../img/nav_hover.png') no-repeat 7px 50%; color: #ca2a17; }
#fad	{ width: 575px; height: 325px; overflow: hidden; }
.inline, #nav, #nav li, #f p	{ display: inline-block; vertical-align: top; }
a > img { border: 0px; }

#lightbox-container-image img{
max-width: 385px;
}

@media (max-width: 540px) {
	#h ul#nav li{clear:both;overflow: hidden;float: none;width: 100%;text-align: center;display: block;}
}

@media (max-width: 560px) {

	body{background: none;}
  	#h{width: 100%;}
	#h #logo{cleaR:both;overflow: hidden;height: 220px;height: 60px;text-align: center;margin: 10px auto;float: none;display: block;}
  	#h ul#nav{width: 100%;margin: 10px auto;}
  	#fad{width: 96% !important;}
  	#fad img{width: 100% !important;height: auto !important;padding: 0 !important;}
  	a.company{display: none;}  	
  	#f > div{height: auto;padding: 10px;}
  	#f > div > p{clear:both;overflow: hidden;float: none;display: block;text-align: left !important;}  	
  	#c, #h, #f > div{width: 100%;}
  	#c{height: auto !important;}
  	.one_third{display: block !important;cleaR:both;overflow: hidden;width: 100% !important;float: none;}
  	.startbg{background: none !important;}
  	.start-contact{color:#000 !important;}  	
  	#map{width: 96% !important;margin: 10px auto !important;display: block !important;}
  	#gal img{margin: 15px !important;}
  	
}

@media (min-width: 561px) and (max-width: 753px) {
	#c, #h, #f > div{width: 100%;}
	#c{height: auto !important;}
	#f > div{height: auto;padding: 10px;}
	
	#h #logo{cleaR:both;overflow: hidden;height: 220px;height: 60px;text-align: center;margin: 10px auto;float: none;display: block;}
  	#h ul#nav{width: 100%;margin: 10px auto;}
}

@media (min-width: 753px) and (max-width: 960px) {
	
	#c, #h, #f > div{width: 100%;}
	#h ul#nav{width: 61% !important;margin: 27px 0 0 5px !important;float: right;}
	#h ul#nav a{padding: 10px 10px 10px 20px; !important;}
	
	#f > div{height: auto;padding: 10px;overflow: hidden;}
	#f > div p:last-child{floaT: right;}
	#c{height: auto !important;}
	
	.startbg{background: none !important;}
  	.start-contact{color:#000 !important;}
  	.one_third{display: block !important;cleaR:both;overflow: hidden;width: 100% !important;float: none;}
	
}