/* generated by csscreator.com */ 
html, body{
	margin:0;
	padding:0;
	text-align:center;
	background-image: url(graphics/Viladi_Body.png);
	background-repeat: repeat-y;
	background-position: center;
} 
 
#pagewidth{ 
	 width:950px; 
	 text-align:left;  
	 margin-left:auto; 
	 margin-right:auto;  
} 
 
#header{
	position:relative;
	height:80px;
	width:950px;
	background-image: url(graphics/Viladi_Header.png);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
} 

 
#leftcol{
	width:190px;
	float:left;
	position:relative;
	background-image: url(graphics/leftBG-1.png);
	background-repeat: no-repeat;
	height: 300px;
 }

#leftcol-about{
	width:190px;
	float:left;
	position:relative;
	background-image: url(graphics/leftBG-2.png);
	background-repeat: no-repeat;
	height: 300px;
 }

#leftcol-center{
	width:190px;
	float:left;
	position:relative;
	background-image: url(graphics/leftBG-3.png);
	background-repeat: no-repeat;
	height: 300px;
 }

#leftcol-center-wood{
	width:190px;
	float:left;
	position:relative;
	background-image: url(graphics/leftBG-5.png);
	background-repeat: no-repeat;
	height: 300px;
 }

#leftcol-center-DIY{
	width:190px;
	float:left;
	position:relative;
	background-image: url(graphics/leftBG-7.png);
	background-repeat: no-repeat;
	height: 300px;
 }

#leftcol-moshe{
	width:190px;
	float:left;
	position:relative;
	background-image: url(graphics/leftBG-10.png);
	background-repeat: no-repeat;
	height: 300px;
 }

#leftcol-center-paint{
	width:190px;
	float:left;
	position:relative;
	background-image: url(graphics/leftBG-9.png);
	background-repeat: no-repeat;
	height: 300px;
 }




.area-left240 {
	clear: left;
	float: left;
	width: 240px;
	position: relative;
	margin:0;
	padding: 0;
}


.area-right240 {
	float: right;
	width: 240px;
	clear: right;
	position: relative;
	margin:0;
	padding: 0;
}

.left-plaque {
	left: 9px;
	height: auto;
	width: 150px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #24170D;
	background-image: url(graphics/left-inside-BG.png);
	background-repeat: repeat-y;
}

.left2 {
	left: 9px;
	height: auto;
	width: 150px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #24170D;
	background-image: url(graphics/DictionaryBG.png);
}


.left3 {
	left: 9px;
	height: auto;
	width: 150px;
	position: relative;
	background-image: url(graphics/projectBG.png);
}

.left3container {
	width: 130px;
	margin-left:auto;
	margin-right:auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #24170D;
	text-align: right;
}


.left3container a {
color: #24170D;
}

.left3container a:hover {
color: #B5985E;
}
 
#twocols{
 width:760px; 
 float:right; 
 position:relative; 
  }
 
#rightcol{
	width:265px;
	float:right;
	position:relative;
	background-image: url(graphics/rightBG.png);
	background-repeat: no-repeat;
	height: 465px;
 }
 
#maincol{
	float: left;
	display:inline;
	position: relative;
	width:495px;
	background-image: url(graphics/centerBG.png);
	background-repeat: no-repeat;
	height: auto;
 }


.booklet_top {
	float: left;
	background-image: url(graphics/bookletTOP.png);
	background-repeat: no-repeat;
	height: 8px;
	width: 480px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1px;
}

.booklet_body {
	float: left;
	width: 480px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #24170D;
	background-image: url(graphics/bookletBODY.png);
	background-repeat: repeat-y;
	height: auto;
}

.booklet_end {
	background-image: url(graphics/bookletBOTTOM.png);
	background-repeat: no-repeat;
	float: left;
	height: 8px;
	width: 480px;
}

.booklet_left {
	margin: 10px;
	float: left;
	width: 120px;
}

.booklet_right {
	margin: 10px;
	float: right;
	width: 300px;
}

.booklet_top_50_50 {
	float: left;
	background-image: url(graphics/booklet50-50TOP.png);
	background-repeat: no-repeat;
	height: 8px;
	width: 480px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1px;
}

.booklet_body_50_50 {
	float: left;
	width: 480px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #24170D;
	background-image: url(graphics/booklet50-50BODY.png);
	background-repeat: repeat-y;
	height: auto;
}

.booklet_end_50_50 {
	background-image: url(graphics/booklet50-50BOTTOM.png);
	background-repeat: no-repeat;
	float: left;
	height: 8px;
	width: 480px;
}

.booklet_left_50_50 {
	margin: 10px;
	float: left;
	width: 220px;
}

