body {

background-image: url("images/paper1.jpg");
padding: 0px;
}

* {
  box-sizing: border-box;
}
 
#maincontain {
background-color: #fff;

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.2em;
width: 98%;
padding:5px;
border: 3px solid  #000;
}
 
.col-1 {
	width: 8.33%;
	float: left;
	padding: 15px;
	}
	
.col-2 {
	width: 16.66%;
	float: left;
	padding: 15px;
   border:1px solid  #7f7f7f;	
	}
	
.col-3 {
	width: 25%;
	float: left;
	padding: 15px;	
	border:1px solid  #7f7f7f;
	}
		
.col-33 {
	width: 25%;
	float: right;
	padding: 15px;	
	border:1px solid  #7f7f7f;
	}
	
.col-4 {
	width: 33.33%;
	float: left;
	padding: 15px;
	border:1px solid  #7f7f7f;	
	}
.col-5 {
	width: 41.66%;
	float: left;
	padding: 15px;
	border:1px solid  #7f7f7f;	
	}
	
.col-6 {
	width: 50%;
	float: left;
	padding: 15px;
	border:1px solid  #7f7f7f;
	}
	
.col-7 {
	width: 58.33%;
	float: left;
	padding: 15px;
	border:1px solid  #7f7f7f;
	}
	
.col-8 {
	width: 66.66%;
	float: left;
	padding: 15px;
	border:1px solid  #7f7f7f;
	}
	
.col-9 {
	width: 75%;
	float: left;
	padding: 15px;
	border:1px solid  #7f7f7f;
	}
	
.col-10 {
	width: 83.33%;
	float: left;
	padding: 15px;
	border:1px solid  #7f7f7f;
	}
	
.col-11 {
	width: 91.66%;
	float: left;
	padding: 15px;
	border:1px solid  #7f7f7f;
	}
	
.col-12 {
	width: 100%;
	float: left;
	padding: 15px;
	border:1px solid  #7f7f7f;
	}


#containphoto {
background-color: #ffffff;
width: 1140px;
margin:30px 30px 30px 30px;
padding:20px 20px 20px 20px;
border:1px solid  #7f7f7f;

}
 
 
.thumb1 {
	float: left;
	padding: 0px;
	margin-bottom: 2px;
	margin-left: 3px;
	margin-right: 5px;
	margin-top: 2px;
	border: 1px solid #797979;
	}
	
.thumb2 {
	float: right;
	padding: 0px;
	margin-bottom: 2px;
	margin-left: 2px;
	margin-right: 1px;
	margin-top: 2px;
	border: 1px solid #797979;
	}	
	
.clearboth { clear: both; }