@charset "utf-8";
#navigation{
	height:auto;
	width:100%;
	min-width:1208px;	
	background-color:#343434;
}
#navigation > .container{
	width:1208px;
	height:89px;	
	margin:auto;
	position:relative;
	overflow:hidden;
}
#navigation > .container.overflow{
	overflow:visible;	
}
#navigation > .container .explore{
	height:89px;
	line-height:89px;
	float:left;
	color:white;
	font-size:30px;
	padding-left:20px;
}
#navigation > .container .nav_frame{
	float:right;	
}
#navigation > .container .sq{
	height:89px;
	width:89px;
	float:left;
	margin-right:5px;
}
#navigation > .container .sq.home{
	background:#7f8080 url(/images/navigation_icons_267.png) no-repeat 0px 0px;
}
#navigation > .container .sq.home:hover{
	background-color:#f7901e;	
	-webkit-transform:scale(1.1);
    -moz-transform:scale(1.1); 
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
	z-index:1; 
}
#navigation > .container .wrap{
	height:180px;
	width:89px;
	float:left;
	margin-right:5px;
	text-decoration:none;
	position:relative;
}
#navigation > .container .wrap.no_margin{
	margin-right:0px;	
}
#navigation > .container .wrap .label{
	height:89px;
	width:89px;
	line-height:89px;
	font-size:16px;
	color:white;
	text-align:center;
}
#navigation > .container .wrap.sample .label .upper{
	font-size:26px;
	line-height:22px;
	margin-top:24px;
	display:block;
	font-family:gandhibold;
}
#navigation > .container .wrap.sample .label .lower{
	font-size:24px;
	line-height:24px;
	display:block;
}
#navigation > .container .wrap.about .label{
	height:89px;
	width:89px;
	line-height:89px;
	font-size:26px;
}
#navigation > .container .wrap.why .label .upper{
	font-size:22px;
	line-height:22px;
	margin-top:24px;
	display:block;
}
#navigation > .container .wrap.why .label .lower{
	font-size:26px;
	line-height:26px;
	margin-left:0px;
	display:block;
}
#navigation > .container .wrap.advantage .label .upper{
	font-size:30px;
	line-height:22px;
	margin-top:24px;
	display:block;
	font-family:gandhibold;
}
#navigation > .container .wrap.advantage .label .lower{
	font-size:18px;
	display:block;
	line-height:24px;
	text-align:center;
}
#navigation > .container .wrap.locations .label{
	height:89px;
	line-height:89px;
	font-size:18px;
}
#navigation > .container .wrap.gallery .label{
	height:89px;
	line-height:89px;
	font-size:22px;
}
#navigation > .container .wrap.news .label{
	height:89px;
	line-height:89px;
	font-size:24px;
}
#navigation > .container .wrap.contact .label{
	height:89px;
	line-height:89px;
	font-size:22px;
}
#navigation > .container .wrap .icon{
	height:89px;
	width:89px;
	background:#f7ac59 url(/images/navigation_icons_267.png) no-repeat 0px 0px;
}
#navigation > .container .wrap.why .icon{
	background-position:-178px 0px;	
}
#navigation > .container .wrap.sample .icon{
	background-position:-89px 0px;	
}
#navigation > .container .wrap.about .icon{
	background-position:0px -89px;	
}
#navigation > .container .wrap.advantage .icon{
	background-position:-89px -89px;	
}
#navigation > .container .wrap.locations .icon{
	background-position:-178px -89px;	
}
#navigation > .container .wrap.news .icon{
	background-position:-89px -178px;	
}
#navigation > .container .wrap.gallery .icon{
	background-position:0px -178px;	
}
#navigation > .container .wrap.contact .icon{
	background-position:-178px -178px;	
}
#navigation > .container .wrap .pointer{
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #ffffff transparent transparent transparent;
	line-height: 0px;
	_border-color: #ffffff #000000 #000000 #000000;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');	
}
#navigation > .container .wrap:hover .icon{
	background-color:#f7901e;	
}
#navigation > .container .wrap:hover .label{
	color:#ff9000;	
}
#navigation > .container .tooltip{
	height:30px;
	line-height:30px;
	min-width:80px;
	position:absolute;
	top:0px;
	left:0px;
	background:#111111;
	color:white;
	text-align:center;
	padding:0px 10px;
	display:none;	
}
#navigation > .container .tooltip .pointer{
	position:absolute;
	bottom:-10px;
	left:50%;
	margin-left:-10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #111111 transparent transparent transparent;
	line-height: 0px;
	_border-color: #111111 #000000 #000000 #000000;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
