/*css file for Big Eyes' Portfolio site */
/* http://www.bigeyes.co.il */
/* Created by Hadass Fishman:  http://www.hadassfishman.com */

/*----------------------------------------------------------------------------*/
/* Eric Meyer's reset v1.0 | 20080212 */

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, tbody, tfoot, thead, th {
	margin: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*-------------------------   end reset   ------------------------------------------------------------------------------*/

html, body {
	display: block;
	height: 100%;
}
html, body, div, ul, li, table, p, h1, h2, h3 {
	margin: 0;
	padding: 0;
}
body {
	color: #333;
	direction: rtl;
	text-align: right;
	font: normal 80% Tahoma, "Lucida Grande", Arial, Helvetica, sans-serif;
	background: #FFFFFF;
}
a {
	color: #666;
	text-decoration: none;
}
a:hover {
	color:#FFF;
}
#wrapper {
	margin: 0px auto;
	height: 98%;
	min-width: 870px;
	max-width: 1150px;
	width: 84%;
	position: relative;
	padding-top: 1%;
}
#wrapper.home {
	/*the homepage wrapper has a fixed height and width and is aligned to the middle */
	height: 500px;
	position: absolute;
	top: 50%;
	margin-top: -250px;
	width: 900px;
	left: 50%;
	margin-left: -450px;
	
}
/* main navigation box */
#mainNav {
	vertical-align: bottom;
	height: 266px;
	width: 234px;
	position: absolute;
	bottom: 10px;
	left: 0;
}
h1 {
	font-size:12px;
	height:40px;
	position:absolute;
		right:4px;
		top:0;
	width:100px;
}
h1 a {
	display: block;
	height: 40px;
}
h1 a span {
	display: none;
}
/* Main Navigation Bar - based on the illustration */
#mainNav, #mainNav li a:hover, #mainNav li a.current{
	background: url(../images/menu_eyes-1024.png) no-repeat;
}
#mainNav {
	background-position: right top;
}
#mainNav ul {
	list-style-type: none;
	margin-top: 34px;
	margin-right: 117px;
}
#mainNav li a {
	display: block;
}
#mainNav li a:hover {
	background-color: #fff;
	background-repeat: no-repeat;
}
#mainNav li span {
	display: none;
}
#mainNav #grafix a {
	width: 72px;
	height: 12px;
}
#mainNav #grafix a:hover, #mainNav #grafix a.current {
	background-position: -32px -34px;
}
#mainNav #illus a {
	width: 44px;
	height: 13px;
	margin-top: 6px;
}
#mainNav #illus a:hover, #mainNav #illus a.current {
	background-position: -61px -52px;
}
#mainNav #books a {
	width: 51px;
	height: 13px;
	margin-top: 8px;
}
#mainNav #books a:hover, #mainNav #books a.current {
	background-position: -52px -73px;
}
#mainNav #gourney a {
	width: 105px;
	height: 21px;
	margin-top: 3px;
}
#mainNav #gourney a:hover, #mainNav #gourney a.current {
	background-position: 0 -89px;
}
#mainNav #photos a {
	width: 37px;
	height: 16px;
	margin-top: 3px;
}
#mainNav #photos a:hover, #mainNav #photos a.current {
	background-position: -67px -113px;
}
#mainNav #about a {
	width: 44px;
	height: 14px;
	margin-top: 13px;
}
#mainNav #about a:hover, #mainNav #about a.current {
	background-position: -61px -141px;
}
/* content */
#contentBox {
	vertical-align: bottom;
	height: 63%;
	margin-left: 234px;
}
#contentBanner
{
	padding-top: 120px;
}