.booklet_right_50_50 {
	margin: 10px;
	float: right;
	width: 220px;
}



.pad_top {
	float: left;
	background-image: url(graphics/padTOP.png);
	background-repeat: no-repeat;
	height: 39px;
	width: 480px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	padding-top: 27px;
	font-weight: 700;
	color: #24170D;
}

.pad_body {
	float: left;
	width: 480px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #24170D;
	background-image: url(graphics/padBODY.png);
	background-repeat: repeat-y;
	height: auto;
	line-height: 14px;
}

.pad_end {
	background-image: url(graphics/padBottom.png);
	background-repeat: no-repeat;
	float: left;
	height: 38px;
	width: 480px;
}

.pad {
	margin: 10px 50px 10px 20px;
	_margin: 10px 30px 10px 8px;
	float: right;
	width: 390px;
	_width: 352px;
}


.mail_top_bottom {
	float: left;
	background-image: url(graphics/mailTOP-BOTTOM.png);
	background-repeat: no-repeat;
	height: 14px;
	width: 480px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0px;
	font-weight: normal;
	color: #24170D;
}

.mail_body {
	float: left;
	width: 480px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #24170D;
	background-image: url(graphics/mailBODY.png);
	background-repeat: repeat-y;
	height: auto;
	line-height: 14px;
}



.mail {
	margin: 10px 20px 10px 20px;
	_margin: 10px 20px 10px 20px;
	float: right;
	width: 440px;
	_width: 380px;
}

 


.display_top {
	float: left;
	background-image: url(graphics/displayTOP.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 480px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1px;
	color: #24170D;
}

.display_body {
	float: left;
	width: 480px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #24170D;
	background-image: url(graphics/displayBODY.png);
	background-repeat: repeat-y;
	height: auto;
	line-height: 14px;
}

.display_end {
	background-image: url(graphics/displayBOTTOM.png);
	background-repeat: no-repeat;
	float: left;
	height: 25px;
	width: 480px;
}

.display {
	margin: 10px 50px 10px 20px;
	_margin: 10px 30px 10px 8px;
	float: right;
	width: 390px;
	_width: 352px;
}

.displayB {
	margin: 10px 23px 10px 12px;
	_margin: 10px 13px 10px 8px;
	float: right;
	width: 410px;
	_width: 362px;
}



.deal_top {
	float: left;
	background-image: url(graphics/dealTOP.png);
	background-repeat: no-repeat;
	height: 31px;
	width: 238px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1px;
	color: #24170D;
}

.deal_body {
	float: left;
	width: 238px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #24170D;
	background-image: url(graphics/dealBODY.png);
	background-repeat: repeat-y;
	height: auto;
	line-height: 12px;
}

.deal_end {
	background-image: url(graphics/dealBOTTOM.png);
	background-repeat: no-repeat;
	float: left;
	height: 39px;
	width: 238px;
}

.deal {
	_margin: 10px 10px 10px 0px;
	float: right;
	width: 210px;
	_width: 195px;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 0px;
}




#footer{
	height:auto;
	width:485px;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	background-color: #FFF;
	clear: both;
} 

.maatafa {
	width:475px;
	height: auto;
	margin-left:auto;
	margin-right:auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	text-align: right;
	direction:rtl;
	top: 70px;
	position: relative;

}


.maatafa-b {
	width:480px;
	height: auto;
	margin-left:auto;
	margin-right:auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	text-align: right;
	direction:rtl;
	top: 70px;
	position: relative;

}

.plaque {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 50px;
	font-weight: 700;
	color: #24170D;
	background-image: url(graphics/plaque_480x60.png);
	background-repeat: no-repeat;
	height: 60px;
	width: 480px;
	text-align: right;
}


.booklet_body li, .pad_body li, .maatafa li{
	list-style-type: disc;
}

.pad_body .numbered li{
list-style-type: decimal;
}





/* M E N U */
/* M E N U  -  M A I N */
.tafrit {
	left: 16px;
	height: 425px;
	width: 196px;
	position: relative;
}


.tafrit ul, li { /* using a list for menu */
list-style-type: none;  /* cleaning up the list */
margin:0;
padding:0;
}

.tafrit ul {
background: transparent url(graphics/Viladi_Menu.png) top left no-repeat; /* general background for the menu */
height: 200px;
width: 196px;
text-align: center;
}

.tafrit li {
display: inline; /* correction for IE5 et IE5.5 */
}

.tafrit li a { /* buttons dimensions and definition */
display: block;  /* block for <a> to give it its dimensions */
height: 33px;
width: 196px;
line-height: 10px;  /* height of line to avoind paddings */
color: #E2C6BA;
font-size: 1px;
font-family: georgia, serif;
text-decoration: none;
}

