/*GLOBAL*/

.allContent{
	margin: 0 auto; 
	text-align:center;	
}
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}

/* TOP MENU */

#logo{
	list-style: none outside none;
	padding:0px;
	float: left;
	margin-top:7px;
}
#rightMenu{
	float: right;
    margin-right:40px;
	overflow:visible;
}
#menuBarContainer{
  overflow:hidden;
  background-color: #007F0E;
	-webkit-box-shadow:1px 0px 12px 4px rgba(0,0,0,0.4) ;
    -moz-box-shadow:1px 0px 12px 4px rgba(0,0,0,0.4) ;
    box-shadow:1px 0px 12px 4px rgba(0,0,0,0.4) ;
}

/* SLIDERR */

/*SUGGESTED PRODUCTS*/

#suggestedCont{
	display: inline-block;
	
	margin-top:70px;
	
	
	padding-top:15px;
	padding-left:20px;
	padding-right:20px;
	clear:both;
	text-align:center;
	border-top:1px solid #008E0B;
		
	/*
	-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
	*/
}
#suggestedTitle{
	text-shadow:0px 1px 1px #4E544C;
    color:#007F0E;

    background-color: #fff;
    height: 30px;
    line-height: 30px;
    position: relative;
    left: 20px;
    text-align: center;
    top: -32px;
    width: 110px;
	
}
#suggestedIcon{

	height:0px;
	width:0px;
	float:right;
    position: relative;
    left: 0px;
    text-align: center;
    top: -72px;
	
}
#suggestedButtons{
    position: relative;
    top: -42px;
}
/**------------------------BOTTOM CONTENT------------------------**/
#bottomCont{
	display: inline-block;
	text-align:center;
	height:570px;	
	margin-top:40px;
}
/**CATALOGUE**/
#catalogue{
	float:left;
	margin-left:45px;
	margin-top:15px;
	margin-right:90px;
	margin-bottom:15px;
	text-align:center;
}
#catalogueTitle {
	text-shadow:0px 1px 1px #4E544C;
    color:#007F0E;
	margin-bottom:15px;
}
/**MAP**/
#map{
	float:left;
	margin-left:90px;
}
#map img{
	border: 1px solid;
}

#map-canvas-main { 
	height: 280px;
	width:280px;
	border: 1px solid #007F0E;
	}
#mapTitle {
	text-shadow:0px 1px 1px #4E544C;
    color:#007F0E;
	margin-bottom:15px;
}
#map a{
	text-decoration:none;
	color:#007F0E;
}
#map a:hover{
	color:#FF7F0E;
}

/**INFO**/
#infoCont{
	width:400px;
	padding:15px;
	text-align:center;
	
	border:1px solid #008E0B;
		
	-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
	
	float:left;
}
#infoTitle {
	text-shadow:0px 1px 1px #4E544C;
    color:#007F0E;

    background-color: #fff;
    height: 30px;
    line-height: 30px;
    position: relative;
    left: 20;
    text-align: center;
    top: -32px;
    width: 130px;
}
#infoText{
    position: relative;
    top: -22px;
}
/**-------------------------------------------------------------**/

/**CATEGORIES**/
.category{
	display: inline-block;
	width:395px;
	text-align:center;
	margin-top:10px;
	margin-bottom:50px;
	border-top:2px solid #008E0B;
}
.categorylink{
	text-decoration:none;
}
.category:hover{
	border-top:2px solid #F88E0B;
}
.category img{
	border:1px solid #008E0B;
	margin-top:10px;
}
.category :hover img{
	border:1px solid #F88E0B;
}
.category :hover .categoryTitle{
	border:1px solid #F88E0B;
	color:#F88E0B;
}
.categoryImage{
	float:left;
}
#categoriesCont{
position:relative;
top:-10px;
}
.categoryText{
	float:left;
	margin-left:10px;
	margin-top:10px;
	color:#000;
    font-size:14px;
	line-height:20px;
    white-space:nowrap;
    text-shadow:0px 1px 1px #495644;
	text-align:left;
}
.categoryTitle {
	z-index:800;
	border:1px solid #008E0B;
	text-shadow:0px 1px 1px #4E544C;
    color:#007F0E;
    background-color: #fff;
    height: 30px;
    line-height: 30px;
    position: relative;
    left: 90px;
    text-align: center;
    top: -15px;
    width: 110px;
	-webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
}

