/*----------------------------------------------------------------
Basic Stylesheet for Artis site
version: 1.0
Author: Eran Gans
email: eran@artis.co.il
Web: http://www.artis.co.il
basic colors :
orange = f26122


gray = a1a1a1

/*border: 1px solid #000000;*/
/*----------------------------------------------------------------*/
body 
{
background-color: #ffffff;
color: #000000;
font-size: 12px ;
line-height: 14px; 
font-family: Arial;
border: 0px;
margin: 0px; 
padding: 0px;
direction: rtl;
}
a {color: #f26122;}
a:hover {color: #a1a1a1;}
img {border: 0px;}
strong {font-weight: bold;}
td {text-align:right;}
#wraper
{
position: absolute;
height: 550px;
width: 1000px;
top: 50%; 
right: 50%; 
margin-top: -285px;
margin-right: -500px;
margin-left: auto;
background-color:#ffffff;
border: 1px solid #a1a1a1;
font-size: 12px ;
line-height: 14px;
}
#homelogo
{
position: absolute;
top: 65px; 
left: 443px;
}
#topline
{
position: absolute;
top: 120px; 
left: 0px;
width: 443px;
height: 1px;
line-height: 1px;
background-color:#a1a1a1;
}
#hometopmenu
{
position: absolute;
top: 106px; 
left: 10px;
width: 423px;
height: 12px;
line-height: 12px;
background-color:#ffffff;
}
#homeul ul
{
position:relative;
list-style: none; 
top: 0px; 
right: 0px;
color: #a1a1a1; 
width: 415px;
border: 0px solid #000000;
}
#homeul li
{

position:relative;
color: #a1a1a1;
font-size: 12px;
line-height: 12px;
font-weight: bold;
cursor: pointer;
float: right;
}
#homeul li a
{
color: #a1a1a1;
text-decoration: none;
margin-left:10px;
margin-right:10px;
}
#homeul li a:hover
{
color: #f26122;
}
.menuselected
{
    color: #f26122;
}
#homemouse
{
position: absolute;
top: 206px; 
left: 392px;
}
#hometemptext
{
position: absolute;
top: 436px; 
left: 420px;
color: #f26122;
font-size: 16px;
line-height: 16px;
font-weight: bold;
text-align: center;
}
#homeaboutus
{
position: absolute;
top: 326px; 
left: 748px;
width: 19px;
height: 90px;
}
#homeportfolio
{
position: absolute;
top: 326px; 
left: 805px;
width: 19px;
height: 90px;
}
#homecontactus
{
position: absolute;
top: 326px; 
left: 860px;
width: 19px;
height: 90px;
}
#line1
{
position: absolute;
top: 416px; 
left: 758px;
width: 1px;
height: 76px;
line-height: 1px;
background-color:#a1a1a1;
}
#line2
{
position: absolute;
top: 416px; 
left: 813px;
width: 1px;
height: 76px;
line-height: 1px;
background-color:#a1a1a1;
}
#line3
{
position: absolute;
top: 416px; 
left: 868px;
width: 1px;
height: 76px;
line-height: 1px;
background-color:#a1a1a1;
}
#bottomline
{
position: absolute;
top: 492px; 
left: 458px;
width: 543px;
height: 1px;
line-height: 1px;
background-color:#a1a1a1;
}
#bottomline1
{
position: absolute;
top: 512px; 
left: 458px;
width: 543px;
height: 1px;
line-height: 1px;
background-color:#a1a1a1;
}
#mainmenu
{
position: absolute;
top: 513px; 
left: 470px;
width: 203px;
height: 12px;
line-height: 12px;
}

#mainmenu ul
{
position:relative;
list-style: none; 
top: 0px; 
right: 0px;
color: #a1a1a1; 
width: 415px;
border: 0px solid #000000;
}
#mainmenu ul li
{
position:relative;
color: #a1a1a1;
font-size: 12px;
line-height: 12px;
font-weight: bold;
cursor: pointer;
float: right;
}
#mainmenu ul li a
{
color: #a1a1a1;
text-decoration: none;
margin-left:10px;
margin-right:10px;
}
#mainmenu ul li a:hover
{
color: #f26122;
}
#mainmenu ul li a.selected
{
color: #f26122;
text-decoration: none;
margin-left:10px;
margin-right:10px;
}
#mainmenu ul li a.selected:hover
{
color: #f26122;
}
#topgalleryline
{
position: absolute;
/*top: 193px;*/
top: 153px;
left: 0px;
width: 1000px;
height: 1px;
line-height: 1px;
background-color:#a1a1a1;
}
#bottomgalleryline
{
position: absolute;
/*top: 367px;*/ 
top: 485px;
left: 0px;
width: 1000px;
height: 1px;
line-height: 1px;
background-color:#a1a1a1;
}
#slideshow
{
position: absolute;
top: 155px;
left: 10px;
width: 980px;
height: 330px;
border: 0px solid red;
overflow:auto;
}
.portitem
{
position: relative;
float: right;
margin-top: 10px;
margin-right: 10px;
width: 150px;
height: 300px;
border-bottom: 1px solid #a1a1a1;
}
h1.porttitle
{
position: relative;
top: 2px;
width: 150px;
display: inline;
font-size: 14px ;
line-height: 14px; 
font-weight: bold;
color: #a1a1a1;
}
.portpic
{
position: relative;
width: 150px;
height: 148px;
border: 1px solid #a1a1a1;
}
.porttext
{
position: relative;
top: 5px;
width: 150px;
height: 115px;
color: #a1a1a1;
font-size: 12px ;
line-height: 14px; 
}
a.portlink
{
position: relative;
top: 0px;
width: 150px;
height: 20px;
color: #f26122;
font-size: 12px ;
line-height: 14px; 
}
a.portlink:hover
{
color: #000000;
}




/*--------------land--------------------*/
#landdiv
{
position: absolute;
top: 10px;
left: 20px;
width: 890px;
border: 0px solid red;
padding: 10px;
}
h1.landtitle
{
    font-size: 16px;
    line-height: 18px;
    color: #f26122;
    font-weight: bold;
}
h2.landtitle
{
    font-size: 14px;
    line-height: 16px;
    color: #f26122;
    font-weight: bold;
}
.landshort
{
    color: #a1a1a1;
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
}
.landtext
{
    color: #000000;
    font-size: 12px;
    line-height: 14px;
}
.floatleft
{
    position: relative;
clear: both;
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

/*--------------land--------------------*/







/*--------------bigpic--------------------*/
#bigpic
{
position: absolute;
z-index: 99;
top: 30px;
left: 530px;
width: 420px;
height: 420px;
display: none;
}
#divtop
{
width:420px;
height: 12px;
background-image: url(../images/top.gif);
background-repeat:no-repeat;
background-position: left bottom;
}
#divbottom
{
width:420px;
height: 12px;
background-image: url(../images/bottom.gif);
background-repeat:no-repeat;
background-position: left top;
}
#divcenter
{
width:418px;
text-align: center;
background-color: #ffffff;
border-left: 1px solid #a1a1a1;
border-right: 1px solid #a1a1a1;
}
div.alignright
{
text-align: right;
padding-left: 10px;
padding-right: 10px;
padding-top: 0px;
padding-bottom: 5px;
}
a.hand
{
cursor: pointer;
}
/*--------------bigpic--------------------*/





/*--------------contact us--------------------*/
#contactdiv
{
position: absolute;
top: 10px;
left: 100px;
width: 600px;
border: 0px solid red;
padding: 10px;
}
#formtitle
{
 width: 320px; 
 margin-right: 113px;
 border: 0px solid #000000;  
 color: #a1a1a1;
 font-weight: bold;
 text-align: center;
height: 20px;  
padding-top: 5px;
}
.formlbl
{
        clear: both;
    position: relative;
    display: block;
        width: 437px;
    font-size : 14px;
    line-height: 14px;
    font-weight: bold;
    color: #a1a1a1;
    border: 0px solid #000000;
     margin-bottom: 10px;
}
.forminput
{
   float: left;
   width: 320px;
   border: 1px solid #f26122;
}
.formtextarea
{
    float: left;
    width: 320px;
    height: 150px;
     margin-bottom: 20px;
     border: 1px solid #f26122;
}
.formbut
{
    width: 80px;
    height: 20px;
    float: left;
    padding-bottom: 2px;
    border: 1px solid #f26122;
    color: #f26122;
    background-color: #ffffff;
}
.formbut:hover
{
    color: #ffffff;
    background-color: #a1a1a1;
}
.formnone
{
display: block;
text-align: center;
width: 320px; 
margin-right: 113px;
border: 0px solid #000000;  
font-weight: bold;
background-color: #ffffff;
color: #ffffff;
height: 1px;
}
.formerror
{
display: block;
text-align: center;
width: 320px; 
margin-right: 113px;
border: 0px solid #000000;  
font-weight: bold;
background-color: #f26122;
color: #ffffff;
height: 20px;  
padding-top: 5px;
}
.formok
{
display: block;
text-align: center;
width: 320px; 
margin-right: 113px;
border: 0px solid #000000;  
font-weight: bold;
background-color: #0ab00a;
color: #ffffff; 
height: 20px;  
padding-top: 5px;
}

/*--------------contact us--------------------*/




/* suckerfish starts */

#hometopmenu1
{
position: absolute;
top: 106px; 
left: 10px;
width: 423px;
height: 12px;
line-height: 12px;
background-color:#ffffff;
border: 0px solid #000000;
z-index:9999;
}



#nav { /* all lists */
  
position: absolute;
top: 0px; 
right: 0px;
color: #a1a1a1; 
width: 415px;
border: 0px solid #000000;
margin: 0px 0px 0px 0px;
line-height: 1;
padding:0px 0px 0px 0px;
list-style: none; 
}
#nav li { /* all list items */
float: right;
margin-right: 0px;
width: 80px; /* width needed or else Opera goes nuts */
border: 0px solid red;
height:20px;
font-size: 12px;
line-height: 12px; 
font-weight: bold;
color: #a1a1a1;
cursor:hand;
}
#nav li.nopointer { /* all list items */
float: right;
margin-right: 0px;
width: 80px; /* width needed or else Opera goes nuts */
border: 0px solid red;
height:20px;
font-size: 12px;
line-height: 12px; 
font-weight: bold;
color: #a1a1a1;
cursor:default;
}
#nav span {
margin-top: 0px;
text-decoration:none;
text-align:center;
border: 0px solid red;
}
#nav li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	top: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	top: 15px;
	right: auto;
	margin-right: 0px;
	border: 0px solid red;
}
#nav li ul li { /* all list items */
float: right;
width: 150px; /* width needed or else Opera goes nuts */
padding-right: 0px;
height: 20px;
border: 0px solid #000000;
border: 0px solid red;
background-image: url(../images/butbg1.png);
background-repeat:no-repeat;
background-position: left top; 
}
#nav li ul li:hover { /* all list items */
float: right;
width: 150px; /* width needed or else Opera goes nuts */
height: 20px;
border: 0px solid #000000;
background-image: url(../images/butbg1-h.png);
background-repeat:no-repeat;
background-position: left top;
}

#nav li ul li a { /* all list items */

display: block;
width: 138px; /* width needed or else Opera goes nuts */
height: 17px;
margin-top: 5px;
margin-right: 10px;
color: #000000;
font-size: 12px;
line-height: 14px;
font-weight:normal; 

text-decoration:none;
border: 0px solid #00ff00;
padding-right:0px;

}
#nav li ul li a:hover { /* all list items */
color: #f26122;
}

/* suckerfish end */