#navigation > .container .wrap.disabled .icon{
	background-image:none;	
	cursor:default;
}
#navigation > .container .wrap.disabled .pointer{
	display:none;
}
@media only screen and (max-width: 599px) {
	#navigation{
		min-width:320px;	
	}
	#navigation > .container{
		width:320px;
		height:133px;
	}
	#navigation > .container .nav_frame{
		float:none;
		margin:auto;	
		width:269px;
	}
	#navigation > .container .explore{
		width:138px;
		font-size:20px;	
		height:65px;
		line-height:65px;
		display:none;
	}
	#navigation > .container .sq{
		display:none;
	}
	#navigation > .container .wrap{
		height:65px;
		width:65px;
		margin-right:3px;
		margin-bottom:3px;
	}
	#navigation > .container .wrap:nth-child(5){
		margin-right:0px;	
	}
	#navigation > .container .wrap .label{
		height:65px;
		width:65px;
		line-height:65px;
		font-size:14px;
		display:none;
	}
	#navigation > .container .wrap.sample .label .upper{
		font-size:20px;
		line-height:20px;
		margin-top:14px;
		display:block;
		font-family:gandhibold;
	}
	#navigation > .container .wrap.sample .label .lower{
		font-size:20px;
		line-height:20px;
		display:block;
	}
	#navigation > .container .wrap.about .label{
		height:65px;
		width:65px;
		line-height:65px;
		font-size:20px;
	}
	#navigation > .container .wrap.why .label .upper{
		font-size:18px;
		line-height:18px;
		margin-top:16px;
	}
	#navigation > .container .wrap.why .label .lower{
		font-size:20px;
		line-height:20px;
		margin-left:0px;
	}
	#navigation > .container .wrap.advantage .label .upper{
		font-size:18px;
		line-height:18px;
		margin-top:16px;
	}
	#navigation > .container .wrap.advantage .label .lower{
		font-size:14px;
		line-height:20px;
		text-align:center;
	}
	#navigation > .container .wrap.locations .label{
		height:65px;
		line-height:65px;
		font-size:15px;
	}
	#navigation > .container .wrap.gallery .label{
		height:65px;
		line-height:65px;
		font-size:18px;
	}
	#navigation > .container .wrap.news .label{
		height:65px;
		line-height:65px;
		font-size:18px;
	}
	#navigation > .container .wrap.contact .label{
		height:65px;
		line-height:65px;
		font-size:18px;
	}
	#navigation > .container .wrap .icon{
		height:65px;
		width:65px;
		background:#f7ac59 url(/images/navigation_icons_195.png) no-repeat 0px 0px;
	}
	#navigation > .container .wrap.why .icon{
		background-position:-130px 0px;	
	}
	#navigation > .container .wrap.sample .icon{
		background-position:-65px 0px;	
	}
	#navigation > .container .wrap.about .icon{
		background-position:0px -65px;	
	}
	#navigation > .container .wrap.advantage .icon{
		background-position:-65px -65px;	
	}
	#navigation > .container .wrap.locations .icon{
		background-position:-130px -65px;	
	}
	#navigation > .container .wrap.news .icon{
		background-position:-65px -130px;	
	}
	#navigation > .container .wrap.gallery .icon{
		background-position:0px -130px;	
	}
	#navigation > .container .wrap.contact .icon{
		background-position:-130px -130px;	
	}
	#navigation > .container .wrap:nth-child(n+6) .pointer{
		border-color: #343434 transparent transparent transparent;
		_border-color: #343434 #000000 #000000 #000000;
	}
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
	#navigation{
		min-width:600px;	
	}
	#navigation > .container{
		width:600px;
		height:65px;
	}
	#navigation > .container .nav_frame{
		float:none;
		margin:auto;	
		width:542px;
	}
	#navigation > .container .explore{
		width:138px;
		font-size:20px;	
		height:65px;
		line-height:65px;
		display:none;
	}
	#navigation > .container .sq{
		display:none;
	}
	#navigation > .container .wrap{
		height:133px;
		width:65px;
		margin-right:3px;
	}
	#navigation > .container .wrap .label{
		height:65px;
		width:65px;
		line-height:65px;
		font-size:14px;
	}
	#navigation > .container .wrap.sample .label .upper{
		font-size:20px;
		line-height:20px;
		margin-top:14px;
		display:block;
		font-family:gandhibold;
	}
	#navigation > .container .wrap.sample .label .lower{
		font-size:20px;
		line-height:20px;
		display:block;
	}
	#navigation > .container .wrap.about .label{
		height:65px;
		width:65px;
		line-height:65px;
		font-size:20px;
	}
	#navigation > .container .wrap.why .label .upper{
		font-size:18px;
		line-height:18px;
		margin-top:16px;
	}
	#navigation > .container .wrap.why .label .lower{
		font-size:20px;
		line-height:20px;
		margin-left:0px;
	}
	#navigation > .container .wrap.advantage .label .upper{
		font-size:18px;
		line-height:18px;
		margin-top:16px;
	}
	#navigation > .container .wrap.advantage .label .lower{
		font-size:14px;
		line-height:20px;
		text-align:center;
	}
	#navigation > .container .wrap.locations .label{
		height:65px;
		line-height:65px;
		font-size:15px;
	}
	#navigation > .container .wrap.gallery .label{
		height:65px;
		line-height:65px;
		font-size:18px;
	}
	#navigation > .container .wrap.news .label{
		height:65px;
		line-height:65px;
		font-size:18px;
	}
	#navigation > .container .wrap.contact .label{
		height:65px;
		line-height:65px;
		font-size:18px;
	}
	#navigation > .container .wrap .icon{
		height:65px;
		width:65px;
		background:#f7ac59 url(/images/navigation_icons_195.png) no-repeat 0px 0px;
	}
	#navigation > .container .wrap.why .icon{
		background-position:-130px 0px;	
	}
	#navigation > .container .wrap.sample .icon{
		background-position:-65px 0px;	
	}
	#navigation > .container .wrap.about .icon{
		background-position:0px -65px;	
	}
	#navigation > .container .wrap.advantage .icon{
		background-position:-65px -65px;	
	}
	#navigation > .container .wrap.locations .icon{
		background-position:-130px -65px;	
	}
	#navigation > .container .wrap.news .icon{
		background-position:-65px -130px;	
	}
	#navigation > .container .wrap.gallery .icon{
		background-position:0px -130px;	
	}
	#navigation > .container .wrap.contact .icon{
		background-position:-130px -130px;	
	}
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
	#navigation{
		min-width:768px;	
	}
	#navigation > .container{
		width:768px;
		height:65px;
	}
	#navigation > .container .explore{
		width:138px;
		font-size:20px;	
		height:65px;
		line-height:65px;
	}
	#navigation > .container .sq{
		height:65px;
		width:65px;
		margin-right:3px;
	}
	#navigation > .container .sq.home{
		background:#7f8080 url(/images/navigation_icons_195.png) no-repeat 0px 0px;
	}
	#navigation > .container .wrap{
		height:133px;
		width:65px;
		margin-right:3px;
	}
	#navigation > .container .wrap .label{
		height:65px;
		width:65px;
		line-height:65px;
		font-size:14px;
	}
	#navigation > .container .wrap.sample .label .upper{
		font-size:20px;
		line-height:20px;
		margin-top:14px;
		display:block;
		font-family:gandhibold;
	}
	#navigation > .container .wrap.sample .label .lower{
		font-size:20px;
		line-height:20px;
		display:block;
	}
	#navigation > .container .wrap.about .label{
		height:65px;
		width:65px;
		line-height:65px;
		font-size:20px;
	}
	#navigation > .container .wrap.why .label .upper{
		font-size:18px;
		line-height:18px;
		margin-top:16px;
	}
	#navigation > .container .wrap.why .label .lower{
		font-size:20px;
		line-height:20px;
		margin-left:0px;
	}
	#navigation > .container .wrap.advantage .label .upper{
		font-size:18px;
		line-height:18px;
		margin-top:16px;
	}
	#navigation > .container .wrap.advantage .label .lower{
		font-size:14px;
		line-height:20px;
		text-align:center;
	}
	#navigation > .container .wrap.locations .label{
		height:65px;
		line-height:65px;
		font-size:15px;
	}
	#navigation > .container .wrap.gallery .label{
		height:65px;
		line-height:65px;
		font-size:18px;
	}
	#navigation > .container .wrap.news .label{
		height:65px;
		line-height:65px;
		font-size:18px;
	}
	#navigation > .container .wrap.contact .label{
		height:65px;
		line-height:65px;
		font-size:18px;
	}
	#navigation > .container .wrap .icon{
		height:65px;
		width:65px;
		background:#f7ac59 url(/images/navigation_icons_195.png) no-repeat 0px 0px;
	}
	#navigation > .container .wrap.why .icon{
		background-position:-130px 0px;	
	}
	#navigation > .container .wrap.sample .icon{
		background-position:-65px 0px;	
	}
	#navigation > .container .wrap.about .icon{
		background-position:0px -65px;	
	}
	#navigation > .container .wrap.advantage .icon{
		background-position:-65px -65px;	
	}
	#navigation > .container .wrap.locations .icon{
		background-position:-130px -65px;	
	}
	#navigation > .container .wrap.news .icon{
		background-position:-65px -130px;	
	}
	#navigation > .container .wrap.gallery .icon{
		background-position:0px -130px;	
	}
	#navigation > .container .wrap.contact .icon{
		background-position:-130px -130px;	
	}
}
@media only screen and (min-width: 1000px) and (max-width: 1207px) {
	#navigation{
		min-width:1000px;	
	}
	#navigation > .container{
		width:1000px;
		height:89px;
	}
	#navigation > .container .explore{
		font-size:24px;	
	}
}
@media only screen and (min-width: 1208px){
			
}