.tafrit li a:hover {
color: #43271B;
background: transparent url(graphics/Viladi_Menu.png) top left no-repeat;
}

.tafrit a#menu1:hover {
background-position: -196px -0; 
}

.tafrit a#menu2:hover {
background-position: -196px -33px;
}

.tafrit a#menu3:hover {
background-position: -196px -66px;
}

.tafrit a#menu4:hover {
background-position: -196px -99px;
}

.tafrit a#menu5:hover {
background-position: -196px -132px;
}

.tafrit a#menu6:hover {
background-position: -196px -165px;
}


/* M E N U   L E F T  2  I T E M S */
.tafrit-left2 {
	left: 3px;
	height: auto;
	width: 160px;
	position: relative;
	background-image: url(graphics/left-boardBG.png);
	background-repeat: no-repeat;
}


.tafrit-left2 ul, li { 
list-style-type: none; 
margin:0;
padding:0;
}

.tafrit-left2 ul {
	background: transparent url(graphics/Viladi_Menu2Pack.png) no-repeat left top;
	height: 80px;
	width: 160px;
	text-align: center;
	top: 5px;
	position: relative;
}

.tafrit-left2 li {
display: inline; 
}

.tafrit-left2 li a {
	display: block;
	height: 40px;
	width: 160px;
	line-height: 30px;
	color: #DAD08A;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
}

.tafrit-left2 li a:hover {
color: #403229;
background: transparent url(graphics/Viladi_Menu2Pack.png) top left no-repeat;
}

.tafrit-left2 a#menu_L1:hover {
background-position: -160px -0; 
}

.tafrit-left2 a#menu_L2:hover {
background-position: -160px -40px;
}



/* M E N U   L E F T  3  I T E M S */
.tafrit-left3 {
	top: 220px;
	left: 3px;
	height: 125px;
	width: 160px;
	position: relative;
	background-image: url(graphics/left-boardBG.png);
	background-repeat: no-repeat;
}


.tafrit-left3 ul, li { 
list-style-type: none; 
margin:0;
padding:0;
}

.tafrit-left3 ul {
	background: transparent url(graphics/Viladi_Menu2Pack.png) no-repeat left top;
	height: 120px;
	width: 160px;
	text-align: center;
	top: 5px;
	position: relative;
}

.tafrit-left3 li {
display: inline; 
}

.tafrit-left3 li a {
	display: block;
	height: 40px;
	width: 160px;
	line-height: 30px;
	color: #DAD08A;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
}

.tafrit-left3 li a:hover {
color: #403229;
background: transparent url(graphics/Viladi_Menu2Pack.png) top left no-repeat;
}

.tafrit-left3 a#menu_L1:hover {
background-position: -160px -0; 
}

.tafrit-left3 a#menu_L2:hover {
background-position: -160px -40px;
}

.tafrit-left3 a#menu_L3:hover {
background-position: -160px -80px;
}


/* M E N U   L E F T  4  I T E M S */
.tafrit-left4 {
	top: 220px;
	left: 3px;
	height: 125px;
	width: 160px;
	position: relative;
	background-image: url(graphics/left-boardBG.png);
	background-repeat: no-repeat;
}


.tafrit-left4 ul, li { 
list-style-type: none; 
margin:0;
padding:0;
}

.tafrit-left4 ul {
	background: transparent url(graphics/Viladi_Menu2Pack.png) no-repeat left top;
	height: 160px;
	width: 160px;
	text-align: center;
	top: 5px;
	position: relative;
}

.tafrit-left4 li {
display: inline; 
}

.tafrit-left4 li a {
	display: block;
	height: 40px;
	width: 160px;
	line-height: 30px;
	color: #DAD08A;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
}

.tafrit-left4 li a:hover {
color: #403229;
background: transparent url(graphics/Viladi_Menu2Pack.png) top left no-repeat;
}

.tafrit-left4 a#menu_L1:hover {
background-position: -160px -0; 
}

.tafrit-left4 a#menu_L2:hover {
background-position: -160px -40px;
}

.tafrit-left4 a#menu_L3:hover {
background-position: -160px -80px;
}

.tafrit-left4 a#menu_L4:hover {
background-position: -160px -120px;
}



/* M E N U   L E F T  5  I T E M S */
.tafrit-left5 {
	top: 220px;
	left: 3px;
	height: 125px;
	width: 160px;
	position: relative;
	background-image: url(graphics/left-boardBG.png);
	background-repeat: no-repeat;
}


.tafrit-left5 ul, li { 
list-style-type: none; 
margin:0;
padding:0;
}

.tafrit-left5 ul {
	background: transparent url(graphics/Viladi_Menu2Pack.png) no-repeat left top;
	height: 200px;
	width: 160px;
	text-align: center;
	top: 5px;
	position: relative;
}

