@charset "utf-8";
#navigation{
	height:218px;
	width:100%;
	min-width:1208px;	
	background-color:#343434;
}
#navigation > .container{
	width:1208px;
	height:inherit;	
	margin:auto;
	position:relative;
}
#navigation > .container > .pointer{
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-30px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 30px 0 30px;
	border-color: #ffffff transparent transparent transparent;
	line-height: 0px;
	_border-color: #ffffff #000000 #000000 #000000;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');	
}
#navigation > .container .sq{
	height:108px;
	width:108px;
	display:block;
	position:absolute;	
}
#navigation > .container .sq.home{
	top:0px;
	left:0px;
	background:#7f8080 url(/images/navigation_icons.png) no-repeat 0px 0px;
	z-index:0;
}
#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{
	display:block;
	position:absolute;	
	text-decoration:none;
}
#navigation > .container .wrap.landscape{
	height:108px;
	width:218px;
}
#navigation > .container .wrap.portrait{
	height:218px;
	width:108px;
}
#navigation > .container .wrap.why{
	top:0px;
	left:110px;	
}
#navigation > .container .wrap.sample{
	top:110px;
	left:110px;	
}
#navigation > .container .wrap.about{
	top:0px;
	left:330px;	
}
#navigation > .container .wrap.advantage{
	top:110px;
	left:440px;	
}
#navigation > .container .wrap.locations{
	top:0px;
	left:660px;	
}
#navigation > .container .wrap.news{
	top:110px;
	left:770px;	
}
#navigation > .container .wrap.gallery{
	top:0px;
	left:880px;	
}
#navigation > .container .wrap.contact{
	top:110px;
	left:990px;	
}
#navigation > .container .wrap .label{
	height:108px;
	width:108px;
	float:left;	
	color:white;
	text-decoration:none;
}
#navigation > .container .wrap.why .label .upper{
	font-size:22px;
	display:block;
	line-height:22px;
	margin-top:30px;
	margin-left:10px;
}
#navigation > .container .wrap.why .label .lower{
	font-size:30px;
	display:block;
	line-height:30px;
	margin-left:10px;
}
#navigation > .container .wrap.sample .label .upper{
	font-size:30px;
	display:block;
	line-height:22px;
	margin-top:30px;
	margin-left:10px;
	font-family:gandhibold;
}
#navigation > .container .wrap.sample .label .lower{
	font-size:30px;
	display:block;
	line-height:30px;
	margin-left:10px;
}
#navigation > .container .wrap.about .label{
	height:108px;
	line-height:108px;
	width:98px;
	padding-left:10px;
	font-size:30px;
}
#navigation > .container .wrap.advantage .label .upper{
	font-size:30px;
	display:block;
	line-height:22px;
	margin-top:30px;
	font-family:gandhibold;
	text-align:center;
}
#navigation > .container .wrap.advantage .label .lower{
	font-size:20px;
	display:block;
	line-height:24px;
	text-align:center;
}
#navigation > .container .wrap.locations .label{
	height:108px;
	line-height:108px;
	font-size:20px;
	text-align:center;
}
#navigation > .container .wrap.news .label{
	height:108px;
	line-height:108px;
	font-size:30px;
	text-align:center;
}
#navigation > .container .wrap.gallery .label{
	height:108px;
	line-height:108px;
	font-size:26px;
	text-align:center;
}
#navigation > .container .wrap.contact .label{
	height:108px;
	line-height:108px;
	font-size:24px;
	text-align:center;
}
#navigation > .container .wrap .margin-right{
	margin-right:2px;
}
#navigation > .container .wrap .margin-bottom{
	margin-bottom:2px;
}
#navigation > .container .wrap .margin-top{
	margin-top:2px;
}
#navigation > .container .wrap .margin-left{
	margin-left:2px;
}
#navigation > .container .wrap .icon{
	height:108px;
	width:108px;
	background:#f7ac59 url(/images/navigation_icons.png) no-repeat 0px 0px;
	float:left;
	position:relative;
	z-index:0;
}
#navigation > .container .wrap.why .icon{
	background-position:-216px 0px;	
}
#navigation > .container .wrap.sample .icon{
	background-position:-108px 0px;	
}
#navigation > .container .wrap.about .icon{
	background-position:0px -108px;	
}
#navigation > .container .wrap.advantage .icon{
	background-position:-108px -108px;	
}
#navigation > .container .wrap.locations .icon{
	background-position:-216px -108px;	
}
#navigation > .container .wrap.news .icon{
	background-position:-108px -216px;	
}
#navigation > .container .wrap.gallery .icon{
	background-position:0px -216px;	
}
#navigation > .container .wrap.contact .icon{
	background-position:-216px -216px;	
}
#navigation > .container .wrap .icon .pointer_left{
	position:absolute;
	left:-1px;
	top:37px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 17px 0 17px 17px;
	border-color: transparent transparent transparent #343434;
	line-height: 0px;
	_border-color: #000000 #000000 #000000 #343434;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
