/* acmejudaica css */
/* 8/15/2009 */
/* fledglingdesign.com */

body {
	margin: 0 auto 0;
	padding: 0;
	font-family: Helvetica, "Helvetica", "Helvetica Nue", "Lucida Grande", "Lucida Sans Unicode", 'Liberation Sans', FreeSans, Arial, Geneva, Verdana, sans-serif;
	font-size: 62.5%;
	font-style: normal;
	font-weight: normal;
	color: #333;
	background: #f5f5f5;
}

/* -------------------------------------------------------------------------- */
/*---- defaults ----*/

p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset { margin-bottom: 10px; }


a { color: #70350d; text-decoration: none; }
a:hover { color: #ccc; }
a:active,	
a:visited { color: none; }

p {
	font-size: 1.3em;
	line-height: 1.4em;
	color: #333;
	text-transform: lowercase;
}

em {
	color: #630;
	font-weight: normal;
	font-style: normal;
}

h1 {
	margin: 0 8px 0 0;
	padding: 0px 0 3px 0;
	color: #70350d;
	font-size: 1.8em;
	line-height: 2.2em;
	font-weight: normal;
	letter-spacing: .06em;
	text-transform: lowercase;
}

h1 em {
	color: #999;
	font-weight: normal;
	font-style: normal;
}

h2 {
	margin: 10px 8px 0 0;
	padding: 8px 0 3px 8px;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
}

h2 em { color: #999; }

/* -------------------------------------------------------------------------- */
/*---- layout ----*/
#wrapper {
	width: 960px;
	margin: 0 auto 0;
}

#content {
	padding: 20px 0 0 0;
	position: relative;
	z-index: 0;
}

.block {
	height: auto;
	width: auto;
	margin: 0;
	padding: 0 35px 20px 0;
	text-align: left;
}

/* -------------------------------------------------------------------------- */
/*---- homepage ----*/
body#home #wrapper { width: 1010px; margin: 0 auto 0; }
body#home #content { padding: 0; }

#homeSplashFull { /*width: 1010px; position: relative: top: -20px;*/ z-index: 999; }

.menorahFull,
.ketubahFull { width: 505px; float: left; }

.menorahFull a.over:hover,
.ketubahFull a.over:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
}
	
/* --- inner columns -- */
.columns { width: 950px; }

.leftCol,
.rightCol { float: left; }

.leftCol { width: 500px; }
.rightCol { width: 450px; }

#logo {
	margin: 5px 0 0 0;
	padding: 10px 0 10px 8px;
	overflow: hidden;
	position: relative;
	z-index: 1000;
}

body#home #logo { position: absolute; top: 10px; left: 100px; }
body#menorah #logo { position: absolute; top: 455px; left: 30px; }

#footer {
	margin: 10px 0 20px 30px;
	position: relative;
}

body#menorah #footer { margin: 0 0 20px 30px; }

.copyrights { margin: 10px 0 0 0; padding-left: 15px; font-size: 1.0em; line-height: 1.1em; text-align: left; }

body#menorah #logo img { margin: 0 0 95px 15px; }

.clear { clear: both; }

/* -------------------------------------------------------------------------- */
/*---- specifics ----*/

.order { padding: 20px 0 20px 0; }

form.PayPalButton {
	width: 200px;
	position: relative;
}

form.PayPalButton p { float: left; }

form.PayPalButton input.submit {
	background: #70350D;
	color: #fff;
	border: none;
	padding: 5px 8px;
	margin: 2px 2px 2px 0;
	float: left;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor: pointer;
	position: absolute;
	left: 120px;
	bottom: 14px;
	text-transform: lowercase;
	line-height: 1.2em;
}

form.PayPalButton input.submit:hover {
	opacity: 0.4;
	filter: alpha(opacity=40);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; 
}


.leftCol.slideshow .block {
	padding: 20px 35px 0 0;
}

p.externalLink { padding-top: 20px; }

/* -------------------------------------------------------------------------- */
/*---- fancyZoom ----*/

#zoom { position: absolute: top: -100px; }
#zoom .block { padding-right: 200px; }
#zoom .block h2 { padding: 0 0 8px 0; }

#zoom .block p { /*color: #333;*/ }

p img { float: left; padding: 0 13px 10px 0; }

/* -------------------------------------------------------------------------- */
/* s3slider slideshow */
#s3slider {
	width: 480px;
	/* important to be same as image width */
	height: 430px;
	/* important to be same as image height */
	position: relative;
	/* important */
	overflow: hidden;
	/* important */
}

#s3sliderContent {
	width: 480px;
	/* important to be same as image width or wider */
	position: absolute;
	/* important */
	top: 0;
	/* important */
	margin-left: 0;
	/* important */
}

.s3sliderImage {
	float: left;
	/* important */
	position: relative;
	/* important */
	display: none;
	/* important */
}

/*.s3sliderImage a span { text-decoration: none; }

.s3sliderImage a:hover, 
.s3sliderImage a:hover span {
	color: #ccc;
	text-decoration: none;
}*/

.s3sliderImage span {
	position: absolute;
	/* important */
	left: -1px;
	padding: 12px 14px 12px 24px;
	width: 480px;
	background-color: #000;
	filter: alpha(opacity=70);
	/* here you can set the opacity of box with text */
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	color: #fff;
	display: none;
	/* important */
	top: 0;
	/*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.s3sliderImage span { 
	font-size: 1.7em;
	line-height: 1.1em;
	font-weight: normal;
	letter-spacing: .06em; 
	text-transform: lowercase; 
}

.s3sliderImage span em { color: #999; padding: 0 0 0 2px; }

/*.s3sliderImage div.arrow {
	font-size: 1.3em;
	text-align: right;
	display: inline;
	position: absolute;
	left: 95%;
	bottom: 10px;
}*/

html {filter:expression(document.execCommand("BackgroundImageCache", false, true));} /* enable background image caching in IE6 */