/*

Designed and Coded By: iDuDi - Web & Cellular consultant
http://www.idudi.co.il
Date: 26/5/2009


PRIMARY COLORS:
green:#08B114
blue:#4A66D3
dark-blue:#0C0654


*/

/******** General  *******/

body{
font-size: 12px;
font-family: arial, verdana, Calibri;
color: #000000;
background:#ffffff url(../images/body_bg.jpg) repeat-x;
}

p, ul, li, img, form, body, html{
margin: 0;
padding: 0;
}

p{
line-height:1.2em;
}

ul{
list-style-type:none;
}

li{
display:inline;
}

a{
text-decoration: none;
color: #0C0654;
}

a:hover{
text-decoration: none;
color:#000000;
}

a img{
border: none;
}

input{
border:1px dashed #EE9029;
background-color:#ffffff;
color:#000000;
}

.noBorder{border-width:0px;}


/******** container *******/

#container{
text-align: left;
margin:0px auto;
width: 980px;
overflow:hidden;
}

/******** header*******/

#header{
height:105px;
overflow:hidden;
}

#nevigation{
float:left;
height:105px;
width:740px;
}

#logistic_menu{
margin:20px 0px;
width:350px;
}

#logistic_menu ul li{
margin-right:10px;
}

/*
#main_menu{
padding-top:10px;
}

#main_menu ul li{
font-size:16px;
font-weight:bold;
}


#main_menu ul li a:hover{
color:#ffffff;
}

.sep{
margin:0px 10px;
color: #0C0654;
}
*/

#main_menu {
float:left;
width:100%;
font-size:14px;
font-weight:bold;
line-height:normal;
}

#main_menu ul {
margin:0;
padding:13px 10px 0 20px;
list-style:none;
}

#main_menu li {
display:inline;
margin:0;
padding:0;
}

#main_menu a {
float:left;
background:url(../images/tableftF.gif) no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}

#main_menu a span {
float:left;
display:block;
background:url(../images/tabrightF.gif) no-repeat right top;
padding:5px 15px 4px 6px;
color:#0C0654;
direction:rtl;
cursor:pointer;
}

#main_menu a:hover span, #main_menu .currentCatSpan{background-position:100% -42px;color:#0C0654;}
#main_menu a:hover,  #main_menu .currentCat {background-position:0% -42px;}

#slogan{
float:left;
text-align:right;
}

#slogan h1, #slogan p{
margin:0px;
font-size:23px;
font-weight:bold;
margin:30px 10px 10px;
}


#slogan h1 span, #slogan p span{
margin:0px;
font-size:16px;
font-weight:bold;
padding-right:20px;
}

#logo{
margin-top:2px;
}

#logistic_menu ul li a span{font-weight:bold;color:#fff;font-size:14px;position:relative;top:-10px}

/******** wrapper *******/

#wrapper{
background-color:#fff;
padding:18px;
min-height:440px;
}

#billboard{
height:50px;
background:url(../images/news_bg.gif);
overflow:hidden;
padding:10px;
margin-bottom:18px;
}

#icons, #icons ul{
float:left;
height:44px;
}

#icons ul li img{
margin:0px 2px;
border:1px solid #4A66D3;
cursor:pointer;
}

#icons ul li img:hover{
margin:0px 2px;
border:1px solid #0C0654;
cursor:pointer;
}

#icons ul li img.arrow{
border:none;
position:relative;
top:-9px;
}

#koi_for_sale{float:left;margin-top: 2px;}

#news{
float:right;
text-align:right;
height:53px;
width:400px;
direction:rtl;
}

#news h2{
margin:0px;
font-size:13px;
}

#news p{
direction:rtl;
text-align:right;
padding:3px 0;
}

#news a, .preview_block a{
text-decoration:underline;
}

#news a:hover, .preview_block a:hover{
text-decoration:none;
}

#marqueecontainer{
position: relative;
height: 50px;
overflow: hidden;
cursor:pointer;
}

#video_clip{
float:left;
margin-bottom:18px;
}

#video_clip h2{
display:none;
}

.preview_block{
float:right;
width:260px;
margin-left:20px;
margin-bottom:20px;
text-align:right;
direction:rtl;
}

.preview_block h2{
margin:0px 0px 10px 0px;
border-bottom:1px solid #0C0654;
padding-right:30px;
background:url(../images/lily.gif) no-repeat center right;
font-size:16px;
}

