@charset "utf-8";
/* CSS Document */

#wideBanners {}
#wideBanners a,#wideBanners > img {width: 100%;margin-bottom: 1em;}
#wideBanners ul.threeB {margin: -1em auto;}
ul.threeB {width: 100%;display: table;margin: 0 auto;}
ul.threeB li {display: table-cell;width:33.3%;padding: 0.5em;}
ul.threeB li a {border: 1px solid #fff;padding: 0.5em;text-align: center;background: rgba(255,100,0,0.7);}
ul.threeB li a span {display: block;font-size: 80%;}
ul.threeB li a:hover {background: rgba(255,0,0,1);}

ul.fourB {width:100%;height:80px;margin: 0 auto;}
ul.fourB li {width:100%;height:40px;padding:0; float:left;}
ul.fourB li a {width:100%;height:40px;padding: 0.5em;text-align: center;background:#000000; border:1px #555555 solid;}

ul.fourB li a:hover {background:#FF9; color:#000000;}
#wideBanners p{font-size:20px;font-weight:900;}
	

#alert {}
#alert div {border: 1px solid red;padding: 0.5em;margin-bottom: 1em;}
#alert div h5 {font-size: 1em;font-weight: 600;text-align: center;margin-bottom: 0.25em;}
#alert div p {font-size: 0.8em;}

#about {display: none;}
#about h3 {text-align: center;font-size: 1.5em;margin:0 auto 1em;}
#about h3 span {padding-bottom: 0.25em;border-bottom: 2px solid #fff;}
#about p {font-size: 0.875em;}

#features {}
#features ul {display: block;}
#features ul li {width: 50%;float: left; border: 1px solid #ccc;border-collapse: collapse;}
#features ul li a {overflow: hidden;text-shadow:0.1em 0.1em 0.1em #000,-0.1em 0.1em 0.1em #000,-0.1em -0.1em 0.1em #000,0.1em -0.1em 0.1em #000;}
#features ul li a img {width: 100%;}
#features ul li a h5 {position: absolute;top:0;left:0;padding: 0.25em;font-size: 1.5em;}
#features ul li a p {position: absolute;bottom:0;left:0;font-size: 0.8em;line-height: 1.4em;padding: 0.25em;}

#sqlink {}
#sqlink ul {width: 99.99%;margin: 0 auto;}
#sqlink ul li {float: left;width:33.33%;padding: 0.5em;}
#sqlink ul li a {width: 100%;}
#sqlink ul li a img {width: 100%;}
#sqlink ul li a:hover {box-shadow: 0 0 20px #ffc;}

#gallery {display: none;}
#gallery div {}
#gallery div a {float: left;width: 50%;}
#gallery div a img {width: 100%;}
#gallery div a:hover img {opacity: 0.8;}


@media screen and (min-width: 480px) {
/*@@*/
	#features ul {display: table;border-collapse: collapse;}
	#features ul li {display: table-cell;border: 1px solid #ccc;border-collapse: collapse;float: none;width: auto;}
	#gallery div a {width: 25%;}
	ul.fourB {width: 100%;display: table;margin: 0 auto;}
ul.fourB li {display: table-cell;width:100%;padding: 0.5em;}
	
/*@@*/
}

@media screen and (min-width: 750px) {
	/*@@*/
	#gallery {display: block;}
	/*@@*/
}

@media screen and (min-width: 940px) {
	/*@@*/
	/*@@*/
}

@media screen and (min-width: 1130px) {
	/*@@*/
	/*@@*/
}

@media screen and (min-width: 1320px) {
		/*@@*/
	/*@@*/
}