/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: none;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	width: 100%;
	line-height: 1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#6A6D6A;
	font-size: 12px;
	font-weight: 500;
	text-transform: capitalize;
	margin-left: 0;
	background-color: #212421;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	
}
blockquote, q {
	
}
a:link, a:visited {
	color:#9A9D9A;
	text-decoration:none;

}
a:hover, a:active, a:focus
{
	color:#6A6D6A;
	text-decoration:none;

}
#indexlogo, #indexphoto, #english, #hebrew, #homelogo, #homemenu, #photo, #project, #presentation, #photomenu, #projectmenu, #presentationmenu {
	position: absolute;
	left: 50%;
}
#indexlogo, #homelogo  {
	width: 550px;
	height: 25px;
	margin-left: -250px;
	background-image: url(images/indexlogo.gif);
	background-repeat: no-repeat;
}
#indexlogo {
	top: 25px;
	background-image: url(images/indexlogo.gif);
	background-repeat: no-repeat;
}
#homelogo {
	top: 75px;
}
#homemenu {
	top: 145px;
	margin-left:-500px;
}
#homemenu #active_menu-nav, #mainlevel-nav
{
	color:#C8CAC8;

	}
#homemenu ul li
{
	display:inline;
	text-align:left;
	padding: 0 40px 0 0;
}

#indexphoto  {
	width: 500px;
	height: 500px;
	top: 65px;
	margin-left: -250px;
	background-image: url(images/indexphoto.jpg);
	background-repeat: no-repeat;

}
#english  {
	width: 52px;
	top: 582px;
	margin-left: 138px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: .2em;
	text-transform: uppercase;
}
#hebrew  {
	width: 42px;
	top: 579px;
	margin-left: 207px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing: .2em;
}
#english a:link, #english a:visited, #hebrew a:link, #hebrew a:visited
{
	color:#727672;

}

#english a:hover, #english a:active, #english a:focus, #hebrew a:hover, #hebrew a:active, #hebrew a:focus
{
	color:#595E59;

}
#photo, #project, #presentation {
	height: 215px;
	top: 185px;
}
#photo {
	margin-left: -500px;
	width: 344px;
}
#project {
	margin-left: -156px;
	width: 344px;
}
#presentation {
	margin-left: 188px;
	width: 313px;
}

/* ################### Menus ####################### */

#photomenu, #projectmenu, #presentationmenu {
	top: 415px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	color:#969A96;
	font-size: 11px;
	font-weight: 500;
	text-transform: uppercase;
	text-indent: 20px;
	letter-spacing: 0.2em;
}

#photomenu #active_menu-nav, #photomenu-nav, #projectmenu #active_menu-nav, #projectmenu-nav, #presentationmenu #active_menu-nav, #presentationtmenu-nav
{

	text-align:left;
}



#photomenu a:link, #photomenu a:visited, #projectmenu a:link, #projectmenu a:visited, #presentationmenu a:link, #presentationmenu a:visited
{
	color:#969A96;
	text-decoration:none;

}

#photomenu a:hover, #photomenu a:active, #photomenu a:focus, 
#projectmenu a:hover, #projectmenu a:active, #projectmenu a:focus, 
#presentationmenu a:hover, #presentationmenu a:active, #presentationmenu a:focus
{
	color:#797C79;
	text-decoration:none;

}
#photomenu {
	margin-left: -500px;
}

#projectmenu {
	margin-left: -156px;
}

#presentationmenu {
	margin-left: 188px;
}



/* ilikespam dropdown menu */

/* top level menu container */
ul {
	font-size: 12px;
	text-transform: uppercase;
	list-style: none;    /* no list bullets                        */
	margin: 0px;         /* don't try to indent lists              */
	padding: 0px;        /* don't try to indent lists              */
	background: #212421;
	text-indent: 0;
}

/* top level menu items */
li {
	position: relative;  /* makes this a containing block          */
	float: left;         /* align menu horizontally                */
}

/* second level menu container */
ul ul {
	font-size: 12px;
	text-transform: capitalize;
	border: none;
	display: none;       /* don't show this menu by default        */
	position: absolute;  /* use absolute positioning for submenu   */
	top: 100%;           /* display directly under menu bar        */
	text-indent: 0;
}

/* second level menu items */
li li {
	float: none;            /* makes this list a vertical one      */
	width: 20em;             /* our second level menus are wider    */
	text-indent:10px;
}

/* position third level menu container */
ul ul ul { top: 0px; left: 100%; }

/* make the anchor fill the li */
li a {
	display: block;
	padding: 5px;
 }

/* highlight effect on hover */
li a:hover { 
	background: #212421;
	color:#797C79;
	text-decoration:none;
 }

/*
 * The magic which shows the menus. The > selector selects only an
 * immediate child. So this selector says 'The ul directly below the
 * li being hovered over'.
 */
li:hover > ul { display: block; }

/* clear the floated elements */
ul:after { 
  content: ".";
  display: block;
  height: 0;
  clear: both; 
  visibility: hidden;
}

li { behavior: url('IEmenus.htc'); }

/* ################### Top Menu ####################### */


#top {
	vertical-align: bottom;
	padding: 39px 0 0 35px;
	margin: 0 0 15px 0;
}

#top #active_menu-nav, #mainlevel-nav
{
	font-size: 14px;
	color:#C8CAC8;
	text-align: center;
	margin-bottom: 18px;
	text-transform: capitalize;
	}
#top ul {
	text-align:left;

}
#top ul li
{
	display:inline;
	text-align:left;
	padding: 0 19px 0 4px;
}

#top ul li a:link, #top ul li a:visited
{
	color:#9A9D9A;
	text-decoration:none;

}

#top ul li a:hover, #top ul li a:active, #top ul li a:focus
{
	color:#6A6D6A;
	text-decoration:none;

}

/* ################### Text Pane ####################### */


#textpane {
	padding: 30px 20px 0 320px;
	line-height: 1.8em;
	/*background-color:#000000;
	border-top: 1px solid #434443;
	border-bottom: 1px solid #434443;*/
}

#textpane h1 {
	font-size: 20px;
	color:#9A9D9A;
	font-weight: normal;
	padding-bottom: 1.5em;
}

#textpane p {
	padding-top: 1.8em;

}
#textpane .photo {
	display:inline;
	float:left;
	clear:right;
	margin-top:-30px;
}
#textpane .text {
	font-size:13px;
	display:inline;
	float:left;
	clear:right;
	margin-top:0;
	margin-left:30px;
	line-height:2em;
	width:400px;

}
/* ################### Form Pane ####################### */


#formpane {
	padding: 30px 20px 70px 430px;
	line-height: 1.8em;
	/*background-color:#000000;
	border-top: 1px solid #434443;
	border-bottom: 1px solid #434443;*/
}

#formpane h1 {
	font-size: 16px;
	color:#9A9D9A;
	font-weight: normal;
	padding-bottom: 4em;
}

#formpane p {
	padding-top: 1.8em;

}
#formpane .form {
	display:inline;
	float:left;
	clear:left;
	margin-top:-30px;
}

/* ################### Languages ####################### */

#languages {
	text-transform: capitalize;
	padding-top: 50px;
}
/* ################### Credit ####################### */

#credit {
	text-transform: capitalize;
	font-size: 9px;
	padding-top: 60px;
}
#credit a:link, #credit a:visited, #credit a:hover, #credit a:active, #credit a:focus {
	text-decoration:none;
	font-weight: normal;
}
#credit a:link, #credit a:visited
{
	color:#545654;

}

#credit a:hover, #credit a:active, #credit a:focus
{
	color:#3A3D3A;

}