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

body {
	background-image:url(img/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;}

.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:800px) {
		.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:800px){
 	
#banner{width:100%;height:auto;}
#bannerb{width:100%;}
#banner img{width:100%;height:auto;}
 
 
}
@media screen  and (max-width:650px){
.iconz{display:none;}
 }

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

}