body {
  margin: 0;
  padding: 0;
  text-align: center;	/* for ie 5 */  
  height: 100%; 
  font-family: Tahoma, sans-serif;
  font-size: 13px;
  color: #82461e;
  background: #fbf9f6;
  
}

#page {
  width: 960px;  
  margin: 10px auto;
  padding: 0px;
  text-align: left;
  overflow: hidden;  /* важно ! */
  position: relative;
  
  background: #f9f5ef; /* еще прописан в стилях рамки ! */
}


#top {
 width: 950px;
 height: 382px;
 background: url('/images/bg.gif') repeat-x; 
 
}

#url {
	position: relative;
	left: 425px;
	top: -55px;
}

#title {
	position: relative;
	left: 20px;
	top: -55px;
}

#leftCol {
  float: left; 
  width: 240px;   /* 272  */
  height: 100%;
  margin-top: 0px;
  background: url('/images/projector-menu.jpg') no-repeat right top; 
}

#leftButtons {
	float: left;
	width:  180px;
	height: 100%;
	margin-top: 0px;
    padding-left: 40px; 	
    padding-right: 20px; 		
}

#leftButton {
 width: 100%;
 margin-bottom: 20px;
}


#centerCol {
  float: right;
  width: 680px;   
  height: 100%;	
}

#content {
 float: center;
 width:  670px;   /*  */
 height: 100%;
 position: relative;
 overflow: hidden;  /* важно ! */ 
 padding-top: 0px;
 margin-top: 0px;
 padding-right: 10px;
 
 
  font-family: Tahoma, sans-serif;
  font-size: 13px;
  color: #82461e; 
}

#ourworks {
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin-bottom: 20px;
}

#photoblock {
	float: left;
	overflow: none;
	width: 205px;
	height: 160px;
	font-size: 10px;
	text-align: center;	
}

#photoblock img {
	margin: 8px;
}	


#footer  {
 width: 950px;  
 height: 75px;   /*  95 - 20 */
 background: url(/images/footer.jpg) no-repeat; 
 
	font-size: 12px;
	font-weight: bold;
	padding-top: 20px;
	text-align: center;

}

#clear {
	clear: both;
	height: 0px;
	font-size: 0px;
}



/*   .........................   */


img {
	border: 0;
}

h1,h2,font,a {
	font-family: Tahoma,  sans-serif;
	color: #82461e;
}

h1, h2 {
	font-size: 16px;
	font-weight: bold;	
}

h1 {
 margin-top: 10px; 
 padding-top: 0;
}

font {
  font-size: 13px;
}

#photoblock font {
	font-size: 10px;	
	padding: 20px;	
	text-align: center;
}

table.price {
	border: 1px solid #c4b5a2;
	padding: 2px;
	width: 560px;
}

table.price td {
	border: 1px solid #c4b5a2;
	padding: 3px;
}

#leftButton a {
	font-size: 14px;
	font-weight: bold;	 
	font-size: 16px;
	text-decoration: none;
}

#leftButton a:hover, a:active {
	text-decoration: underline;
}

#content  ul li {
	margin: 5px;
}	

#clear {
	clear: both;
	height: 0px;
	font-size: 0px;
}


/* ......... закруглённые углы рамки ......  */


.corners {
      background: #f9f5ef;
      border: 5px solid #c4b5a2;
}
.corners #corner {
      background: url(/images/corner_t-l.gif) top left no-repeat;
      position: relative;
      margin: -5px; /* значение указываем равным толщине рамки */
}
.corners #corner #corner  {
      background: url(/images/corner_t-r.gif) top right no-repeat;
      margin: 0px;
}
.corners #corner #corner #corner{
      background: url(/images/corner_b-r.gif) bottom right no-repeat;
}
.corners #corner #corner #corner #corner {
      background: url(/images/corner_b-l.gif) bottom left no-repeat; 
	  padding: 5px;