/* CSS Document */

body{height:100%;background-color:#000000;margin:0;}

.bar{
  -webkit-box-shadow: inset 0px 2px 8px 5px rgba(0,0,0,0.29); 
  box-shadow: inset 0px 2px 8px 5px rgba(0,0,0,0.29);
  height:50px;
  background: url(../images/backing_grad_rev.png);
  background-repeat: repeat;
}

.logo{
	width:12%;
}

#top{
  background-color:#000;
  padding:5px;
  width:100%;
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box;    
  box-sizing: border-box;
}

#head{
  background-color:#fff;
  padding:10px;
  min-height:100px;
  width:100%;
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box;    
  box-sizing: border-box;
}

#left {
 float:left;
 width:20%;
 padding:5px;
 text-align:center;
 -webkit-box-sizing: border-box; 
 -moz-box-sizing: border-box;    
 box-sizing: border-box;
 color:#fff;
}

#main {
  float:left;
  width:60%;
  /*padding:5px;*/
  min-height:450px;
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box;    
  box-sizing: border-box;
  color:#ffffff;
}

#right {
 float:left;
 width:20%;
 padding:5px;
 text-align:center;
 -webkit-box-sizing: border-box; 
 -moz-box-sizing: border-box;    
 box-sizing: border-box;
 color:#fff;
}

#footer{
  background-color:#000;
  text-align:center;
  padding:10px;
  font-size:11px;
  color:#fff;
  min-height:100px;
  width:100%;
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box;    
  box-sizing: border-box;
  /*-webkit-box-shadow: inset 0px 2px 8px 5px rgba(0,0,0,0.29); 
  box-shadow: inset 0px 2px 8px 5px rgba(0,0,0,0.29); */
}
.footer_split{
	width:25%;
	float:left;
	text-align:left;
}
.footer_split_end{
	width:25%;
	float:left;
	text-align:left;
}
#footer_holder{
	margin-left:10%;margin-right:10%;min-height:150px;
}
.main_split{
	width:50%;
	float:left;	
	padding:5px;
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box;    
  box-sizing: border-box;
}
.img_resize{
	width:80%;
	margin:auto;
}


.clear{
	clear:both;	
}

/* Mobile Phones: */
@media only screen and (max-width:620px) {
  #left, #main, #right  {
    width:100%;
	/*margin-bottom:20px;*/
  }
  
  #head{
  margin:0px; padding:15px; text-align:center;
  background-color:#fff;
  padding:10px;
  min-height:100px;
  width:100%;
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box;    
  box-sizing: border-box;

  }
  
  #left{
	display:none;  
  }
  
  #right{
	display:none;  
  }
  
  .logo{
	width:50%;
	height: auto;
}
  .main_split{
	width:100%;
}

.footer_split_end{
	text-align:center;
	margin-top:25px;
	width:100%;
}
.img_resize{
	width:40%;
	margin:auto;
}
#footer_holder{
	margin-left:10%;margin-right:10%;min-height:150px;
}

.footer_split{
	width:33%;
	float:left;
	text-align:left;
}
  
}