@charset "utf-8";
/* CSS Document */
/* v1.1 */

body {
	background-image:url(sos.png);
	background-repeat:repeat;
	font-family: 'Nobile', arial, sans-serif;
	color: #666666;
	margin:0px;
	padding:0px;
}
#promo{margin-bottom:5px;}

#bannerHolder{width:100%;background-color:#913D88;}
#banner{width:800px;height:100px;margin:auto;}
 
#bannerb{width:800px;height:auto;margin:auto;}
#banners{display:none;}


 
.iconz{width:150px;height:100px;float:right;margin-left:5px}

a:link {
  color: #666666;
}

/* visited link */
a:visited {
  color: #666666;
}

/* mouse over link */
a:hover {
  color:#000;
}

/* selected link */
a:active {
  color: #666666;
}


.header{
	color: #000;
	background-color: #fff;
	
	width: 840px;
	margin-left: auto;
    margin-right: auto;
	background: rgba(255, 255, 255, 0.8);
	 
}

strong{font-size:20px;color:#1e8bc3;}

.footer{
	
	background-color: #fff;
	color: #666666;
		width: 840px;
	margin-left: auto;
    margin-right: auto;
 
}

#spacer{width:100%;height:10px;}

h1{ font-family: 'Nobile', arial, sans-serif;
color: #666666
}


h2{ font-family: 'Nobile', arial, sans-serif;
color: #666666
}

h3{ font-family: 'Nobile', arial, sans-serif;
color: #666666
}
.footer a:link {color: #666666;}
.footer a:visited {color:#666666;}
.footer a:hover {color: #CCCCCC;}
.footer a:active {color: #666666;}
#container
{
	margin: 0 auto;
	width: 800px;
	
	background-color:#fff;
	padding: 20px
	 }
	 
#inner{padding:20px;}

#promo2{text-align:center;margin:auto;}



.box1{cursor:pointer;background-color:#fbfeff;border:1px  solid #ececec;border-bottom:2px  solid #ececec;border-radius:5px;padding:9px;margin-bottom:12px;min-height:100px;width:48%;float:left;box-sizing:border-box;margin-left:1%;margin-right:1%;}

.box1:hover{border:1px  solid grey;border-bottom:2px  solid grey;}


.box2{background-color:#fbfeff;border:1px  solid #ececec;border-bottom:2px  solid #ececec;border-radius:5px;padding:9px;margin-bottom:12px;}

.box2:hover{border:1px  solid grey;border-bottom:2px  solid grey;}

@media screen and (max-width:860px) {
		.header{width:90%;}
		.header img{width:90%;}
		#container{width:90%;padding:0px;}
		.footer{width:90%;}
		#promo2 img{text-align:center;margin:auto;width:90%;}
		}
@media screen and (max-width:500px) {
 
 
}

@media screen  and (max-width:860px){
 	
#banner{width:100%;height:auto;}
#bannerb{width:100%;}
#banner img{width:100%;height:auto;}
 
 
}


@media screen  and (max-width:755px){
 	
.box1 img{width:130px;}
 .iconz{width:130px;height:100px;float:right;margin-left:5px}
 
}

@media screen  and (max-width:710px){
 	
.box1 img{width:100px;}
 .iconz{width:100px;height:100px;float:right;margin-left:5px}
 
}

@media screen  and (max-width:640px){
 .box1 {width:98%;}
.box1 img{width:150px;}
 .iconz{width:150px;height:100px;float:right;margin-left:5px}
 }

@media screen  and (max-width:600px){
 
#bannerb{display:none;}
#banners{width:100%;display:inline;}
#banners img{width:100%;}

}

@media screen  and (max-width:400px){
 
.box1 img{width:100px;}
 .iconz{width:100px;height:100px;float:right;margin-left:5px}

}


@media screen  and (max-width:345px){
 
strong{font-size:17px;color:#1e8bc3;}

}

@media screen  and (max-width:322px){
 
 .iconz{width:100px;height:100px;float:right;margin-left:3px}

}