/* CSS Document */
body {
		background: white url(bg_sketch1.gif) top;
		margin-left: 20px;
		margin-right: 20px;
		margin: auto;
		direction:rtl;
		scrollbar-arrow-color :#6bc3df;
			scrollbar-3dlight-color : #ABB291;
			scrollbar-highlight-color : #ABB291;
			scrollbar-shadow-color : #ABB291;
			scrollbar-darkshadow-color : #ABB291;
			scrollbar-face-color : #347690;
			scrollbar-track-color : #6bc3df;
			scrollbar-base-color : white;
		}
img { border: 0; }
		/* General*/
a{ font: 99%/1.5 arial, helvetica, sans-serif;}

#container {
		width: 850px;
		background-color: white;
		margin-top: 0px;
		margin: auto;
		border-left: 5px solid #6BC3DF;
		border-right: 5px solid #6BC3DF;
		}
#wrapper {
	background-color: white;
		padding-left: 20px;
		padding-right: 20px;
		}
#dikla {
	margin-top: 20px;
	width: 490px;
	}
.topMenu {
	font: 95% arial, sans-serif;
	font-size: 9.7pt;
	font-weight: bold;
	letter-spacing: 0em;
	color: #366D88;
	padding-right: 15px;
	text-align: center;
	}		
#links a{
	font: 90% arial, sans-serif;
	font-size: 9.7pt;
	font-weight: bold;
	letter-spacing: -0.01em;
	color: #366D88;
	padding-right: 25px;
	text-align: center;
	TEXT-DECORATION: none;
}

#links a:hover {
	color: #1FAAE9;
}
.sub {
	font: 85%/1.5 verdana, sans-serif;
	font-size: 10pt;
	color: #366D88;
	letter-spacing: 0em;
	margin-top: 5px;
 }	
h1 {
	font: 100%/1.5 verdana, sans-serif;
	color: #366D88;
	font-size: 18pt;
	letter-spacing: 0em;
	text-align: right;
	margin-top: 5px;	
	margin-right: 15px;	 	
	}

h2 {
	font: 100%/1.5 verdana, sans-serif;
	color: #366D88;
	font-size: 14pt;
	letter-spacing: -0.03em;
	text-align: right;
	margin-top: 15px;	
	margin-right: 15px;
clear: both;	
	}
h2 a{ color: #366D88; }
h2 a:hover{ color: #366D88; text-decoration: none; }		
h2 span  { font: 80%/1.5 verdana, sans-serif; font-size: 11pt; letter-spacing: -0.03em;}
h3 {
	font: 99%/1.5 arial, helvetica, sans-serif;
	letter-spacing: -0.01em;
	font-size: 10pt;
	color: #666; 
	padding-bottom: 3px;
	font-weight: bold;
	}
h5 { font: 100%/1.5 verdana, sans-serif;
	font-weight: bold;
	color: #366D88;
	font-size: 11.5pt;
	margin-right: 15px;	 
	margin-top: 5px;	
}		
#aboutme {
	width: 279px;
	margin-right: 15px;	
	margin-top: 25px;	
}
#aboutme p {
	font: 99%/1.45 arial, helvetica, sans-serif;
	font-size: 9.8pt;
	color: #366D88; 
	}
.buttons  {
width: 290px;
margin: 30px 0px 10px 15px;	
}

.buttons  a{
	float: right; 
	margin-right: 5px; 
	margin-top: 15px;
	font: 99%/1.5 arial, helvetica, sans-serif;
	font-size: 9.2pt;
	text-align: center;
	color: #000; 
}
.buttons h4 {
	font: 100%/1.5 verdana, sans-serif;
	color: #366D88;
	font-size: 14pt;
	letter-spacing: -0.03em;
	text-align: right;
	margin-top: 15px;	
	margin-right: 15px;
	}

table p {
	font: 99%/1.5 arial, helvetica, sans-serif;
	font-size: 9.2pt;
	color: #366D88; 
}
#contact table {
	margin-left: 15px;	
}

#contact  h2{
margin-left: 15px;
color: #366D88; 
}
	
#tableweb {
margin-right: 10px;
}		

.sub {
	font: 85%/1.5 verdana, sans-serif;
	font-size: 11pt;
	color: #666;
	letter-spacing: 0em;
 }
   #frame {
   float: left;
   margin-top: 30px;
	}

	#side{
	float: left;
	display: inline; 
	padding-top: 20px;
	padding-right: 10px;
	margin-right: 10px;
	}

a {
	text-decoration: none;
	}
