@charset "utf-8";
/* CSS Document */

/*------------------------------
		  	LINKS 
------------------------------*/

/* the default links */
a, a:link, a:active /* DEFAUT LINK */
{
	color: #446929;
	cursor: pointer;
	font-family:"Guttman Yad", "Guttman Yad-Light", "Guttman Yad-Brush";
	font-size: 15px;
	font-weight: bold;
/*	margin-left: 3px;
	margin-right: 3px;	*/
	text-decoration: none;
}


a:hover /* DEFAUT LINK */
{
	color: #446929;
	cursor: pointer;
	font-family:"Guttman Yad", "Guttman Yad-Light", "Guttman Yad-Brush";
	font-size: 15px;
	font-weight: bold;
/*	margin-left: 3px;
	margin-right: 3px;	*/
	text-decoration: underline;
}




a.jscss, a.jscss:link, a.jscss:active
{/* WEB-ON LINK */
/*	background-image:url(../images/small_bg.jpg);
	background-repeat: repeat-x repeaty;*/
	border: none;
	cursor: pointer;
	color: #0000ff;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: underline;
}


a.jscss:hover
{ /* WEB-ON LINK */
/*	background-image:url(../images/small_bg.jpg);
	background-repeat: repeat-x repeaty;*/
	border: none;
	cursor: pointer;
	color: #555;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: underline;
}


/* NEEDED FOR THE WEB-ON'S LINK*/
a.web-on, a.web-on:link, a.web-on:active
{/* WEB-ON LINK */
/*	background-image:url(../images/small_bg.jpg);
	background-repeat: repeat-x repeaty;*/
	border: none;
	cursor: pointer;
	color: #444444;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}


a.web-on:hover
{ /* WEB-ON LINK */
/*	background-image:url(../images/small_bg.jpg);
	background-repeat: repeat-x repeaty;*/
	border: none;
	cursor: pointer;
	color: #888;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}



/*------------------------------
		  	BODY 
------------------------------*/


/* the window will be covered with white color (not only the table) */
body
{/* CSS OF THE BODY */
	margin: 0px;
	padding: 0px;
	background-image:url(../images/small_bg.jpg);
	background-repeat: repeat-x repeat-y;
	direction: rtl;
	text-align: right;
}


div
{
}



div.bottomFreeTextDiv
{/* THE DIV WILL SHOW THE NEXP, PREV & SQUARES PICTURES / TEXT*/
/*	border: 1px dotted green;*/
	height: 25px;
	margin-right: 10px;
	margin-top: 5px;
	width: 405px;
}


div.menuDiv
{/* THIS DIV IS RESPONSIBLE ON THE TOP MENU (4 LINKS): INDEX, PROJECTS, CUSTOMERS & CONTACT)*/
	margin-top: 47px;
	margin-right: 0px;
}

div.sideMenuDiv
{/* THIS DIV IS NEEDED FOR THE RIGHT MENU (BOOKS / SITES / LOGOS / ...) */
/*	border-bottom: 1px solid #C6C8C7;*/
	border: none;
	cursor: pointer;
	height: 47px;
/*	padding-top: 8px;*/
}

div.sideMenuSelectedDiv
{/* THIS DIV IS NEEDED FOR THE RIGHT MENU (BOOKS / SITES / LOGOS / ...) */
/*	border-bottom: 1px solid #C6C8C7;*/
	border: none;
	cursor: pointer;
}


div.mainFreeTextDiv
{/* THE DIV WILL SHOW THE WANTED PICTURE / TEXT. */
/*	border: 1px dotted blue;*/
	font-family:Arial, Narkisim, Rod;
	font-size: 15px;
/*	font-weight: bold;*/
	height: 330px;
	margin-right: 10px;
	margin-top: 20px;
	width: 405px;
}


div.topFreeTextDiv
{/* THE DIV WILL SHOW THE WANTED TEXT FOR THE NEXT PICTURE TO BE SHOWN. */
/*	border: 1px dotted red;		*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
/*	font-weight: bold;		*/
	height: 45px;
	margin-right: 10px;
	padding-right: 40px;
	margin-top: 10px;
	width: 405px;
}


/* THE DIV HOLDS THE BOTTOM WANTED PICTURE. THE PICTURE WILL BE RELATIVE. */
img.relativePic
{
/*	border: 1px dotted red;*/
	float: right;
}


img.centerImage
{
	border: 1px solid red;
	text-align: center;
	vertical-align: middle;
}

/* THE BUTTON IS NEEDED FOR THE NEXT / PREVE BUTTON */
img.smallButtonImg
{
	direction: ltr;
	cursor: pointer;
	margin-left: 2px;
	margin-right: 2px;
	text-align: left;
}


p
{
	margin-right: 15px;
}

p.mainP
{
	line-height: 21px;
}

p.leftTextP
{
	font-size: 11px; 
	margin-right: 0px;
	padding-top: 2px;
/*	text-transform:capitalize; /* SO THE WORDS WILL BE CAPITALIZED. */
}

/*------------------------------
		  	TABLE
------------------------------*/

/* the width was matched to the USER'S REQUEST */
table
{
	border:none;
/*	border: 1px solid black;
	border-collapse:collapse; /* so the cells will show only 1 line border. * / */
	height: 573px;
	margin-top: 3%;
	width: 719px;
}



/*------------------------------
		  	TD
------------------------------*/

/* The default cell properties */
td
{	
	background-color: #fff;
/*	border: 1px solid red;*/
	border: none;
	color:#000;
	direction: rtl;
	vertical-align: top;
	text-align: right;
}

/*-------------------------------
/		BOTTOM CELLS			/
-------------------------------*/

/* THE PROPERTIE'S FOR THE TOP-LEFT CELL. */
td.bottomLeftTD
{
	background-image:url(../images/pazel/bottomLeftEmpty.jpg);
	background-repeat: no-repeat;
/*	border: 1px solid yellow;	*/
	height: 477px;
	width: 519px;
}


/* THE PROPERTIE'S FOR THE TOP-RIGHT CELL. */
td.bottomRightTD
{
	background-image:url(../images/pazel/bottomRight.jpg);
	background-repeat: no-repeat;
/*	border: 1px solid green;*/
	height: 477px;
	width: 206px;
}




/*-------------------------------
/		TOP CELLS			/
-------------------------------*/


/* THE PROPERTIE'S FOR THE TOP-LEFT CELL. */
td.topLeftTD
{
	background-image:url(../images/pazel/topLeft.jpg);
	background-repeat: no-repeat;
/*	border: 1px solid black;*/
	height:96px;
	width: 519px;
}


/* THE PROPERTIE'S FOR THE TOP-RIGHT CELL. */
td.topRightTD
{

	background-image:url(../images/pazel/topRight.jpg);
	background-repeat: repeat-x repeat-y;
/*	border: 1px dotted blue;*/
	height:96px;
	width: 206px;
}


/* NEEDED FOR SHOWING THE DESIGNER & BUILDER. */
.web-onSpan
{
/*background-image:url(../images/small_bg.jpg);
background-repeat: repeat-x repeat-y;*/
/*border: 1px solid red;*/
color: #444444;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
margin-right: 8px;
margin-top: 68px;
width: 180px;
}