* {margin:0; padding:0;}
html {height:100%}
body {
	font: 62.5%/1.6em "Arial", sans-serif;
	color:#333;
	text-align:center;
	height:100%;
	background: #fff url(images/bgBody.jpg) right bottom no-repeat fixed;
}
a{outline: none;}
a:link {color: blue;}
a:visited {color: purple;}
a:hover {color: #c93;}
a:active{outline: none;}
img {border:none;}
ul, li {list-style: none;}
p {text-align:right; direction:rtl}
button {font-size: 1.1em; font-family:"Arial", sans-serif;}
blockquote {
width:180px;
float:left;
font-size:1.3em;
line-height:normal;
margin:10px 20px;
color:#666;
padding: 0 50px;
background: transparent url("images/blockquote.gif") no-repeat right 0;
}

.fl{float:left}
.fr{float:right}
.clear {clear:both}
.hide {display:none}
em.txtSmall { font-size:1.1em; color:black; border-top:1px solid #c60; padding-top:10px; display:block; direction:rtl}

#container, #footer {
	min-width: 985px;
	max-width: 985px;
	margin:0 auto;
}
#container {background: url(images/bgCntTop.jpg) no-repeat right top;}

#header {
	height:105px; width:98%; position:relative; margin:0 auto;
}
#header a.logo {
	width:460px; height:95px;
	position:absolute; left:0; top:5px; z-index:2;
	border:none;
}
/* top navigation bar */
.nav {
	width:100%; height:36px;
	position:absolute; left:0; top:66px; z-index:1;
	display:block;
	background: url(images/bgLeftNav.gif) no-repeat left top;
}
.nav ul {
	display:block;
	height:36px;
	line-height:36px;
	background: url(images/bgRightNav.gif) no-repeat right top;
}
.nav li {
	display:inline;
	padding:0;
}
.nav a {
	color:#930;
	float:right;
	padding:0 3px;
	text-decoration:none;
	margin-left:10px;
	font-size:1.3em
}
.nav a span {
	display:block;
	float:none;
	padding:0 10px 0 7px;
}
.nav .current {color:#630}
.nav a:visited  {color:#930}

.nav a:hover, 
#home .nav .home,
#equipment .nav .equipment,
#equipment2 .nav .design,
#design .nav .design,
#gallery .nav .gallery,
#recommended .nav .recommended,
#articles .nav .articles,
#contact .nav .contact
{
	background:transparent url(images/left.gif) no-repeat scroll left center;
}

.nav a:hover span,
#home .nav .home span,
#equipment .nav .equipment span,
#equipment2 .nav .design span,
#design .nav .design span,
#gallery .nav .gallery span,
#recommended .nav .recommended span,
#articles .nav .articles span,
#contact .nav .contact span
{
	background:transparent url(images/right.gif) no-repeat scroll right center;
}


/* flags */
li.btnHe, li.btnEn, .nav li.btnFr  
{position:absolute; top:-60px; width:26px; height:18px; line-height:18px}
li.btnHe {right:5px;}
li.btnEn {right:40px;}
li.btnFr {right:75px;}

li.btnHe a, li.btnEn a, li.btnFr a
{width:26px; height:18px; background: url(images/flags.gif) no-repeat 0 0; display:block; text-indent:-9999px; border:1px solid #ccc; padding:0}

li.btnHe a:hover, li.btnEn a:hover, li.btnFr a:hover
{border-color:#f90; background: url(images/flags.gif) no-repeat;}

li.btnHe a, li.btnHe a:hover { background-position: 0 0}
li.btnEn a, li.btnEn a:hover { background-position: 0 -18px}
li.btnFr a, li.btnFr a:hover { background-position: 0 -36px}




/* ------------------------------------------------- */
/* ------------------- Buttons ------------------- */
/* ------------------------------------------------- */
.btn { 
	  border:0; 
	  cursor:pointer; 
	  padding:0 20px 0 0; 
	  text-align:center;
	  margin:4px 0 0 4px;
	}
.btn span { 
	position:relative; 
	display:block; 
	white-space:nowrap;
	font-weight:bold;
	padding:0 0 0 20px; 
	color:#eee;
	height:24px;
	line-height:22px;
}

/* ie */
.btn { 
	width:auto; 
	overflow:visible; 
}
.btn span { 
	margin-top:1px; 
}

.btnBlue             {background:url(images/btn_blue_right.png) right no-repeat;}
.btnBlue span        {background:url(images/btn_blue_left.png) left no-repeat;}
.btnBlue:hover       {background:url(images/btn_blue_right_hover.png) right no-repeat;}
.btnBlue:hover span  {background:url(images/btn_blue_left_hover.png) left no-repeat; color:#fff}


#articles #content, #equipment #content, #equipment2 #content {width:98%; margin:0 auto}
#articles #content h1, #equipment #content h1, #equipment2 #content h1 {font-size:1.8em; color:#8B8378; padding:10px; text-align:right; border-bottom:2px solid #CDC0B0; margin-bottom:10px;}
#articles .article-cnt, #equipment .article-cnt, #equipment2 .article-cnt {width:96%; margin-bottom:25px; font-size:1.3em; line-height:1.6em; direction:rtl;}
#articles h3, #equipment h3, #equipment2 h3 {font-size:1.4em; color:#CDB79E; padding:5px 0; margin-bottom:10px; border-bottom:1px solid #eee}
#articles .rightcolumn  ol, #equipment  .rightcolumn  ol, #equipment2  .rightcolumn  ol {font-size:1.3em; padding:10px 20px; margin-right:30px; }
#articles .rightcolumn  ol li, #equipment .rightcolumn  ol li, #equipment2 .rightcolumn  ol li {padding:0 0 10px 0; text-align:right; direction:rtl; list-style-type:square}
#articles .rightcolumn  ol li a:link,
#articles .rightcolumn  ol li a:visited,
#equipment .rightcolumn  ol li a:link,
#equipment .rightcolumn  ol li a:visited,
#equipment2 .rightcolumn  ol li a:link,
#equipment2 .rightcolumn  ol li a:visited
 {color:#8B8378; font-weight:bold}
#articles .rightcolumn  ol li a:hover, #equipment .rightcolumn  ol li a:hover, #equipment2 .rightcolumn  ol li a:hover {color:#333; text-decoration:none}

.rightcolumn {float:right; width:280px}
.rightcolumn p {padding: 0 10px 10px 0; font-size:1.4em; line-height:1.6em; color:#369}
.rightcolumn p.sec {font-size:1.3em; line-height:1.4em; color:#666}

.leftcolumn {float:left; width:660px; display:block; text-align:left;}
#articles .leftcolumn, #equipment .leftcolumn, #equipment2 .leftcolumn {text-align:right;}
#equipment .leftcolumn p, #equipment2 .leftcolumn p {font-size:1.3em; line-height:1.4em; padding:10px}

#footer {
	height:30px;
	font-size:1.3em;
	padding-top:15px;
	width: 100%;
	clear:both;
	letter-spacing: 1px;
	visibility: hidden;
}
#footer address {float:right; padding:1px 5px; margin-right:10px; direction:rtl;  font-style:normal; color:#666;}
#footer address:hover {color:#666;}

#footer code {float:left; padding-left:10px; color:#999}
#footer code a {text-decoration:none; color:#999}
#footer code a:hover {text-decoration:underline; color:#333}



/* ------------------------------------------------- */
/* ------------------- Equipment ------------------- */
/* ------------------------------------------------- */

ul.thumb {float:right}
ul.thumb li {
	width: 130px;
	height:130px;
	display:block;
	float: right;
	cursor:pointer;
	margin:5px 10px;
}
ul.thumb li a, ul.thumb li a:visited {
	width: 130px;
	height:130px;
	display:block;
	float:right;
	background: transparent url(images/bgThumbOff.gif) no-repeat center center;
	border:1px solid #fff;
	font-size: 1.1em;
	color:#930;
	text-decoration:none;
}
ul.thumb li a:hover {
	background: #faf0e6 url(images/bgThumb.gif) repeat-x center center;
	border:1px solid #f4e9de; color:#000;
}
ul.thumb li a img {border:4px solid #eee; margin-top:14px}
ul.thumb hr {display:none}
div.spacer {
	clear: both; height:1px; display:block; line-height:1px
}


/* ------------------------------------------------- */
/* -------------------- Design --------------------- */
/* ------------------------------------------------- */

#design .rightcolumn {float:right; width:240px}
#design .midcolumn {float:right; width:450px; display:block; padding-right:10px}
#design .leftcolumn {float:right; width:256px; height:336px; display:block; 
background: url(images/bg-design.jpg) no-repeat 0 0;}




/* ------------------------------------------------- */
/* ------------------- Contact --------------------- */
/* ------------------------------------------------- */

#contact .rightcolumn {float:right; width:350px; padding:5px 10px 0 0}
#contact h2 { font-size:1.6em; color:#CC9966; margin-bottom:5px; text-align:right}
#contact p {clear:both; padding:0; margin-bottom:5px; overflow:hidden}
#contact label, #contact input, #contact textarea
{border:3px double #eee; font: 0.9em/1.2em "Arial", sans-serif;}

#contact label {float:right; width:9em; border:none }
#contact label span {color:#f66}
#contact input {float:left; padding:2px 4px; width:15em ;}
#contact textarea {overflow:auto; width:98%; float:right;}
#contact button { margin:2px 0}
#contact .required {border:3px double #ecddcd; background-color:#fffcf7;}
#contact .requiredNote {border:3px double #f7ebde; font-size:1.2em; margin-bottom:10px; padding:3px 25px 3px 3px; display:block; color:#CC6666; background: #fffcf7 url(images/required.gif) no-repeat right center;}
#contact .send { background-color:#fffcf7; color:#CC6633; margin: 10px 0 0 0; border:1px solid #f7ebde; padding:0 10px; cursor:pointer; float:left}



/* ------------------------------------------------- */
/* ------------------ popup iframe ----------------- */
/* ------------------------------------------------- */

#mask
{	
	background: #fff;
	filter:alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
	z-index: 100;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: none;
}


#upperDiv {
	display: none;
	width: 940px;
	height: 503px;
	position: absolute;
	z-index: 101;
	top: 10%;
	left: 30%;
	color: #000;
	background: #fff;
}

#iframe 
{
	width: 100%;
	height: 503px;
	overflow: hidden;
	background: transparent url(images/loader.gif) no-repeat center center;
}

#loadingDiv {position:absolute; right:40%; top:40%; font-size: 11px}


/* ------------------------------------------------- */
/* ------------------ recommended ------------------ */
/* ------------------------------------------------- */
ol.recContainer {display:block;width:100%; text-align:right; list-style-type:none}
ol.recContainer li {height:120px; padding-left:20px; display:block; background: url(images/bgRecommendedLogo.gif) no-repeat right; border-bottom:2px dotted #eee}
ol.recContainer li a {float:right; border:1px solid #fff; margin:35px 18px 0 0}
ol.recContainer li a:hover {border-color: #c90}
ol.recContainer li p {float:right; max-width:700px; padding:35px 60px 0 0; font-size:1.3em; direction:rtl}
ol.recContainer li p strong {color:#963; font-size:1.3em}


/* ------------------------------------------------- */
/* ---------------- French web page  --------------- */
/* ------------------------------------------------- */
#foreign p {text-align:left; direction:ltr}
#foreign .rightcolumn {float:left; width:280px; padding: 0 0 90px 10px;
	background: url(images/3smallImgs.gif) no-repeat bottom;
}
#foreign .leftcolumn {float:right;}
#foreign #footer address {float:left;direction:ltr;}
#foreign #footer code {float:right;}
.col2Imgs {display:block; width:660px; height:227px; position:relative; margin-top:20px;}
.frames, .side_a, .side_b {position:absolute}
.frames {left:0; top:0; z-index:2; width:660px; height:227px; background: url(images/frame2imgs.png) no-repeat 0 0;}
.side_a {left:8px; top:8px; z-index:1; width:309px; height:210px; display:block}
.side_b {right:8px; top:8px; z-index:1; width:309px; height:210px; display:block}