.tafrit-left5 li {
display: inline; 
}

.tafrit-left5 li a {
	display: block;
	height: 40px;
	width: 160px;
	line-height: 30px;
	color: #DAD08A;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
}

.tafrit-left5 li a:hover {
color: #403229;
background: transparent url(graphics/Viladi_Menu2Pack.png) top left no-repeat;
}

.tafrit-left5 a#menu_L1:hover {
background-position: -160px -0; 
}

.tafrit-left5 a#menu_L2:hover {
background-position: -160px -40px;
}

.tafrit-left5 a#menu_L3:hover {
background-position: -160px -80px;
}

.tafrit-left5 a#menu_L4:hover {
background-position: -160px -120px;
}


.tafrit-left5 a#menu_L5:hover {
background-position: -160px -160px;
}



/* M E N U   L E F T  6  I T E M S */
.tafrit-left6 {
	left: 3px;
	height: auto;
	width: 160px;
	position: relative;
	background-image: url(graphics/left-boardBG.png);
	background-repeat: no-repeat;
}


.tafrit-left6 ul, li { 
list-style-type: none; 
margin:0;
padding:0;
}

.tafrit-left6 ul {
	background: transparent url(graphics/Viladi_Menu2Pack.png) no-repeat left top;
	height: 240px;
	width: 160px;
	text-align: center;
	top: 5px;
	position: relative;
}

.tafrit-left6 li {
display: inline; 
}

.tafrit-left6 li a {
	display: block;
	height: 40px;
	width: 160px;
	line-height: 30px;
	color: #DAD08A;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
}

.tafrit-left6 li a:hover {
color: #403229;
background: transparent url(graphics/Viladi_Menu2Pack.png) top left no-repeat;
}

.tafrit-left6 a#menu_L1:hover {
background-position: -160px -0; 
}

.tafrit-left6 a#menu_L2:hover {
	background-position: -160px -40px;
	font-family: Arial, Helvetica, sans-serif;
}

.tafrit-left6 a#menu_L3:hover {
background-position: -160px -80px;
}

.tafrit-left6 a#menu_L4:hover {
background-position: -160px -120px;
}


.tafrit-left6 a#menu_L5:hover {
background-position: -160px -160px;
}

.tafrit-left6 a#menu_L6:hover {
background-position: -160px -200px;
}


.menu2 {
	font-size: 16px;
	line-height: 26px;
	margin: 0px;
	padding: 0px;
	font-weight: 700;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}

.social_area {
	float: right;
	height: auto;
	width: 240px;
	margin-right: 10px;
}

.CB-top {
	height: 15px;
	width: 240px;
	background-image: url(graphics/CB-top.png);
	background-repeat: no-repeat;
}

.CB-body {
	height: 150px;
	width: 240px;
	background-image: url(graphics/CB-body.png);
	background-repeat: repeat-y;
}

.CB-bottom {
	height: 15px;
	width: 240px;
	background-image: url(graphics/CB-bottom.png);
	background-repeat: no-repeat;
}

.CB_area {
	float: right;
	height: auto;
	width: 220px;
	margin-right: 10px;
}

#sitemapbutton
{
  display: block;
  width: 250px;
  height: 40px;
  background: url(graphics/sitemap.png) no-repeat 0 0;
}

#sitemapbutton:hover
{ 
  background-position: 0 -40px;
}


#facebookbutton
{
  display: block;
  width: 250px;
  height: 64px;
  background: url(graphics/facebook.png) no-repeat 0 0;
}

#facebookbutton:hover
{ 
  background-position: 0 -68px;
}


/* RE-DEFINITIONS */ 

h1 {
	font-size: 30px;
	line-height: 50px;
	margin: 0px;
	padding: 0px;
	font-weight: 700;
}

h2 {
	font-size: 24px;
	line-height: 40px;
	margin: 0px;
	padding: 0px;
	font-weight: 700;
}

h3 {
	font-size: 18px;
	line-height: 30px;
	margin: 0px;
	padding: 0px;
	font-weight: 700;
}

h4 {
	font-size: 16px;
	line-height: 26px;
	margin: 0px;
	padding: 0px;
	font-weight: 700;
}

h5 {
	font-size: 14px;
	line-height: 22px;
	margin: 0px;
	padding: 0px;
	font-weight: 700;
}

p {
	margin: 0px;
	padding: 6px 0px;
}

.fs14 {
	font-size: 14px;
}


.fs24B {
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #24170D;
}

.fs20B {
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #936E39;
}


.copyright {
	font-size: 10px;
	font-weight: normal;
	color: #E3D6A5;
}
 

 
 /* *** Float containers fix: http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}