/* Reset v1.0 | 20080212 (meyerweb.com) */

html, body, div, span, h1, h2, h3, h4, h5, h6, p,
a, em, img, small, strong, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}

:focus {
	outline: 0;
}

/* Global */
body {
	background: #000 url(../img/bg.jpg) no-repeat top center;
	color: #fff;
	font-family: "Lucida Sans Unicode", "Lucida Grande", san-serif;
	font-size: 62.5%;
}

#wrapper {
	width: 766px;
	margin: 0 auto;
}

#content {
	margin: 0 auto;
	position: relative;
}

a, a:link, a:visited, a:active {
color: #ffc;
text-decoration: none;
}

a:hover {
}

.popup {
	display: none;
}

.title {
	background: url(../img/popup-title-bg.png) repeat-x;
	height: 57px;
	position: absolute;
	width: 100%;
	z-index: 20;
}

.title h3, .close {
	margin: 11px;
}

.nav {
	background: url(../img/popup-nav-bg.png) repeat-x;
	bottom: 0;
	height: 41px;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 20;
}

.nav img {
	margin-top: 15px;
}

.close {
	background: url(../img/close.gif) no-repeat;
	display: block;
	float: right;
	height: 30px;
	text-indent: -9999px;
	width: 110px;
}

.article {
	background: #333;
	position: relative;
	overflow: hidden;
	top: 52px;
	z-index: 15;
}

/* Header */
#header {
	background: url(../img/header-bg.png) no-repeat;
	height: 113px;
	margin: 0 0 27px;
}

#header h1 {
	background: url(../img/bitter-freedom-memoirs.png) no-repeat 0 20px;
	height: 25px;
	margin: 0 auto;
	padding: 20px 0 0;
	text-indent: -9999px;
	width: 599px;
}

#header ul {
	margin: 0 auto;
	width: 730px;
}

#header ul li {
	display: inline;
}

#header li a {
	background: url(../img/nav.png) no-repeat;
	display: block;
	float: left;
	height: 54px;
	text-indent: -9999px;
}

#header a#nav-home { background-position: 0 0; width: 78px; }
#header a#nav-home:hover, .home #header a#nav-home { background-position: 0 -54px; }
#header a#nav-about { background-position: -78px 0; width: 143px; }
#header a#nav-about:hover, .about #header a#nav-about { background-position: -78px -54px; }
#header a#nav-press { background-position: -221px 0; width: 133px; }
#header a#nav-press:hover, .press #header a#nav-press { background-position: -221px -54px; }
#header a#nav-story { background-position: -354px 0; width: 143px; }
#header a#nav-story:hover, .story #header a#nav-story { background-position: -354px -54px; }
#header a#nav-purchase { background-position: -497px 0; width: 233px; }
#header a#nav-purchase:hover, .purchase #header a#nav-purchase { background-position: -497px -54px; }

/* Homepage */
#book {
	left: 13px;
	position: absolute;
	z-index: 2;
}

#strip {
	float: right;
	margin: 16px 0;
}

.home #content .quote {
	background: url(../img/nydn-quote.png) no-repeat;
	clear: right;
	float: right;
	height: 63px;
	margin: 25px 85px 0 0;
	text-indent: -9999px;
	width: 381px;
}

/* About */
.about #content p {
	float: right;
	font-size: 1.2em;
	line-height: 1.6em;
	margin-top: 15px;
	width: 415px;
}

.about #content #citation {
	color: #ccc;
	font-size: 1.15em;
	font-style: italic;
	line-height: 1.2em;
	margin-top: 0;
	text-align: right;
}

#story {
	background: url(../img/about-story-bg.png) no-repeat;
	clear: right;
	height: 122px;
	margin: 0 auto;
	width: 751px;
}

.about #content #story p {
	float: left;
	margin: 23px 0 0 70px;
	width: 467px;
}

.about #content #story #read-more {
	clear: left;
	margin-top: 8px;
}

.about #read-more a {
	background: url(../img/about-story-link.png) no-repeat;
	display: block;
	height: 20px;
	text-indent: -9999px;
	width: 439px;
}

.about #article-thumb {
	position: relative;
	top: -15px;
}

