#col1, #col2{margin:50px 0 0 0}
				
#splash{margin-top:-35px;width:100%;background:#E3A129;text-align:center;padding:137px 0 26px 0}
#splash h1{color:#FFFFFF;font-size:40px;margin:0;line-height:40px}
#splash h1 a{display:none}
			
#indexnav{height:200px;margin:44px 0 0 0;width:100%;overflow:hidden;}
#indexnav div{width:5000%;margin-left:-2450%;overflow:hidden;height:200px;}
#indexnav a{display:inline-block;position:relative;width:200px;height:200px;margin:0 10.7px;text-align:left;}
#indexnav a:hover{cursor:pointer;opacity:1}
#indexnav a b{position:absolute;display:block;width:200px;height:200px;box-sizing: border-box;padding:15px 20px;color:#FFFFFF;font-size:22px;line-height:26px;font-weight:normal;opacity:0}
#indexnav a img{height:100%;width:100%;position:absolute;background:#C9C7C8;border-radius:3px}
#indexnav a:hover img{opacity:.25}
#indexnav a:hover b{opacity:1}

#errortext{color:#FFFFFF;padding:20px 10% 0 10%;font-size:16px}
#errortext a{color:#FFFFFF;text-decoration:underline}
			
#ssearch{width:1165px;margin:auto;box-sizing: border-box;padding:24px 30px}
#ssearch div{background:#FFFFFF;height:70px;border-radius:3px;font-size:32px;line-height:70px;text-align:left;padding:0 70px 0 17px}
#ssearch span{display:block;position:relative;}
#ssearch input{position:absolute;top:0;left:0;width:100%;background:#FFFFFF;padding:0;border:0;height:70px;font-size:32px;line-height:70px;color:#888485;opacity:.5}
#ssearch .g{position:absolute;top:21px;right:-45px;color:#888485;font-size:26px;display:block;cursor:pointer}
			
#indexsearchdroppad{height:auto;width:1165px;padding:0;margin:auto;position:relative}
#indexsearchdrop{border-radius:3px;height:auto;width:100%;padding:0 30px;margin:-26px 0 0 0;position:absolute;z-index:10;box-sizing: border-box;text-align:left}
#indexsearchdrop a{background:#FFFFFF;font-size:32px;line-height:36px;color:#888485;display:block;padding:10px 17px 10px 17px;}
#indexsearchdrop a:first-of-type{border-top: 1px solid #bdb9ba;padding-top: 20px;}
#indexsearchdrop a:last-of-type{padding-bottom: 20px;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px; border-bottom: 2px solid #bdb9ba;}
#indexsearchdrop a:hover{cursor:pointer;opacity:1;}
#indexsearchdrop .hover{background:#888485;color:#FFFFFF}
#indexsearchdrop img{width:36px;height:36px;float:left;margin:0 10px 0 0;border-radius:2px}
#indexsearchdrop .g{font-size:20px}

#new{background:#F5F5F5;padding:30px 30px 30px 260px;border-radius:3px;min-height:200px}
#new img, #new #multiimage{position:absolute;left:30px;background:#C9C7C8;width:200px;height:200px;border-radius:3px;overflow:hidden}
#new #multiimage{background:#F5F5F5;text-align:center}
#new #multiimage img{width:50%;height:auto;left:auto;right:auto;top:auto;border-radius:3px;}
#new #multiimage img:nth-of-type(1){z-index:5;left:25%}
#new #multiimage img:nth-of-type(2){left:0;top:50px;z-index:4;opacity:.9}
#new #multiimage img:nth-of-type(3){right:0;top:75px;z-index:3;opacity:.5}

#new i{font-size:16px;font-style:normal;color:#888485;}
#new strong{color:#3285A7;font-size:28px;line-height:32px;font-weight:normal;display:block;margin:10px 0 10px 0}
#new .member{margin:10px 0 0 0}

#community{background:#F5F5F5;padding:30px 30px 30px 30px;border-radius:3px;margin-top:10px;position:relative}
#community i{font-size:16px;font-style:normal;color:#888485;}
#community i:nth-of-type(2){display:block;margin:10px 0 15px 0;font-size:12px}
#community strong{color:#3285A7;font-size:28px;line-height:32px;font-weight:normal;display:block;margin:10px 0 10px 0}
#community .g{font-size:50px;color:#888485;display:block}
#community .g:nth-of-type(1){float:right;margin:10px 45px 10px 25px;opacity:.5}
#community .g:nth-of-type(2){position:absolute;top:40px;right:30px;opacity:.9}
#community .g:nth-of-type(3){position:absolute;top:50px;right:53px}
				
.featured{width:50%;box-sizing: border-box;padding:25px 25px 0 0;position:relative;float:left}
.featured img{float:left;background:#EFEFEF;width:46%;min-height:75px;border-radius:3px}
.featured p{float:right;width:46%;margin:0}
.featured b{color:#3285A7;font-size:22px;line-height:26px;font-weight:normal;display:block;margin:0 0 10px 0}

.trending{clear:both;font-size:11px;line-height:16px;margin-bottom:10px;color:#888485}
.trending img{float:left;margin:0 8px 16px 0;height:32px;}
.trending a{font-weight:bold}
		
@media screen and (max-width: 1213.5px) {
	#splash h1,#ssearch,#indexsearchdroppad{width:96%}
}

@media screen and (max-width: 800px) {
	#new{background:#F5F5F5;padding:30px 30px 30px 210px;border-radius:3px;min-height:150px}
	#new strong{font-size:24px;line-height:28px}
	#new img, #new #multiimage{left:4%;background:#C9C7C8;width:150px;height:150px;border-radius:3px}
	#new #multiimage{background:#F5F5F5;}
	#new #multiimage img:nth-of-type(2){top:30px}
	#new #multiimage img:nth-of-type(3){top:50px}
					
	.featured{width:100%;clear:both}
	.featured img{width:33%;}
	.featured p{width:59%;}
	.featured b{font-size:24px;line-height:28px}
}
		
@media screen and (max-width: 500px) {
	#splash{padding:117px 0 26px 0}
	#indexnav{margin:24px 0 0 0}
	#splash h1{font-size:24px;line-height:30px}
	#ssearch div,#ssearch input{font-size:20px;}
	#indexsearchdrop a{font-size:20px;line-height:30px}
	
	#new{background:#F5F5F5;padding:4% 4% 4% 38%;border-radius:3px;min-height:auto}
	#new strong{font-size:20px;line-height:24px}
	#new img, #new #multiimage{left:4%;background:#C9C7C8;width:30%;height:auto;border-radius:3px}
	#new #multiimage{background:#F5F5F5;overflow:visible}
	#new #multiimage img:nth-of-type(2){top:20px}
	#new #multiimage img:nth-of-type(3){top:40px}
	
	#community i:nth-of-type(2){display:block;margin:10px 0 15px 0;font-size:11px}
	
	.featured b{font-size:20px;line-height:24px}
}