/*----------------------------------------------------------------
Basic Stylesheet for Artis site
version: 1.0
Author: Eran Gans
email: eran@artis.co.il
Web: http://www.artis.co.il
basic colors :
light blue = B7C9E2
gray = 8A8B91
/*border: 1px solid #000000;*/
/*----------------------------------------------------------------*/
body 
{
background-color: #ffffff;
color: #8A8B91;
font-size: 62.5% ;
line-height: 1.2em; 
font-family: Arial;
border: 0px;
margin: 0px; 
padding: 0px;
direction: ltr;
font-weight: bold;
}
a {color: #000000;}
a:hover {color: #CF6D00;}
img {border: 0px;}
strong {font-weight: bold;}
td {text-align:center;}
#wraper
{
position: absolute;
height: 550px;
width: 990px;
xtop: 50%; 
xright: 50%; 
xmargin-top: -285px;
xmargin-right: -495px;
top: 5px;
left: 5px;
margin-left: auto;
background-color:#ffffff;
border: 1px solid #B7C9E2;
font-size: 1.3em ;
line-height: 1.4em;
}
#credit
{
position: absolute;
top: 555px;
left: 5px;
color: #8A8B91;
}
a.artis
{
color: #8A8B91;
text-decoration: none;
}
a:hover.artis
{
color: #8A8B91;
text-decoration: none;
}
#top-bg
{
position: absolute;
top: 10px;
left: 10px;
width: 968px;
height:103px;
border: 1px solid #B7C9E2;
background-image: url(images/top.jpg);
background-repeat: no-repeat;
background-position: right top;
}
#arthnklogo
{
border: 1px solid #B7C9E2;
position: absolute;
top: 10px;
left: 10px;
}
#joyartlogo
{
border: 1px solid #B7C9E2;
position: absolute;
top: 10px;
left: 110px;
}
#divmainlinks
{
border: 1px solid #B7C9E2;
position: absolute;
top: 70px;
left: 210px;
color: #8A8B91;
}
a.toplink  {
color : #8A8B91;
font-family: Arial;
font-size : 14px;
Text-decoration:none;
font-weight: bold;
}
a.toplink:hover  {
color : #B7C9E2;
font-family: Arial;
font-size : 14px;
Text-decoration:none;
font-weight: bold;
}
a.toplinkchosen  {
color : #B7C9E2;
font-family: Arial;
font-size : 14px;
Text-decoration:none;
font-weight: bold;
}
a.toplinkchosen:hover  {
color : #8A8B91;
font-family: Arial;
font-size : 14px;
Text-decoration:none;
font-weight: bold;
}
#divleft
{
position: absolute;
top: 125px;
left: 10px;
width: 250px;
height:415px;
}
#divright
{
position: absolute;
top: 125px;
left: 270px;
width: 710px;
height:415px;
}
#ulmenu
{
}
.menuitem
{
background-color: #E2E9F3;
border: 1px solid #B7C9E2;
margin-bottom:3px;
}
a.myartlink  {
background-color: #E2E9F3;
color: #8A8B91;
font-weight: bold;
font-family: Arial;
font-size : 12px;
Text-decoration:none;
}
a.myartlink:hover  {
background-color: #E2E9F3;
color: #ffffff;
font-weight: bold;
font-family: Arial;
font-size : 12px;
Text-decoration:none;
}
a.myartlinkc  {
background-color: #E2E9F3;
color: #000000;
font-weight: bold;
font-family: Arial;
font-size : 12px;
Text-decoration:none;
}
a.myartlinkc:hover  {
background-color: #E2E9F3;
color: #ffffff;
font-weight: bold;
font-family: Arial;
font-size : 12px;
Text-decoration:none;
}
#homecontent
{
width: 708px;
height: 410px; 
border: 1px solid #B7C9E2;
overflow: auto;
}
#row3
{
margin-left:40px;
width: 640px;
color:red;
}
.picpad
{
padding-right: 10px;
padding-bottom: 10px;
}
#incontent
{
width: 708px;
height: 250px; 
border: 1px solid #B7C9E2;
overflow: auto;
}
#ptitle
{
border: 1px solid #B7C9E2;
background-color: #E2E9F3;
position: absolute;
top: 260px;
left: 0px;
width: 708px;
height:20px;
}
h1{font-size: 1.1em; line-height: 1.2em; font-weight: bold; display : inline;}
#ptext
{
border: 1px solid #B7C9E2;
background-color: #ffffff;
position: absolute;
top: 280px;
left: 0px;
width: 688px;
height:110px;
padding: 10px;
overflow: auto;
}

#aboutarthinktitle
{
border: 1px solid #B7C9E2;
background-color: #E2E9F3;
position: absolute;
top: 0px;
left: 0px;
width: 348px;
height:20px;
}
#aboutarthinktext
{
border: 1px solid #B7C9E2;
background-color: #ffffff;
position: absolute;
top: 20px;
left: 0px;
width: 328px;
height:370px;
padding: 10px;
overflow: auto;
}
#aboutjoyarttitle
{
border: 1px solid #B7C9E2;
background-color: #E2E9F3;
position: absolute;
top: 0px;
left: 358px;
width: 348px;
height:20px;
}
#aboutjoyarttext
{
border: 1px solid #B7C9E2;
background-color: #ffffff;
position: absolute;
top: 20px;
left: 358px;
width: 328px;
height:370px;
padding: 10px;
overflow: auto;
}
#Contacttitle
{
border: 1px solid #B7C9E2;
background-color: #E2E9F3;
position: absolute;
top: 0px;
left: 0px;
width: 708px;
height:20px;
}
#Contacttext
{
border: 1px solid #B7C9E2;
background-color: #ffffff;
position: absolute;
top: 20px;
left: 0px;
width: 688px;
height:370px;
padding: 10px;
}
#newstitle
{
border: 1px solid #B7C9E2;
background-color: #E2E9F3;
position: absolute;
top: 0px;
left: 0px;
width: 708px;
height:20px;
}
#newstext
{
border: 1px solid #B7C9E2;
background-color: #ffffff;
position: absolute;
top: 20px;
left: 0px;
width: 688px;
height:70px;
padding: 10px;
}
#newscontent
{
position: absolute;
top: 120px;
left: 0px;
width: 708px;
height: 290px; 
border: 1px solid #B7C9E2;
overflow: auto;
}


#wraperpop
{
position: absolute;
height: 400px;
width: 400px;
margin-left: auto;
background-color:#ffffff;
border: 1px solid #B7C9E2;
font-size: 1.3em ;
line-height: 1.4em;
}
.poptitle
{
border: 1px solid #B7C9E2;
background-color: #E2E9F3;
width: 400px;
xheight:20px;
text-align:center;
}
.poptext
{
border: 1px solid #B7C9E2;
background-color: #ffffff;
width: 380px;
padding: 10px;
text-align:center;
overflow: auto;
}
.poppic
{
border: 1px solid #B7C9E2;
text-align:center;
}