﻿body 
{
	margin: 0px;
	padding: 0px;
	background-color: white;
	color: #009900;
	font-family: Tahoma, Arial (Hebrew), Arial;
	text-align: right;
	direction: rtl;
	font-size: 14px;
	background-image: url('../Images/bg4.jpg');
	background-repeat: repeat-x;
	padding-bottom: 25px; /* for full screen */
}

a img /* disable frames around images */
{
	border: none;
}

a:link, a:visited
{
	text-decoration: none;	
	color: #009900;
}

a:hover
{
	font-weight: bold;	
}

#container
{
	width: 800px;
	margin: auto;
	position: relative;
}

#header
{
	width: 800px;
	height: 128px;	
	/*background: url('../Images/header-bg3.jpg') no-repeat;*/
}

#banner
{
	margin: auto;
	width: 800px;
	height: 155px;	
	/*background: url('../Images/banner3.gif') no-repeat;*/
}


#content
{
	float: left;
	width: 685px;
	display: block;
	min-height: 560px;
	padding-right: 0px;
	margin-right: 0px;
	background: url('../Images/house.jpg') no-repeat;
	background-position: 0% 100%;
}

#slogan
{
	width: 110px;
	min-height: 500px;
	display: block;
}


.contactBox
{
	border: dashed 1px #ec8c36;
	width: 500px;
}


#contactUs
{
	margin-top: 50px;
	margin-left: 100px;
	font-size: 12px;
}

#footer
{
	border-top: solid 1px #8f8f8f;
	font-size: 10px;
	margin-top: 10px;
	padding-left: 10px;
	padding-top: 1px;
	padding-bottom: 1px;
	text-align: left;
	clear:  both;
	color: #8f8f8f;

}

.prodHeader, .prodHeader A:link ,.prodHeader A:visited
{
	/*background-color: #014a3f;*/
	color: #ec8c36;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	text-decoration: underline;
}

#navigation A:link, #navigation A:visited
{
	color: white;
	text-decoration: none;
	font-weight: bold;
}

#navigation A:hover
{
	font-weight: bold;
	color: #004a3f;
	text-decoration: none;
}

#footer A:link,A:visited
{
	font-size: 10px;
	color: #8f8f8f;
	text-decoration: none;
}

#footer A:hover
{
	font-size: 10px;
	color: black;
	text-decoration: none;
}

/* box */

#box
{
	width: 561px; /*561*/
	height: 370px; /*334*/
}

#tl
{
	background-color: White;
	width: 24px;
	height: 22px;
	float: left;
	display: block;
}

#t
{
	background-image: url('../Images/frame/t.jpg');
	width: 513px;
	height: 22px;
	float: left;
}

#tr
{
	background-image: url('../Images/frame/tr.jpg');
	width: 24px;
	height: 22px;
	float: left;
}

#r
{
	background-image: url('../Images/frame/r.jpg');
	width: 24px;
	height: 290px;
	float: left;
}

#br
{
	background-color: White;
	width: 24px;
	height: 24px;
	float: left;
}

#b
{
	background-image: url('../Images/frame/b.jpg');
	width: 513px;
	height: 24px;
	float: left;
}

#bl
{
	background-image: url('../Images/frame/bl.jpg');
	width: 24px;
	height: 24px;
	float: left;
}

#l
{
	background-image: url('../Images/frame/l.jpg');
	width: 24px;
	height: 290px;
	float: left;
	background-position: center;
}

#boxContent
{
	background-color: White;
	width: 513px;
	height: 340px;
	float: left;
}


/* prodcut box style */

.prodBox
{
	width: 280px;
	/*height: 200px;*/
	font-size: 12px;
	direction: rtl;
}

.prodHeader
{
	/*background-color: #014a3f;*/
	color: white;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
}

.prodContent
{
	margin: 5px;
}

.prodText
{
	width: 170px;
	text-align: right;
	color: #6aaa32;
	float: left;
	font-size: 10px;
}

.prodPicture
{
	width: 170px;
}

.prodCost
{
	font-weight: bold;
	color: #014a3f;
	/*background-color: #ec8c36;*/
}

.prodAddButton
{
	margin-top: 5px;
	text-align: center; 
}




/* round fill */

.b1f, .b2f, .b3f, .b4f{font-size:1px; overflow:hidden; display:block;}
.b1f {height:1px; background:#ddd; margin:0 5px;}
.b2f {height:1px; background:#ddd; margin:0 3px;}
.b3f {height:1px; background:#ddd; margin:0 2px;}
.b4f {height:2px; background:#ddd; margin:0 1px;}
.contentf {background: #ddd;}
.contentf div {margin-left: 5px;}


/* round fill transparent */

.t1f, .t2f, .t3f, .t4f{font-size:1px; overflow:hidden; display:block;}
.t1f {height:1px; background:#b8cf70; margin:0 5px;}
.t2f {height:1px; background:#b8cf70; margin:0 3px;}
.t3f {height:1px; background:#b8cf70; margin:0 2px;}
.t4f {height:2px; background:#b8cf70; margin:0 1px;}
.contentt {background: #b8cf70; height: 500px; overflow: auto;}
.contentt div {margin-left: 5px; margin-top: 0px;}


/* orange fill round */

.o1f, .o2f, .o3f, .o4f{font-size:1px; overflow:hidden; display:block;}
.o1f {height:1px; background:#ec8c36; margin:0 5px;}
.o2f {height:1px; background:#ec8c36; margin:0 3px;}
.o3f {height:1px; background:#ec8c36; margin:0 2px;}
.o4f {height:2px; background:#ec8c36; margin:0 1px;}
.contento {background: #ec8c36;}
.contento div {margin-left: 5px; margin-top: 0px;}


#bg
{
	background: url('../Images/house.jpg') no-repeat;
	width: 456px;
	height: 303px;
	z-index: 1;
	position: relative;
	top: 200px;
	left: -200px;
}


#trans
{
	z-index: 2;
	color: Black; 
	-moz-opacity: .43; 
	filter: alpha(opacity=43); 
	opacity: .43; 
	-khtml-opacity: 0.5;
	height:100%;
	width: 680px;
	position: relative;
	top: -300px;
}


#solid
{
	z-index: 4;
	position: absolute;
}


#flashcontent {
	height: 500px;
	width: 500px;
	position: absolute;
	top: 0;
	left: 0px;
	left :expression(document.body.clientWidth > 1024 ? "0px" : "-150px" );
	background-color: transparent;
	z-index: 200;
}