.preview_block p{
text-align:justify;
font-size:13px;
}

/******** category *******/

#categories{
float:left;
width:590px;
margin-top:10px;
}

#category_intro{
margin-left:610px;
width:330px;
text-align:right;
direction:rtl;
}

#category_intro h1{
font-size:18px!important;
}

#category_intro p{
text-align:justify;
}

.category{
display:table;
}

.category_list{
float:right;
width:190px;
overflow:hidden;
text-align:right;
direction:rtl;
margin-left:9px;
}

.category .last{
margin-left:0px !important;
}

.category_title h2{
float:right;
font-size:16px;
color:#0C0654;
margin:5px;
}

.category_title span{
float:right;
margin:8px 1px 0 18px;
}

.category_title a{
margin-top:8px;
display:block;
}

.category_list{
margin-bottom:15px;
}
    
.category_list h3{
display:none;
}

.category_list a{
margin:4px 0;
display:block;
}

.category_breadcrumb{
position:relative;
top:8px;
}

/******** project *******/

#sub_menu, .category_title{
width:100%;
height:30px;
margin:10px 0px 5px 0px;
overflow:hidden;
text-align:right;
background:url(../images/sub_category_bg.gif) repeat-x bottom left;
direction:rtl;
}

#sub_menu ul{
margin:5px 10px;
}

#sub_menu ul li a{
font-size:13px;
font-weight:bold;
}

#sub_menu ul li a:hover, .currentsubCat{
color:#ffffff;
}

#sub_menu .sep{
margin:0px 5px;
color:#ffffff;
}

#breadcrumb{
clear:both;
margin-bottom:10px;
margin-left:10px;
}

#breadcrumb ul li a{
font-size:11px;
text-decoration:underline;
}

#breadcrumb ul li a:hover{
text-decoration:none;
}

#breadcrumb .sep{
margin:0px 2px;
color:#4A66D3;
}

#gallery{
float:left;
width:500px;
overflow:hidden;
margin-bottom:10px;
margin-right:10px;
}

#gallery #preview{
text-align:center;
margin-bottom:10px;
}

#gallery h1, #category_intro h1{
margin:0px 0px 10px 0px;
border-bottom:1px solid #08B114;
font-size:16px;
text-align:right;
direction:rtl;
}

#thumbnails{
text-align:left;
margin-left:7px;
}

#thumbnails ul li img{
margin:3px;
border:1px solid #4A66D3;
cursor:pointer;
}

#thumbnails ul li img:hover{
margin:3px;
border:1px solid #08B114;
}

#movies{
text-align:center;
}

#project{
float:left;
margin:32px 25px 10px 0px;
width:240px;
overflow:hidden;
direction:rtl;
text-align:right;
}

#project p tbl, #project p, #project tr{
width:230px !important;
direction:rtl;
font-weight:normal;
font-size:12px;
line-height:1.4em;
text-align:justify;
}

#project a{
text-decoration:underline;
}

#project h2{
font-size:14px;
}

#project td{
width:100px;
}

#project_menu{
float:right;
width:150px;
direction:rtl;
text-align:right;
margin-bottom:10px;
}

#project_menu ul li{
display:block;
}

#project_menu ul li a{
font-size:12px;
font-weight:bold;
border-bottom:1px solid #0C0654;
display:block;
padding:4px;
}

#project_menu ul li a:hover, .currentProject{
border-bottom:1px solid #0C0654;
color:#ffffff;
background:#08B114 url(../images/sub_category_bg.gif) repeat-x top left;
}

/******** footer *******/


#footer{
clear:both;
border-top:1px solid #08B114;
}

#footer a{
color:#08B114;
}

#footer a:hover{
color:#0C0654;
}


#credit_menu{
float:left;
margin-top:10px;
}

#footer_menu{
float:right;
margin-top:10px;
}

#footer .sep{
color:#08B114;
margin:0px 5px;
}

#grass_hp{
background:url(../images/homepage_footer_bg.jpg) repeat-x bottom center;
height:120px;
}

#grass_project{
background:url(../images/project_footer_bg.jpg) repeat-x bottom center;
height:190px;
}

#grass_category{
background:url(../images/category_footer_bg.jpg) repeat-x bottom center;
height:190px;
}