#navigation > .container .wrap .icon .pointer_right{
	position:absolute;
	right:-1px;
	top:37px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 17px 17px 17px 0;
	border-color: transparent #343434 transparent transparent;
	line-height: 0px;
	_border-color: #000000 #343434 #000000 #000000;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
#navigation > .container .wrap .icon .pointer_bottom{
	position:absolute;
	left:37px;
	bottom:-1px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 17px 17px 17px;
	border-color: transparent transparent #343434 transparent;
	line-height: 0px;
	_border-color: #000000 #000000 #343434 #000000;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
#navigation > .container .wrap:hover .icon{
	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:hover .label{
	color:#ff9000;	
}
#navigation > .container .wrap.disabled .icon{
	background-image:none;
	cursor:default;	
}
#navigation > .container .wrap.disabled .pointer_bottom,
#navigation > .container .wrap.disabled .pointer_left,
#navigation > .container .wrap.disabled .pointer_right{
	display:none;
}
@media only screen and (max-width: 599px) {
	#navigation{
		height:400px;
		min-width:320px;	
	}
	#navigation > .container{
		width:320px;
		height:400px;
	}	
	#navigation > .container .pointer{
		display:none;	
	}
	#navigation > .container .sq{
		height:79px;
		width:79px;	
	}
	#navigation > .container .sq.home{
		background:#7f8080 url(/images/navigation_icons_237.png) no-repeat 0px 0px;
	}
	#navigation > .container .wrap.landscape{
		height:79px;
		width:160px;
	}
	#navigation > .container .wrap.portrait{
		height:160px;
		width:79px;
	}
	#navigation > .container .wrap.why{
		top:0px;
		left:80px;	
	}
	#navigation > .container .wrap.sample{
		top:80px;
		left:0px;	
	}
	#navigation > .container .wrap.about{
		top:160px;
		left:0px;	
	}
	#navigation > .container .wrap.advantage{
		top:160px;
		left:160px;	
	}
	#navigation > .container .wrap.locations{
		top:0px;
		left:241px;	
	}
	#navigation > .container .wrap.news{
		top:240px;
		left:160px;	
	}
	#navigation > .container .wrap.gallery{
		top:240px;
		left:0px;	
	}
	#navigation > .container .wrap.contact{
		top:322px;
		left:80px;	
	}
	#navigation > .container .wrap .label{
		height:79px;
		width:79px;
	}
	#navigation > .container .wrap.why .label .upper{
		font-size:20px;
		line-height:20px;
		margin-top:20px;
	}
	#navigation > .container .wrap.why .label .lower{
		font-size:22px;
		line-height:22px;
	}
	#navigation > .container .wrap.sample .label .upper{
		font-size:24px;
		line-height:22px;
		margin-top:20px;
	}
	#navigation > .container .wrap.sample .label .lower{
		font-size:20px;
		line-height:26px;
	}
	#navigation > .container .wrap.about .label{
		height:79px;
		line-height:79px;
		width:69px;
		font-size:20px;
	}
	#navigation > .container .wrap.advantage .label .upper{
		font-size:24px;
		line-height:22px;
		margin-top:20px;
	}
	#navigation > .container .wrap.advantage .label .lower{
		font-size:14px;
		line-height:24px;
	}
	#navigation > .container .wrap.locations .label{
		height:79px;
		line-height:79px;
		font-size:16px;
	}
	#navigation > .container .wrap.news .label{
		height:79px;
		line-height:79px;
		font-size:20px;
	}
	#navigation > .container .wrap.gallery .label{
		height:79px;
		line-height:79px;
		font-size:20px;
	}
	#navigation > .container .wrap.contact .label{
		height:79px;
		line-height:79px;
		font-size:18px;
	}
	#navigation > .container .wrap .icon .pointer_left{
		top:27px;
	}
	#navigation > .container .wrap .icon .pointer_right{
		top:27px;;
	}
	#navigation > .container .wrap .icon .pointer_bottom{
		left:27px;
	}
	#navigation > .container .wrap .icon{
		height:79px;
		width:79px;
		background:#f7ac59 url(/images/navigation_icons_237.png) no-repeat 0px 0px;
	}
	#navigation > .container .wrap.why .icon{
		background-position:-158px 0px;	
	}
	#navigation > .container .wrap.sample .icon{
		background-position:-79px 0px;	
	}
	#navigation > .container .wrap.about .icon{
		background-position:0px -79px;	
	}
	#navigation > .container .wrap.advantage .icon{
		background-position:-79px -79px;	
	}
	#navigation > .container .wrap.locations .icon{
		background-position:-158px -79px;	
	}
	#navigation > .container .wrap.news .icon{
		background-position:-79px -158px;	
	}
	#navigation > .container .wrap.gallery .icon{
		background-position:0px -158px;	
	}
	#navigation > .container .wrap.contact .icon{
		background-position:-158px -158px;	
	}
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
	#navigation{
		height:271px;
		min-width:600px;	
	}
	#navigation > .container{
		width:600px;
		height:271px;
	}
	#navigation > .container .pointer{
		display:none;	
	}	
	#navigation > .container .sq{
		height:54px;
		width:54px;	
	}
	#navigation > .container .sq.home{
		background:#7f8080 url(/images/navigation_icons_267.png) no-repeat -18px -14px;
	}
	#navigation > .container .wrap.landscape{
		height:89px;
		width:180px;
	}
	#navigation > .container .wrap.portrait{
		height:180px;
		width:89px;
	}
	#navigation > .container .wrap.why{
		top:0px;
		left:56px;	
	}
	#navigation > .container .wrap.sample{
		top:91px;
		left:56px;	
	}
	#navigation > .container .wrap.about{
		top:0px;
		left:238px;	
	}
	#navigation > .container .wrap.advantage{
		top:91px;
		left:329px;	
	}
	#navigation > .container .wrap.locations{
		top:0px;
		left:511px;	
	}
	#navigation > .container .wrap.news{
		top:182px;
		left:56px;	
	}
	#navigation > .container .wrap.gallery{
		top:182px;
		left:238px;	
	}
	#navigation > .container .wrap.contact{
		top:182px;
		left:420px;	
	}
	#navigation > .container .wrap .label{
		height:89px;
		width:89px;
	}
	#navigation > .container .wrap.why .label .upper{
		font-size:22px;
		line-height:22px;
		margin-top:25px;
	}
	#navigation > .container .wrap.why .label .lower{
		font-size:24px;
		line-height:24px;
	}
	#navigation > .container .wrap.sample .label .upper{
		font-size:28px;
		line-height:22px;
		margin-top:22px;
	}
	#navigation > .container .wrap.sample .label .lower{
		font-size:22px;
		line-height:30px;
	}
	#navigation > .container .wrap.about .label{
		height:89px;
		line-height:89px;
		width:79px;
		font-size:26px;
	}
	#navigation > .container .wrap.advantage .label .upper{
		font-size:28px;
		line-height:22px;
		margin-top:22px;
	}
	#navigation > .container .wrap.advantage .label .lower{
		font-size:16px;
		line-height:24px;
	}
	#navigation > .container .wrap.locations .label{
		height:89px;
		line-height:89px;
		font-size:18px;
	}
	#navigation > .container .wrap.news .label{
		height:89px;
		line-height:89px;
		font-size:24px;
	}
	#navigation > .container .wrap.gallery .label{
		height:89px;
		line-height:89px;
		font-size:24px;
	}
	#navigation > .container .wrap.contact .label{
		height:89px;
		line-height:89px;
		font-size:20px;
	}
	#navigation > .container .wrap .icon .pointer_left{
		top:27px;
	}
	#navigation > .container .wrap .icon .pointer_right{
		top:27px;;
	}
	#navigation > .container .wrap .icon .pointer_bottom{
		left:27px;
	}
	#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;	
	}
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
	#navigation{
		height:328px;
		min-width:768px;	
	}
	#navigation > .container{
		width:768px;
		height:328px;	
	}
	#navigation > .container .wrap.news{
		top:220px;
		left:0px;	
	}
	#navigation > .container .wrap.gallery{
		top:220px;
		left:330px;	
	}
	#navigation > .container .wrap.contact{
		top:220px;
		left:550px;	
	}
}
@media only screen and (min-width: 1000px) and (max-width: 1207px) {
	#navigation{
		height:180px;
		min-width:1000px;	
	}
	#navigation > .container{
		width:1000px;
		height:180px;	
	}
	#navigation > .container .sq{
		height:89px;
		width:89px;	
	}
	#navigation > .container .sq.home{
		background:#7f8080 url(/images/navigation_icons_267.png) no-repeat 0px 0px;
	}
	#navigation > .container .wrap.landscape{
		height:89px;
		width:180px;
	}
	#navigation > .container .wrap.portrait{
		height:180px;
		width:89px;
	}
	#navigation > .container .wrap.why{
		top:0px;
		left:91px;	
	}
	#navigation > .container .wrap.sample{
		top:91px;
		left:91px;	
	}
	#navigation > .container .wrap.about{
		top:0px;
		left:273px;	
	}
	#navigation > .container .wrap.advantage{
		top:91px;
		left:364px;	
	}
	#navigation > .container .wrap.locations{
		top:0px;
		left:546px;	
	}
	#navigation > .container .wrap.news{
		top:91px;
		left:637px;	
	}
	#navigation > .container .wrap.gallery{
		top:0px;
		left:728px;	
	}
	#navigation > .container .wrap.contact{
		top:91px;
		left:819px;	
	}
	#navigation > .container .wrap .label{
		height:89px;
		width:89px;
	}
	#navigation > .container .wrap.why .label .upper{
		font-size:22px;
		line-height:22px;
		margin-top:25px;
	}
	#navigation > .container .wrap.why .label .lower{
		font-size:24px;
		line-height:24px;
	}
	#navigation > .container .wrap.sample .label .upper{
		font-size:28px;
		line-height:22px;
		margin-top:22px;
	}
	#navigation > .container .wrap.sample .label .lower{
		font-size:22px;
		line-height:30px;
	}
	#navigation > .container .wrap.about .label{
		height:89px;
		line-height:89px;
		width:79px;
		font-size:26px;
	}
	#navigation > .container .wrap.advantage .label .upper{
		font-size:28px;
		line-height:22px;
		margin-top:22px;
	}
	#navigation > .container .wrap.advantage .label .lower{
		font-size:16px;
		line-height:24px;
	}
	#navigation > .container .wrap.locations .label{
		height:89px;
		line-height:89px;
		font-size:18px;
	}
	#navigation > .container .wrap.news .label{
		height:89px;
		line-height:89px;
		font-size:24px;
	}
	#navigation > .container .wrap.gallery .label{
		height:89px;
		line-height:89px;
		font-size:24px;
	}
	#navigation > .container .wrap.contact .label{
		height:89px;
		line-height:89px;
		font-size:20px;
	}
	#navigation > .container .wrap .icon .pointer_left{
		top:27px;
	}
	#navigation > .container .wrap .icon .pointer_right{
		top:27px;;
	}
	#navigation > .container .wrap .icon .pointer_bottom{
		left:27px;
	}
	#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;	
	}
}
@media only screen and (min-width: 1208px){
			
}