/* SHINY */

.glossy {  
  
    background: #94c4fe;  
    background: -webkit-gradient(linear, left top, left bottombottom, color-stop(31%,#94c4fe), color-stop(100%,#B0D39E));  
    background: -webkit-linear-gradient(top,  #94c4fe 31%,#B0D39E 100%);  
    background: -moz-linear-gradient(top,  #94c4fe 31%, #B0D39E 100%);  
    background: -o-linear-gradient(top,  #94c4fe 31%,#B0D39E 100%);  
    background: -ms-linear-gradient(top,  #94c4fe 31%,#B0D39E 100%);  
    background: linear-gradient(to bottombottom,  #94c4fe 31%,#B0D39E 100%);  
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94c4fe', endColorstr='#B0D39E',GradientType=0 );  
    -webkit-box-shadow:  0px 1px 3px 0px rgba(0, 0, 0, .2);      
    box-shadow:  0px 1px 3px 0px rgba(0, 0, 0, .2); 

	
}  


/*SUGGESTED PRODUCT BUTTON*/

.button-wrapper{

float:left;
}

.a-btn{

    background: -webkit-gradient(linear, left top, left bottombottom, color-stop(31%,#007F0E), color-stop(100%,#5EB266));  
    background: -webkit-linear-gradient(top,  #007F0E 31%,#5EB266 100%);  
    background: -moz-linear-gradient(top,  #007F0E 31%, #5EB266 100%);  
    background: -o-linear-gradient(top,  #007F0E 31%,#5EB266 100%);  
    background: -ms-linear-gradient(top,  #007F0E 31%,#5EB266 100%);  
    background: linear-gradient(to bottombottom,  #007F0E 31%,#5EB266 100%);  
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007F0E', endColorstr='#5EB266',GradientType=0 );  
 
	background-color: #007F0E;
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#007F0E', endColorstr='#5EB266',GradientType=0 );
    
	padding-top:5px;
	padding-left:20px;
    padding-right:22px;
    height:135px;
    display:inline-block;
    position:relative;
    
	-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.9) ;
    -moz-box-shadow:2px 2px 2px rgba(0,0,0,0.9) ;
    box-shadow:2px 2px 2px rgba(0,0,0,0.9) ;

    
	float:left;
    clear:both;
    margin:10px 0px;
    overflow:hidden;
    
	-webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
	text-align:center;
	text-decoration:none;
}
.a-btn-text img{
	border:2px solid;
}
.a-btn-text{
    padding-top:5px;
    display:block;
    font-size:17px;
	height:138px;
    white-space:nowrap;
    text-shadow:1px 1px 2px #495644;
    color:#FFB560;
    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.a-btn-slide-text{
    position:absolute;
	background-color: #BED6B3;
    height:100%;
    top:0px;
    right:22px;
    width:0px;
    text-shadow:1px 1px 1px #fff;
    color:#000;
    font-size:12px;
    white-space:nowrap;
    text-align:left;
    overflow:hidden;
    line-height:32px;
    -webkit-box-shadow:-1px 0px 1px rgba(0,0,0,0.2), 1px 1px 2px rgba(0,0,0,0.2) ;
    -moz-box-shadow:-1px 0px 1px rgba(0,0,0,0.2), 1px 1px 2px rgba(0,0,0,0.2) ;
    box-shadow:-1px 0px 1px rgba(0,0,0,0.2), 1px 1px 2px rgba(0,0,0,0.2) ;
    -webkit-transition:width 0.3s linear;
    -moz-transition:width 0.3s linear;
    -o-transition:width 0.3s linear;
    transition:width 0.3s linear;
}
.a-btn-icon-right{
    position:absolute;
    right:0px;
    top:0px;
    height:100%;
    width:22px;
    -webkit-box-shadow:1px 0px 1px rgba(255,255,255,0.4) ;
    -moz-box-shadow:1px 0px 1px rgba(255,255,255,0.4) ;
    box-shadow:1px 0px 1px rgba(255,255,255,0.4) ;
}
.a-btn-icon-right div{
    width:18px;
    height:38px;
    opacity:0.7;
    position:absolute;
    left:50%;
    top:50%;
    margin:-20px 0px 0px -20px;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.a-btn:hover{
    padding-right:165px;
}
.a-btn:hover .a-btn-text{
    text-shadow:1px 1px 1px #5d81ab;
    color:#A3D8FF;
}
.a-btn:hover .a-btn-slide-text{
    width:142px;
}
.a-btn:hover .a-btn-icon-right div{
    opacity:1;
}
.a-btn:active{
    position:relative;
    top:1px;
    border-color:#80a9da;
}

/*MENU*/
#nav,#nav ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#nav,#logo {
    background-color: #007F0E;
    clear: both;
    font-size: 16px;
    padding: 0 0 0 9px;
    position: relative;
}
#nav ul {
    background-color: #008E0B;
    border:0px ;
    border-radius: 0px 5px 5px 5px;
    border-width: 0 1px 1px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
    left: -9999px;
    overflow: hidden;
    position: absolute;
    top: -9999px;
    z-index: 2;

    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);

    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;

    -moz-transition: -moz-transform 0.1s linear;
    -ms-transition: -ms-transform 0.1s linear;
    -o-transition: -o-transform 0.1s linear;
    -webkit-transition: -webkit-transform 0.1s linear;
    transition: transform 0.1s linear;
}


#nav li {
    float: left;
    position: relative;
}
#nav li a,#logo a{
    color: #FFB560;
    display: block;
    float: left;
    font-weight: normal;
    height: 40px;
    padding: 23px 20px 0;
    position: relative;
    text-decoration: none;
    text-shadow: 1px 1px 4px #000;
	font-weight:600;
}
#nav li:hover > a {
    color: #00B4FF;
	font-weight:600;
}
#nav li:hover, #nav a:focus, #nav a:hover, #nav a:active {
    background: none repeat scroll 0 0 #005604;
    outline: 0 none;
}
#nav ul li {
    background: none;
    width: 100%;
}
#nav ul li a {
    float: none;
}
#nav ul li:hover > a {
    background-color: #005604;
    color: #FFB560;
	font-weight:600;
}
#menuDivider{
    color: #FFB560;
    display: block;
    float: left;
    font-weight: normal;
    height: 40px;
    padding: 23px 20px 0;
    position: relative;
    text-decoration: none;
	font-weight:600;
}
#menuDivider:hover{
	background-color: #007F0E;
}


/*MAP PAGE*/
#map-canvas { 
	height: 100%;
	}
#map-infoCont{
	position:fixed;
	top:200px;
	right:100px;
	width:400px;
	background-color: rgba(255, 255, 255, 0.6);
	border:1px solid #008E0B;
		
	-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
	
	padding:20px;
	z-index:1;
}
#mapContent{
}
#mapContent a{
	color:#000;
}
#mapContent a:hover{
	color:#FF7F0E;
}
/* SLIDERR */

