@font-face {
  font-family: 'RaleighBT-Medium';
  src: url('RaleighBT-Medium.eot?#iefix') format('embedded-opentype'),  url('RaleighBT-Medium.woff') format('woff'), url('RaleighBT-Medium.ttf')  format('truetype'), url('RaleighBT-Medium.svg#RaleighBT-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'RaleighBT-Light';
  src: url('RaleighBT-Light.eot?#iefix') format('embedded-opentype'),  url('RaleighBT-Light.woff') format('woff'), url('RaleighBT-Light.ttf')  format('truetype'), url('RaleighBT-Light.svg#RaleighBT-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}


body {
	margin: 0px 0px 0px 0px;	
	color: #404040; 
	font-family: 'Alegreya Sans'; 
	font-weight: normal; 
	font-size: 17px; 
	line-height: normal; 
	text-align: center;
	background: #f2eee2;
	height:100%;
	width:100%;
	min-height: 100%;
}

html {
  height: 100%;
}


td {
	line-height: 140%; 
}

a {
	text-decoration: none 
	color:#fff; 
	font-weight: normal;
	}
a:link {}
a:visited {}
a:active {}
a:hover {text-decoration: none;}

#main {
	width:100%;
	height:100%;
}

#b1,#b2,#b3,#b4,#b5,#b6 {
	width:33%;
	height:50%;
	float:left;
	cursor:pointer;
	position:relative;
}

#b3, #b6 {
	width:34%;
}

#b1 {
	background:#f2eee2 url('../images/i1_.jpg') no-repeat center center;
}

#b2 {
	background:#ea4b35 url('../images/i2_.jpg') no-repeat center center;
}

#b3 {
	background:#ee850d url('../images/i3_.jpg') no-repeat center center;
}

#b4 {
	background:#08ac8f url('../images/i4_.jpg') no-repeat center center;
}

#b5 {
	background:#217fbc url('../images/i5_.jpg') no-repeat center center;
}

#b6 {
	background:#d61d46 url('../images/i6_.jpg') no-repeat center center;
}

#b1 a,#b2 a,#b3 a,#b4 a,#b5 a,#b6 a {
	text-decoration: none ;
}

#i1, #i2, #i3, #i4, #i5, #i6 {
	width:100%;
	height:100%;
}

#logo {
	padding:4% 0 6% 0;
	margin:0 auto;
	display:block;
}


#cat-1 {	
	color:#564f4f;
	background: rgba(242, 238, 226, 0.95);
	width:100%;
	position:absolute;
	top:16%;
	left:0;
	right:0;
	bottom:0;
	padding-top:30px;
}

#cat-1 a  {	
	color:#3a3535;
	text-decoration:none;
	font-family: 'Alegreya Sans'; 
	font-weight: 300;  
	font-size: 18px; 
	line-height: 0px; 
	text-align: center;
	display:block;
	padding:16px 10px;
}

#cat-2 {	
	color:#fff;
	background: rgba(234, 75, 53, 0.92);
	width:100%;
	position:absolute;
	top:16%;
	left:0;
	right:0;
	bottom:0;
	padding-top:20px;
}

#cat-2 a  {	
	color:#fff;
	text-decoration:none;
	font-family: 'Alegreya Sans'; 
	font-weight: 300;  
	font-size: 18px; 
	line-height: 0px; 
	text-align: center;
	display:block;
	padding:16px 10px;
}


#cat-3 {	
	color:#fff;
	background: rgba(238, 133, 13, 0.88);
	width:100%;
	position:absolute;
	top:16%;
	left:0;
	right:0;
	bottom:0;
	padding-top:30px;
}

#cat-3 a {	
	color:#fff;
	text-decoration:none;
	font-family: 'Alegreya Sans'; 
	font-weight: 300;  
	font-size: 18px; 
	line-height: 0px; 
	text-align: center;
	display:block;
	padding:16px 10px;
}


#cat-4 {	
	color:#fff;
	background: rgba(8, 172, 143, 0.92);
	width:100%;
	position:absolute;
	top:16%;
	left:0;
	right:0;
	bottom:0;
	padding-top:50px;
}

#cat-4 a  {	
	color:#fff;
	text-decoration:none;
	font-family: 'Alegreya Sans'; 
	font-weight: 300;  
	font-size: 18px; 
	line-height: 0px; 
	text-align: center;
	display:block;
	padding:16px 10px;
}

#cat-5 {	
	color:#fff;
	background: rgba(33, 127, 188, 0.82);
	width:100%;
	position:absolute;
	top:16%;
	left:0;
	right:0;
	bottom:0;
	padding-top:40px;
}

#cat-5 a  {	
	color:#fff;
	text-decoration:none;
	font-family: 'Alegreya Sans'; 
	font-weight: 300;  
	font-size: 18px; 
	line-height: 0px; 
	text-align: center;
	display:block;
	padding:16px 10px;
}

#cat-6 {	
	color:#fff;
	font-weight: 300; 
	background: rgba(214, 29, 70, 0.82);
	width:100%;
	position:absolute;
	top:16%;
	left:0;
	right:0;
	bottom:0;
	padding-top:20px;
}

#cat-6 a  {	
	color:#fff;
	text-decoration:none;
	font-family: 'Alegreya Sans'; 
	font-weight: 300; 
	font-size: 18px; 
	line-height: 32px; 
	text-align: center;
	display:block;
	padding:0px 10px;
}



h2 {
	color: #ffffff; 
	font-family: 'RaleighBT-Medium'; 
	font-weight: normal; 
	font-size: 24px; 
	line-height: normal; 
	text-align: center;
	margin:0;
	padding:4% 0 0 0;
	letter-spacing:1px;
	
}


#fb {
	padding-top:14px;
	height:28px;
	width:auto;
}


@media screen and (max-width: 1000px) {	

	#b1,#b2,#b3,#b4,#b5,#b6 {
		width:50%;
		height:50%;
		float:left;
		cursor:pointer;
		position:relative;
	}

}


@media screen and (max-width: 800px) {	

	#b1,#b2,#b3,#b4,#b5,#b6 {
		width:100%;
		height:100%;
		float:left;
		cursor:pointer;
		position:relative;
	}

}

@media screen and (max-width: 500px) {	

	#b1,#b2,#b3,#b4,#b5,#b6 {
		width:100%;
		height:50%;
		float:left;
		cursor:pointer;
		position:relative;
	}

}

/*




@media screen and (max-width: 1800px) {	

	
	#i1, #i2, #i3, #i4, #i5, #i6 {
		padding-top:10%;
	}

}


@media screen and (max-width: 1280px) {	

	
	#i1, #i2, #i3, #i4, #i5, #i6 {
		padding-top:8%;
	}

}

@media screen and (max-width: 1100px) {	

	#i1, #i2, #i3, #i4, #i5, #i6 {
		padding-top:2%;
	}	

}
*/