#saved-family {
	background: url(../img/about-article-title.gif) no-repeat;
	float: left;
	height: 30px;
	text-indent: -9999px;
	width: 634px;
}

.about .article {
 	width: 803px;
	overflow-x: scroll;
	height: 426px;
	overflow-y: scroll;
}

/* Press & Reviews */
.press p {
	color: #999;
	font-size: 1.2em;
}

.press a, .press a:visited {
	color: #ccc;
	font-size: 1.2em;
	font-weight: bold;
}

h3#press-coverage {
	background: url(../img/press-press-title.png) no-repeat;
	height: 29px;
	position: relative;
	text-indent: -9999px;
	width: 752px;
	z-index: 2;
}

#press {
	background: url(../img/fade-bg-295.png) repeat-x;
	height: 322px;
	overflow: auto;
	position: relative;
	top: -10px;
	width: 751px;
}

#press p {
	padding: 20px 0 15px 45px;
}

#press div {
	display: table;
	float: left;
	height: 160px;
	margin: 0 15px;
	text-align: center;
}

#press div.thumb a {
	display: table-cell;
	vertical-align: bottom;
}

#press div.thumbmulti a {
	display:inherit;	
	vertical-align: bottom;
}

#press div img {
	margin: 0 0 10px;
}

#press div img.survival {
	margin: 0 0 20px;
}

#press #list {
	background: #1e1e1e;	
	height: auto;
	margin: 20px 181px 0;
	width: 380px;
}

#press #list p {
	padding: 8px;
	text-align: center;
}

#press #list p a {
	background: url(../img/click-here.png) no-repeat;
	display: block;
	height: 12px;
	margin: 7px 155px;
	text-indent: -9999px;
	width: 62px;
}

.minibox {
	float: left;
	margin: 10px 0 0;
}

h3#publisher-reviews {
	background: url(../img/press-reviews-title.png) no-repeat;
	height: 19px;
	text-indent: -9999px;
	width: 361px;
}

#reviews {
	background: url(../img/fade-bg-85.png) repeat-x;
	height: 85px;
	text-align: center;
	width: 361px;
}

#reviews p, #listen p {
	line-height: 3em;
	padding: 7px 0 0;
}

h3#listen-rena {
	background: url(../img/press-listen-title.png) no-repeat;
	height: 18px;
	margin: 0 0 0 20px;
	text-indent: -9999px;
	width: 367px;
}

#listen {	
	background: url(../img/fade-bg-85.png) repeat-x;
	height: 85px;
	margin: 0 0 0 20px;
	text-align: center;
	width: 367px;
}

#press-coverage-pop {
	background: url(../img/press-coverage-pop-title.gif) no-repeat 0 3px;
	float: left;
	height: 30px;
	text-indent: -9999px;
	width: 626px;
}

#honors-and-awards-pop {
	background: url(../img/honors-and-awards-pop-title.png) no-repeat 0 3px;
	float: left;
	height: 30px;
	text-indent: -9999px;
	width: 626px;
}

#newspapers-article {
	height: 414px;
	font-size: 1.3em;
}

#newspapers-article #col1 {
	float: left;
	margin: 0 40px 0 0;
	width: 368px;
}

#newspapers-article h5 {
	color: #fff;
	padding: 20px 0 10px 20px;
}

#newspapers-article p {
	color: #fff;
	font-size: 1em;
	margin: 0 0 0 20px;
}

#newspapers-article li {
	color: #ccc;
	line-height: 1.3em;
	margin: 0 0 0 20px;
}

#newspapers-article a, #newspapers-article a:visited {
	color: #ffc;
	font-size: 1em;
	font-weight: normal;
}

#miraculous-passover-article {
	width: 811px;
	overflow-x: scroll;
	height: 457px;
	overflow-y: scroll;
}

#survival-gratitude-article {
	width: 780px;
	overflow-x: scroll;
	height: 437px;
	overflow-y: scroll;
}

#customer-reviews-title {
	background: url(../img/customer-reviews-title.gif) no-repeat;
	float: left;
	height: 30px;
	text-indent: -9999px;
	width: 626px;
}

#reviews-article {
	height: 426px;
	overflow-y: scroll;
}

#reviews-article p {
	border-bottom: 1px solid #4d4d4d;
	clear: right;
	color: #fff;
	margin: 15px auto;
	overflow: auto;
	width: 636px;
}

