@charset "utf-8";
/* CSS Document */

body {
	background-color:#111111;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	background-image: url(../images/bgimage.jpg);
	background-repeat:repeat;
	color:#000;
}

/* Links in navigation bar in Top-Left and Bottom */
.links {
	position:absolute;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 14px;
	cursor:pointer;
	z-index: 2;
}
#Home {
	left: 20px;
	top: 117px;
}
#RoshHashana {
	left: 20px;
	top: 140px;
}
#Shabbat {
	left: 20px;
	top: 163px;
}
#SederPlate {
	left: 20px;
	top: 186px;
}
#MatzaTray {
	left: 20px;
	top: 209px;
}
#Trivets {
	left: 20px;
	top: 232px;
}
#DipTrays {
	left: 20px;
	top: 255px;
}
#Platter {
	left: 20px;
	top: 278px;
}
#Mezuzot {
	left: 20px;
	top: 301px;
}
#Dreidels {
	left: 20px;
	top: 324px;
}
#Ketubot {
	left: 20px;
	top: 347px;
}
/*#Invitations {
	left: 20px;
	top: 232px;
}*/

#Wall {
	left: 20px;
	top: 370px;
}
#Webstore {
	left: 396px;
	top: 10px;
}
#Contact {
	left: 490px;
	top: 10px;
}
#Artist {
	left: 595px;
	top: 10px;
}
#Commission {
	left: 690px;
	top: 10px;
}
#Catalog {
	left: 789px;
	top: 10px;
}

#SiteArea {
	position:absolute;
	height: 620px;
	width: 890px;
	left: 25px;
	top: 25px;
	visibility:hidden;
}

/* Regional elements in SiteArea */
.Region {
	position: absolute;
	overflow: hidden;
}
#TopLeft {
	background-color: rgb(241,232,169);
	height: 422px;
	width: 480px;
}
#TopTop {
	background-color: rgb(212,187,128);
	height: 53px;
	width: 359px;
	left: 493px;
}
#TopRight {
	background-color: rgb(212,187,128);
	height: 422px;
	width: 24px;
	left: 865px;
}
#MiddleLeft {
	background-color: rgb(230,232,175);
	height: 137px;
	width: 638px;
	bottom: 48px;
}
#MiddleRight {
	background-color: rgb(228,213,153);
	height: 137px;
	width: 239px;
	right: 0px;
	bottom: 48px;
}
#Bottom {
	background-color: rgb(218,226,165);
	height: 35px;
	width: 890px;
	bottom: 0px;
}
#mainGraphics {
	height: 356px;
	width: 359px;
	left: 493px;
	top: 66px;
}



#mainGraphics  #mainImageOutline {
	margin: 0 auto;
	position: absolute;
	height: 356px;
	width: 359px;
}
#mainImage {
	width: 0%;
	height: 0%;
}
#altImage {
	position:absolute;
	height: 100%;
	width: 100%;
	opacity: 0;
	filter: Alpha(Opacity=0)
}


#extragraphics {
	position:absolute;
	z-index:2
}


/* Text elements in regions */
.freetext{
	position:absolute;
}
#SiteArea  #quote {
	top:452px;
/*	right:265px; */
	left:100px;
	font-size: 10px;
	text-align:left;
	padding: 5px;
	width: 245px;
	font-style: italic;
	line-height: 12px;
	z-index:20;
}
#TopLeft  #maintext {
	width: 264px;
	z-index: 2;
	left: 174px;
	bottom: 40px;
}
#TopTop  #toptext {
	bottom:5px;
	right:10px;
	font-size: 12px;
	text-align: right;
}
#Bottom  #Copyright {
	font-size: 10px;
	font-weight: 700;
	left: 18px;
	top: 10px;
}
#loading {
	font-size:18px;
	font-weight:bolder;
	left:650px;
	top:230px;
	color:#FFFFFF;
	z-index:0;
}

/* Graphics elements in regions*/
#TopLeft  #topstrip {
	left: 33px;
	top: 0px;
	width:370px;
	height:570px;
	position:absolute;
	overflow: hidden;
	z-index: 1;
}
#MiddleLeft  #bottomstrip {
	left: 58px;
	bottom: 0px;
	width:93px;
	height:570px;
	position:absolute;
}
#MiddleRight  #Page {
	position: absolute;
	right: 28px;
	bottom: 16px;
}




#thumbnails {
	clear: both;
	margin-top: 10px;
	margin-right: 150px;
	margin-bottom: 10px;
	margin-left: 150px;
	width: 440px;
	visibility:hidden;
}
#thumbnails div {
	position: relative;
	width: 35px;
	height: 35px;
	float: left;
	margin: 8px;
	padding: 0;
	float: left;
	display:inline;
	visibility:hidden;
}
#thumbnails img {
	width: 35px;
	height: 35px;
	position: absolute;
}
#thumbnails2 {
	clear: both;
	margin-top: 13px;
	margin-right: auto;
	margin-bottom: auto;
	width:600px;
}
#thumbnails2 div {
	position: relative;
	width: 40px;
	height: 40px;
	float: left;
	margin: 8px;
	padding: 0;
	float: left;
	display:inline;
}
#thumbnails2 img {
	width: 40px;
	height: 40px;
	position: absolute;
	z-index:10;
}
.selectedThumbnail {
	border: solid 0px #f00 !important;
}


#galleryarrow {
	position: absolute;
	right:275px;
	top:500px;
	cursor:pointer;
	z-index:20;
	visibility:hidden;
}
.demoDiv{
	width: 600px;
	height:150px;
	float: left;
	overflow: hidden;
}
#animationContainer{
	position:absolute;
	top: 435px;
	left:50px;
	height: 150px;
	width: 600px;
	z-index:10;
}
#rightElement{
	width: 0px;
}




/* Special text properties for order page */
#column1 {
    float:left;
    width:170px;
}
#column2 {
    float:left;
    width:50px;
}
#column3 {
    float:left;
    width:190px;
}
#column4 {
    float:left;
    width:30px;
}
.ordertext {
	position:absolute;
	z-index:10;
}
#ordertext1 {
	left: 180px;
	bottom:238px;
	font-size:12px;
}
#ordertext2 {
	left: 680px;
	bottom:250px;
	width:172px
}
#ordertext3 {
	top: 455px;
	left:180px;
	width:320px;
	font-size:12px;
}

/* Link properties */
a:link {
	color:#000000;
	text-decoration:none;
}
a:visited {
	color:#000000;
	text-decoration:none;
}
a:hover {
	color:#000000;
	text-decoration:underline;
}
a:active {
	color:#000000;
	text-decoration:none;
}
#Link {
	text-decoration:underline;
	cursor:pointer;
}