#slider-wrapper{
			width: 1024px;
			height: 216px;
			position: relative;
			background: rgba(0,0,0,0.5);
			overflow: hidden;
			margin: 0 auto; 
			font-size:9px;
			color:#005604;
		}
		
				#s1{
					padding: 6px;
					background: #FF8D42;
					position: absolute;
					left: 50%;
					top: 29px;
					margin-left: -36px;
					border-radius: 20px;
					opacity: 0.7;
					cursor: pointer;
					z-index: 999;
				}
				
				#s2{
					padding: 6px;
					background: #FF8D42;
					position: absolute;
					left: 50%;
					top: 29px;
					margin-left: -12px;
					border-radius: 20px;
					opacity: 0.7;
					cursor: pointer;
					z-index: 999;
				}
				
				#s3{
					padding: 6px;
					background: #FF8D42;
					position: absolute;
					left: 50%;
					top: 29px;
					margin-left: 12px;
					border-radius: 20px;
					opacity: 0.7;
					cursor: pointer;
					z-index: 999;
				}
				
				#s4{
					padding: 6px;
					background: #FF8D42;
					position: absolute;
					left: 50%;
					top: 29px;
					margin-left: 36px;
					border-radius: 20px;
					opacity: 0.7;
					cursor: pointer;
					z-index: 999;
				}
				
				#s1:hover, #s2:hover, #s3:hover, #s4:hover{ background: #0094FF;}
				
			.inner-wrapper{
				width: 1024px;
				height: 216px;
				position: absolute;
				top: 0;
				left: 0;
				margin-bottom: 0px;
				overflow: hidden;
			}
				.control{ display: none;}
				
				#Slide1:checked ~ .overflow-wrapper{ margin-left: 0%; }
				#Slide2:checked ~ .overflow-wrapper{ margin-left: -100%; }
				#Slide3:checked ~ .overflow-wrapper{ margin-left: -200%; }
				#Slide4:checked ~ .overflow-wrapper{ margin-left: -300%; }
				
				#Slide1:checked + #s1 { opacity: 1; }
				#Slide2:checked + #s2 { opacity: 1; }
				#Slide3:checked + #s3 { opacity: 1; }
				#Slide4:checked + #s4 { opacity: 1; }
				
			.overflow-wrapper{
				width: 400%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
				overflow-y: hidden;
				z-index: 1;
				-webkit-transition: all 0.3s ease-in-out;
				-moz-transition: all 0.3s ease-in-out;
				-o-transition: all 0.3s ease-in-out;
				transition: all 0.3s ease-in-out;
			}
			
				.slide img{
					width: 25%;
					float: left;
				}

