#content {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color: #000000;
margin-left:10px;
margin-right:10px;
margin-top:10px;

margin-bottom:10px;
/*border:solid thin;*/

}
#content1 {
width:200px;
height:200px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color: #000000;
text-align: left;

float:left;
/*border:solid thin;*/
}
#content2 {
width:528px;
height:215px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color: #000000;
text-align: left;

float:right;
/*border:solid thin;*/
}

#content3 {
width:275px;
height:215px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color: #000000;

float:left;
/*border:solid thin;*/
}

#content4 {
width:200px;
height:200px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color: #000000;
text-align: left;

float:right;
/*border:solid thin;*/
}

body{
background-image:url(file:///D|/websites/inchxinch new/collected materials/1024x768-990710-bricks-copy.gif);
}

#header{
width:650px;
height:60px;
background-image:url(images/back4.jpeg);
background-repeat:no-repeat;
}

h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#000000;
}

#projectcontent{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
	height: 250px;
	width: 580px;
	margin-left: 98px;
}

#galleryh {
  padding:0; 
  margin:0 auto 5em auto; 
  list-style-type:none ;
  overflow: hidden;
  width:500px; 
  height:150px; 
  background: #url (window/win_backh.gif);
  border:1px solid #888;

  }
#galleryh li {
  float:left;
  }
#galleryh li a {
  display: block; 
  height:150px;
  width:60px; 
  float: left; 
  text-decoration:none; 
  border-right:1px solid #fff; 
  cursor: pointer;
  
  }
#galleryh li a img {
  width:60px; 
  height:150px; 
  border:0;
  }
#galleryh li a:hover {
  background:#eee; 
  width:170px;
  }
#galleryh li a:hover img {
  width:170px;
  }
#box1 {
	width:100px;
	height:100px;
	margin-left: 20px;
	float: left;
	background-image: url(../web_void2011/jb%20boda/my%20jb.jpg);
}
#box2 {
	width:100px;
	height:100px;
	margin-left: 10px;
	float: left;
	background-image: url(../web_void2011/jb%20boda/my%20jb%202.jpg);
}
#box3 {
	width:100px;
	height:100px;
	margin-left: 10px;
	float: left;
	background-image: url(../web_void2011/rakyans/my%20Rakyans.jpg);
}
#box4 {
	width:100px;
	height:100px;
	margin-left: 10px;
	float: left;
	background-image: url(../web_void2011/rakyans/my%20Rakyans%202.jpg);
}
#box5 {
	width:100px;
	height:100px;
	margin-left: 10px;
	float: left;
	background-image: url(../web_void2011/tagore_vishal/my%20vishal.jpg);
}
#box1 a 
{
	height: 100px;
	width: 100px;
	text-decoration: none;
	display: block;
}
#box1 a:hover{

	background-image: url(images/my%20jb.jpg);
	height: 100px;
	width: 100px;
	text-decoration: none;
	
}
#box2 a 
{
	height: 100px;
	width: 100px;
	text-decoration: none;
	display: block;
}
#box2 a:hover{

	background-image: url(images/my%20jb%202.jpg);
	height: 100px;
	width: 100px;
	text-decoration: none;
}
#box3 a 
{
	height: 100px;
	width: 100px;
	text-decoration: none;
	display: block;
}
#box3 a:hover{

	background-image: url(images/my%20Rakyans.jpg);
	height: 100px;
	width: 100px;
	text-decoration: none;}
#box4 a 
{
	height: 100px;
	width: 100px;
	text-decoration: none;
	display: block;
}
#box4 a:hover{

	background-image: url(images/my%20Rakyans%202.jpg);
	height: 100px;
	width: 100px;
	text-decoration: none;}
#box5 a 
{
	height: 100px;
	width: 100px;
	text-decoration: none;
	display: block;
}
.spacer {
	clear: both;
}

#box5 a:hover{

	background-image: url(images/my%20vishal.jpg);
	height: 100px;
	width: 100px;
	text-decoration: none;}
#box6 {
	width:100px;
	height:100px;
	margin-left: 20px;
	float: left;
	background-image: url(images/my%20vishal%202.jpg);
	margin-top: 20px;
}
#box7 {
	width:100px;
	height:100px;
	margin-left: 10px;
	float: left;
	background-image: url(images/my%20vishal%203.jpg);
	margin-top: 20px;
}
#box8 {
	width:100px;
	height:100px;
	margin-left: 10px;
	float: left;
	background-image: url(images/my%20vishal%204.jpg);
	margin-top: 20px;
}
#box9 {
	width:100px;
	height:100px;
	margin-left: 10px;
	float: left;
	background-image: url(images/my%20vishal%205.jpg);
	margin-top: 20px;
}
#box10 {
	width:100px;
	height:100px;
	margin-left: 10px;
	float: left;
	background-image: url(images/my%20vishal%206.jpg);
	margin-top: 20px;
}

#box6 a 
{
	height: 100px;
	width: 100px;
	text-decoration: none;
	display: block;
}
#box6 a:hover{

	background-image: url(images/my%20vishal%202.jpg);
	height: 100px;
	width: 100px;
	text-decoration: none;
}
#box7 a 
{
	height: 100px;
	width: 100px;
	text-decoration: none;
	display: block;
}
#box7 a:hover{

	background-image: url(images/my%20vishal%203.jpg);
	height: 100px;
	width: 100px;
	text-decoration: none;}
#box8 a 
{
	height: 100px;
	width: 100px;
	text-decoration: none;
	display: block;
}
#box8 a:hover{

	background-image: url(images/my%20vishal%204.jpg);
	height: 100px;
	width: 100px;
	text-decoration: none;}
#box9 a 
{
	height: 100px;
	width: 100px;
	text-decoration: none;
	display: block;
}


#box9 a:hover{

	background-image: url(images/my%20vishal%205.jpg);
	height: 100px;
	width: 100px;
	text-decoration: none;}
#box10 a 
{
	height: 100px;
	width: 100px;
	text-decoration: none;
	display: block;
}


#box10 a:hover{

	background-image: url(images/my%20vishal%206.jpg);
	height: 100px;
	width: 100px;
	text-decoration: none;}