#contentBox img {
	height: 100%;
}
#contentText {
	vertical-align: bottom;
	margin-left: 250px;
}
#caption {
	height: 10%;
	vertical-align: top;
	padding-top: 1%;
	font-size: 0.8em;
	margin-left: 32%;
}
#caption p {
	float: right;
	width: 60%;
	padding-top: 5px;
	margin-right: 3px;
}
#caption strong {
	font-weight: bold;
	color: #666;
}
/* pagers */
#paging {
	list-style-type: none;
	font-family: "Trebuchet MS", Tahoma, sans-serif;
	float: right;
	zoom:1;
}
#paging li {
	width: 15px;
	line-height: 24px;
	text-align: center;
	vertical-align: middle;
	float: right;
}
#paging a.currentPage {
	cursor: default;
	color: #fff;
}
#paging a {
	display: block;
	height: 24px;
	background: url(../images/numbersBG.gif) no-repeat;
}
#paging .p1 a:hover, #paging .p1 a.currentPage {
	background-position: -20px 0;
}
#paging .p2 a:hover, #paging .p2 a.currentPage {
	background-position: -40px 0;
}
#paging .p3 a:hover, #paging .p3 a.currentPage {
	background-position: -60px 0;
}
#paging .p4 a:hover, #paging .p4 a.currentPage {
	background-position: -80px 0;
}
#paging .p5 a:hover, #paging .p5 a.currentPage {
	background-position: -100px 0;
}
#paging .p6 a:hover, #paging .p6 a.currentPage {
	background-position: -120px 0;
}
#paging .p7 a:hover, #paging .p7 a.currentPage {
	background-position: -140px 0;
}
#paging .p8 a:hover, #paging .p8 a.currentPage {
	background-position: -160px 0;
}
#paging .p9 a:hover, #paging .p9 a.currentPage {
	background-position: -180px 0;
}
/* thumbnails */
#subNav {
	height: 25%;
	vertical-align: top;
	clear: both;
	overflow: visible;
	margin-left: 30%;
}
#subNav img {
	border: none;
	width: 6%;
	max-width: 41px;
	max-height: 41px;
	margin: 1% 0 0 1%;
}
#subNav a:visited {
	opacity: 0.5;
}
/*========== homepage letters ================= */
#lettersBox {
	height: 449px;
	width: 551px;
	position: absolute;
	left: 35%;
	bottom: 70px;
}
#lettersBox img {
	height: 449px;
	width: 551px;
}
#lettersBox a {
	position: absolute;
	display: block;
	cursor: default;
	/*for Opera*/
	background: pink;
	opacity: 0;
}
#lettersBox a:hover {
	opacity: 1;
}
#lettersBox a span {
	display: none;
}
#ws_f {
	height: 235px;
	width: 153px;
	top: 47px;
	left: 276px;
}
#ws_f:hover {
	background: url(../images/ws_f.png) no-repeat left top;
}
#ws_apostrophe {
	height: 63px;
	width: 25px;
	left: 526px;
	top: 136px;
}
#ws_apostrophe:hover {
	background: url(../images/ws_apostrophe.jpg) no-repeat left top;
}
#ws_big {
	height: 159px;
	width: 209px;
	left: 184px;
	top: 240px;
}
#ws_big:hover {
	background: url(../images/ws_big.png) no-repeat left top;
}
a#ws_bracket {
	width: 106px;
	height: 164px;
	left: 401px;
	top: 136px;
	
}
a#ws_bracket:hover {
	background: transparent url(../images/ws_bracket.jpg) no-repeat left top;
	opacity: 1;
}
#ws_grsh {
	width: 34px;
	height: 32px;
	left: 103px;
	top: 192px;
}
#ws_grsh:hover {
	background: url(../images/ws_grsh.jpg) no-repeat left top;
}
#ws_k {
	width: 54px;
	height: 82px;
	left: 123px;
	top: 238px;
}
#ws_k:hover {
	background: url(../images/ws_k.jpg) no-repeat left top;
}
#ws_star {
	width: 42px;
	height: 48px;
	left: 223px;
	top: 240px;
}
#ws_star:hover {
	background: url(../images/ws_star.jpg) no-repeat left top;
}
#ws_zt {
	width: 60px;
	height: 96px;
	left: 0;
	top: 224px;
}
#ws_zt:hover {
	background: url(../images/ws_zt.jpg) no-repeat left top;
}
#welcomeTxt {
	width: 51px;
	height: 86px;
	left: 366px;
	top: 59px;
}
#welcomeTxt:hover {
	background: url(../images/welcomeTxt.png) no-repeat left top;
}
#welcomeTxt2 {
	width: 77px;
	height: 63px;
	left: 192px;
	top: 120px;
}
#welcomeTxt2:hover {
	background: url(../images/welcomeTxt2.png) no-repeat left top;
}
#lihiTxt {
	width: 88px;
	height: 175px;
	left: 206px;
	top: 9px;
}
#lihiTxt:hover {
	background: url(../images/lihiTxt.png) no-repeat left top;
}

/* text pages */
h2 {
	font: normal 24px Arial, "Lucida Grande", sans-serif;
	margin-top: 30px;
	margin-bottom: 20px;
	color: #FFFFFF;
	background: #333333;
	padding: 3px 5px 2px 10px;
	float: right;
	clear: both;
}
#contentText p {
	font-family: Arial, "Lucida Grande", sans-serif;
	line-height: 1.5em;
	clear: both;
	margin: 10px;
}
.contentLinks {
	color: #666;
	text-decoration: underline;
}
.contentLinks:hover {
	color: #333
}