.cycle-pager { 
    text-align: center; width: 100%; z-index: 500; position: absolute; top: -15px; overflow: hidden; 
}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
    display: inline-block; color: #fff; cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #D69746;}
				
#categoryTitle{
	margin: 0 auto; 
	text-align:center;	

	font-size:44px;
	padding-top:7px;
	
	color:#007F0E;
    text-shadow:0px 1px 1px #495644;
}
#categoryTitle a{
	text-decoration:none;
}
#categoryTitle:hover{
	opacity:0.6;
}
#categoryTitle a:visited
{
 color:inherit;
}
				
				
@font-face {
    font-family: devPro;
    src: url("fonts/DINWebProBoldItalic.otf");
    font-weight: bold;
    font-style: italic, oblique;
}
@font-face {
    font-family: devPro;
    src: url("fonts/DINWebProBold.otf");
    font-weight: bold;
}
@font-face {
    font-family: devPro;
    src: url("fonts/DINWebProItalic.otf");
    font-style: italic, oblique;
}
@font-face {
    font-family: devPro;
    src: url("fonts/DINWebPro.otf");
}
	margin-left:200px;
}

.aboutContent{
	text-align:center;
	margin: 0 auto; 
}
#aboutCont{
	width:600px;
	padding:15px;
	text-align:center;
	margin: 0 auto; 
	margin-top:50px;
	border:1px solid #008E0B;
		
	-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
	
}


#aboutTitle {
	text-shadow:0px 1px 1px #4E544C;
    color:#007F0E;

    background-color: #fff;
    height: 30px;
    line-height: 30px;
    position: relative;
    left: 20;
    text-align: center;
    top: -32px;
    width: 130px;
}
#aboutText{
    position: relative;
    top: -22px;
}
#aboutText a{
	text-decoration:none;
	color:#007F0E;
}
#aboutText a:hover{
	color:#FF7F0E;
}

.facilitiesPhotoHolder{

	margin-right:10px;
	margin-bottom:20px;

	background-color: #007F0E;
	padding:4px;
	float:left;
	
	-webkit-box-shadow:1px 0px 4px 1px rgba(0,0,0,0.4) ;
    -moz-box-shadow:1px 0px 4px 1px rgba(0,0,0,0.4) ;
    box-shadow:1px 0px 4px 1px rgba(0,0,0,0.4) ;
}
.facilitiesPhotoHolder :hover{
    opacity:0.92;	
}

.facilitiesPhotoHolder img{

		border:1px solid #fff;

}

#facilitiesCont{
	display: inline-block;
	
	margin-top:70px;
	
	
	padding-top:15px;
	margin-left:20px;
	padding-right:20px;
	clear:both;
	text-align:center;
	border-top:1px solid #008E0B;
		
	/*
	-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
	*/
}
#facilitiesTitle{
	text-shadow:0px 1px 1px #4E544C;
    color:#007F0E;

    background-color: #fff;
    height: 30px;
    line-height: 30px;
    position: relative;
    left: 20px;
    text-align: center;
    top: -32px;
    width: 220px;
	
}

#thumbnail :hover{
    opacity:0.85;	
}

#thumbnail img{
    border:1px solid #fff;	
}