span a:hover {
	text-decoration: underline;
	}

		/* About page*/
p span {
		font: 80%/1.5 arial, helvetica, sans-serif;
		font-size: 11pt;
		color: black;
		letter-spacing: 0em;
		display: block;
		/*padding-bottom: 30px;
		padding: 0 20px;*/
		}
		
#content {
	float: right;
	margin: 25px 10px 20px 1%;
	background: white;
	width: 279px;
	voice-family: "\"}\"";
	voice-family:inherit;
	}
#content p {
		font: 99%/1.5 arial, helvetica, sans-serif;
		font-size: 9.8pt;
		color: black;
		letter-spacing: 0em;
		display: block;	
}
#content p  a{ text-decoration: none;}
#content p  a:hover{ text-decoration: underline;}
#content2 {
	float: left;
	margin: -10px 0 20px 0;
	width: 40%; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 41%;
	}
#content2 p  a{ 
font: 80%/1.5 arial, helvetica, sans-serif;
		font-size: 10pt;
		color: #000;
		letter-spacing: 0em;
		display: block;	
		text-align: center;}
#content2 p  a:hover{ text-decoration: underline;}	
	
	/* Sketches page*/

#hebtext {
	padding-right: 90px;
	}
#text { padding-left: 80px;
}
#content.links  p a{
		font: 99%/1.5 arial, helvetica, sans-serif;
		font-size: 9.2pt;
		color: black;
		letter-spacing: 0em;
		display: block;
		margin-bottom: 3px;
		}
#content.links  p a:hover {
	color: #4CABC9;
	text-decoration: underline;
	}
#content.links  p a:visited {
	color: #999;
	} 
#content_right {
	float: left;
	margin: 25px 5px 10px 5px;
	background: white;
	width: 45%; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	}
#content_right.links {
color: black;
}
#content_right.links  p a{
		font: 99%/1.5 arial, helvetica, sans-serif;
		font-size: 9.2pt;
		color: black;
		letter-spacing: 0em;
		display: block;
		margin-bottom: 3px;
		}
#content_right.links  p a:hover {
	color: #4CABC9;
	text-decoration: underline;
	}
#content_right.links  p a:visited {
	color: #999;
	}	
		
		
 /* Myfooter page*/
	
#content1 {
float: right;
	padding: 10px 1% 10px 1%;
	margin: 10px 1% 10px 2%;
	background: white;
	width: 40%; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 41%;
	}
.small{
font-size: 10pt;
}
#work_title {
	color: white;
	position: absolute;
	bottom: 20px;
	padding-bottom: 10px;
	}

	 /* Links page--------------------------------*/

#myfooter {
	background-color: #6BC3DF;
	margin-top: 10px;
	padding-bottom: 20px;
	padding-left: 15px;
	padding-top: 8px;
	clear: both;	
	}
#myfooter p {	
color: black;
}
.bottom  a {	
color: black;
text-decoration: underline;
}
.bottom  a:hover{	
color: #fff;
text-decoration: none;
}
.bottom	{
    font: 99%/1.5 arial, helvetica, sans-serif;
	letter-spacing: 0.01em;
	font-size: 8.5pt;
	color: #999999; 
	}
.icons_title	{
    font: 99%/1.5 arial, helvetica, sans-serif;
	letter-spacing: 0.01em;
	font-size: 9pt;
	color: #999999; 
	padding-bottom: 3px;
	}
	.icons_title1	{
    font: 99%/1.5 arial, helvetica, sans-serif;
	letter-spacing: 0.01em;
	font-size: 9pt;
	color: #999999; 
	padding-top: 18px;
	padding-bottom: 1px;
	}

#plane {
float: left;
	width: 40%;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
 display: none;
 position: absolute;
 top: 1.5em; margin-top: 6px; /* I'm using ems and px to allow people to zoom their font */
 left: 0px;
 width: 510px;
}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
 top: -1px; margin-top: 5px;
 left: 20px;
}
.menulist li {
 float: left;
 display: block;
 padding-right: 3px;
 position: relative;
 font: 85%/1.5 verdana, sans-serif;
	font-size: 10pt;
	color: #366D88;
	letter-spacing: 0em;	
}
a.rounded, .button {
    outline: none;
    border: none;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    vertical-align: middle;
    display: -moz-inline-box;
    display: inline-block;
    overflow: visible;
  }
.rounded {  outline: none;
    border: none;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    vertical-align: middle;
    display: -moz-inline-box;
    display: inline-block;
    overflow: visible;
  }