#reviews-article p span {
	color: #999;
	display: block;
	float: right;
	margin: 0 0 5px;
}

#qa-pop {
	background: url(../img/qa-title.gif) no-repeat 0 3px;
	float: left;
	height: 30px;
	text-indent: -9999px;
	width: 628px;
}

#qa-article {
	overflow-x: scroll;
	overflow-y: scroll;
	height: 432px;
}

/* Telling the Story */
.story p {
	color: #ccc;
	font-size: 1.2em;
	margin: 0 auto;
	width: 693px;
}

.story #content div {
	width: 750px;
}

#celebration-title {
	background: url(../img/celebration-title.png) no-repeat;
	height: 33px;
	text-indent: -9999px;
	width: 735px;
}

#celebration {
	background: url(../img/fade-bg-185.png) repeat-x;
	height: 185px;
	position: relative;
	top: -14px;
}

#celebration p.students {
	padding: 12px 0 0;
	line-height: 15px;
}

#celebration a {
	display: block;
	margin: 6px 0 0 29px;
	text-indent: -9999px;
}

#celebration a#students {
	background: url(../img/celebration-students-link.png) no-repeat;
	height: 20px;
	width: 380px;
}

#celebration a#article {
	background: url(../img/celebration-article-link.png) no-repeat;
	height: 12px;
	width: 169px;
}

#awards-title {
	background: url(../img/awards-title.png) no-repeat;
	height: 19px;
	text-indent: -9999px;
	width: 750px;
}

#hadassah-title {
	background: url(../img/hadassah-title.png) no-repeat;
	height: 19px;
	text-indent: -9999px;
	width: 750px;
}

#pourlemerite-title {
	background: url(../img/pourlemerite-title.png) no-repeat;
	height: 19px;
	text-indent: -9999px;
	width: 750px;
}

#awards {
	background: url(../img/fade-bg-265.png) repeat-x;
	height: 265px;
	margin: 0 0 14px;
}

#hadassah {
	background: url(../img/fade-bg-60.png) repeat-x;
	height: 50px;
	margin: 0 0 14px;
}

#hadassah p.hstudents {
	padding: 7px 0 0;
	line-height: 15px;
}

#awards p.atext {
	padding: 7px 0 0;
	line-height: 15px;
}

#hadassah a {
	background: url(../img/hadassah-link.png) no-repeat;
	display: block;
	height: 21px;
	margin: 6px 0 0 29px;
	text-indent: -9999px;
	width: 316px;
}

#watch-rena-title {
	background: url(../img/watch-rena-title.png) no-repeat;
	height: 19px;
	text-indent: -9999px;
	width: 734px;
}

#watch-rena {
	background: url(../img/fade-bg-88.png) repeat-x;
	height: 88px;
	margin: 0 0 14px;
	line-height: 15px;
}

#watch-rena a#upstate {
	background: url(../img/watch-rena-link.png) no-repeat;
	display: block;
	float: right;
	height: 20px;
	margin: 15px 65px 0 0;
	text-indent: -9999px;
	width: 545px;
}

#watch-rena p {
	clear: right;
	float: right;
	margin: 0 65px 0 0;
	width: 545px;
}

#watch-rena a.img {
	display: block;
	margin: 0 0 0 29px;
	padding: 8px 0 0;
}

#speaking-title {
	background: url(../img/speaking-title.png) no-repeat;
	height: 30px;
	text-indent: -9999px;
	width: 745px;
}

#speaking {
	background: url(../img/fade-bg-77.png) repeat-x;
	height: 77px;
	position: relative;
	top: -11px;
}

#speaking p {
	float: left;
	margin: 15px 0 0 29px;
	width: 565px;
	line-height: 15px;
}

#speaking a#view {
	background: url(../img/speaking-link.png) no-repeat;
	clear: left;
	display: block;
	float: left;
	height: 20px;
	margin: 10px 0 0 29px;
	text-indent: -9999px;
	width: 196px;
}

#watch-pop-title {
	background: url(../img/watch-pop-title.gif) no-repeat;
	float: left;
	height: 33px;
	text-indent: -9999px;
	width: 438px;
}

#watch-article {
	height: 393px;
	margin: 0 auto;
}

#hadassah-pop-title {
	background: url(../img/hadassah-pop-title.gif) no-repeat;
	float: left;
	height: 30px;
	text-indent: -9999px;
	width: 622px;
}

#hadassah-article {
    width: 779px;
	overflow-x: scroll;
	height: 453px;
	overflow-y: scroll;
}

#celebration-pop-title {
	background: url(../img/celebration-pop-title.gif) no-repeat;
	float: left;
	height: 33px;
	text-indent: -9999px;
	width: 621px;
}

#celebration-article {
	width: 800px;
	overflow-x: scroll;
	height: 453px;
	overflow-y: scroll;
}

#speaking-pop-title {
	background: url(../img/speaking-pop-title.gif) no-repeat;
	float: left;
	height: 30px;
	text-indent: -9999px;
	width: 636px;
}

#speaking-article {
	color: #ccc;
	height: 520px;
}

#speaking-article h5 {
	color: #fff;
	font-size: 1.4em;
	margin: 5px 0;
}

#speaking-article ul li {
	font-size: 1.2em;
	margin: 2px 0;
}

#speaking-article #col1, #speaking-article #col2 {
	margin: 25px 0 0;
}

#speaking-article #col1 {
	float: left;
	margin-left: 20px;
	width: 435px;
}

#speaking-article #col1 ul {
	float: left;
}

#speaking-article #col1 .col1-1 {
	width: 230px;
}

#speaking-article #col1 .col1-2 {
	width: 205px;
}

#speaking-article hr {
	border: 0;
	border-bottom: 1px solid #4d4d4d;
	display: block;
	margin: 0 0 20px;
	padding: 15px 0 0;
}

#speaking-article #col1 hr {
	clear: left;
}

#speaking-article #col2 {
	border-left: 1px solid #4d4d4d;
	float: right;
	margin-left: 10px;
	margin-right: 6px;
	padding-left: 20px;
}

#students-pop-title {
	background: url(../img/students-pop-title.gif) no-repeat;
	float: left;
	height: 31px;
	text-indent: -9999px;
	width: 637px;
}

#students-article {
	height: 388px;
	overflow-y: scroll;
	text-align: center;
}

/* Purchase/Contact */
.purchase #purchase-title {
	background: url(../img/purchase-title.png) no-repeat;
	height: 19px;
	text-indent: -9999px;
	width: 752px;
}

.purchase #purchase {
	background: url(../img/fade-bg-247.png) repeat-x;
	height: 247px;
	font-weight: bold;
	line-height: 1.3em;
	position: relative;
}

.purchase .label {
	text-transform: uppercase;
}

#purchase #english-book {
	left: 35px;
	position: absolute;
	top: 5px;
	z-index: 2;
}

#purchase .english {
	margin-left: 182px;
	padding: 5px 0;
}

#purchase .english.top {
	padding-top: 25px;
	text-transform: uppercase;
}

#purchase .english.links {
	margin-left: 160px;
}

#purchase .english.alt {
	color: #ccc;
}

#purchase #hebrew {
	position: absolute;
	text-align: right;
	right: 0;
	top: 200px;
	width: 100%;
}

#purchase #hebrew img {
	float: right;
	position: relative;
	top: -125px;
}

.purchase #contact-title {
	background: url(../img/contact-title.png) no-repeat;
	height: 17px;
	margin-top: 10px;
	text-indent: -9999px;
	width: 740px;
}

.purchase #contact {
	background: url(../img/fade-bg-86.png) repeat-x;
	height: 86px;
	position: relative;
	z-index: 2;
}

#contact p {
	font-size: 1.2em;
	margin-left: 65px;
	padding-top: 15px;
}

/** Credits **/
#credits-rena {
  clear: both;
  margin-left: 40px;
  position: relative;
  top: 90px;
}

#credits-pop-title {
	background: url(../img/credits-pop-title.gif) no-repeat;
	float: left;
	height: 31px;
	text-indent: -9999px;
	width: 227px;
}

#credits-article {
  padding: 10px;
}

#credits-article p {
  color: #ffc;
  font-size: 1.2em;
}

#credits-article span, #credits-article a {
  color: #fff;
}