* {  padding:0; margin:0; }
body {
background-color: #bbe7f2;
font-family: Arial;
background: url("img/bg.gif");
}
#main {
margin-left: auto;
margin-right: auto;
width: 805px;

}
#barl {
background: url("image/barl.png");
width: 366px;
height: 55px;
float: left;
}
#loginbar {
float: left;
margin-top: 25px;
width: 270px;
} 
#rank {
float: right;
}
#facebook {
float: right;
}
#loginbar a { color: red; text-decoration: none; }
#seek {
float: left;
margin-top: 30px;
margin-left: 3px;
}
#fav {
float: right;
margin-top: 3px;
margin-right: 45px;
}
#barr {
background: url("image/barr.png");
width: 435px;
height: 55px;
float: left;
text-align: right;
}
#body2 {
background-color: #FFFFFF;
border-right:1px solid #838788;
border-left:1px solid #838788;
border-bottom:1px solid #838788;
float: right;
width: 803px;
}
#nav {
margin-top: 20px;
font-size: 12px;
float: right;
}
#blockleft {
float: left;
margin-top: 8px;
width: 472px;
}
#tilegreen {
background: url("image/tilegreen.png");
width: 472px;
height: 37px;
text-align: right;
}
#tilegreen a{ 
font-size: 22px;
color: #000;
text-decoration : none;
position: relative;
top: 10px;
}
#ads { float: right; }
#tileblue {
background: url("image/tileblue.png");
width: 472px;
height: 28px;
margin-top: 55px;
text-align: right;
}
#tileblue a{ 
font-size: 22px;
color: #000;
text-decoration : none;
}
#blockbar {
background-color: #ecf3fb;
width: 472px;
text-align: right;
font-size: 12px;
}
#blockright {
float: right;
margin-top: 5px;
margin-right: 4px;
}
#girltile {
background: url("image/tilegirl.png");
width: 307px;
height: 54px;
text-align: center;
}

#girlblock {
background: url("image/girl.png");
width: 307px;
height: 233px;
text-align: center;
}
#girlbottom {
background: url("image/girl-d.png");
width: 307px;
height: 26px;
}	
#textgirl {
margin-left: 50px;
float: left;
color: #ffffff;
}
#textgirl a { color: #ffffff; text-decoration: none;}
#blockpic {
background: url("image/blockpic.png");
width: 100px;
height: 110px;
margin-right: 82px;
float: right;
margin-top: 2px;
}
#blockpicl {
background: url("image/blockpic.png");
width: 100px;
height: 110px;
margin-left: 20px;
float: left;
margin-top: 2px;
}
#blockpic a {
color: #000;
font-size: 12px;
text-decoration: none;
}
#blockpicl a {
color: #000;
font-size: 12px;
text-decoration: none;
}
#artstile {
background: url("image/tileart2.png");
width: 307px;
height: 65px;
text-align: center;
color: #ffffff;
font-size: 23px;
}
#artsblock {
background: url("image/art2.png");
width: 307px;
height: 232px;
text-align: center;
}
#artsbottom {
background: url("image/art2-d.png");
width: 307px;
height: 26px;
}	
#textarts {
margin-left: 50px;
float: left;
color: #ffffff;
}
#pic {
font-size: 25px;
float: right;
color: #646e70;
}
#pic2 {
float: left;
}
#pp {
margin-right: 4px;
width: 790px;
margin-top: 8px;
float: right;
}

#classtile {
background: url("image/tileclass.png");
width: 307px;
height: 52px;
text-align: center;
color: #ffffff;
font-size: 23px;
}

#classblock {
background: url("image/class.png");
width: 307px;
height: 240px;
text-align: center;
}
#classbottom {
background: url("image/class-d.png");
width: 307px;
height: 18px;
}	
#textclass {
margin-left: 50px;
float: left;
color: #ffffff;
}
#rightdown {
float: right;
margin-right: 4px;
}
#arttile {
background: url("image/tileart.png");
width: 307px;
height: 60px;
text-align: center;
margin-top: 5px;
color: #ffffff;
font-size: 23px;
}
#artblock {
background: url("image/art.png");
width: 307px;
height: 229px;
text-align: center;
}
#artbottom {
background: url("image/art-d.png");
width: 307px;
height: 26px;
}	
#textart {
margin-left: 50px;
float: left;
color: #ffffff;
}
#info {
background-color: #E0E0E0;
width: 170;
margin-top: 3px;
margin-left: 3px;
float: right;
}

#infot {
background-color: #E0E0E0;
width: 170px;
height: 300px;
margin-top: 25px;
margin-left: 3px;
float: right;
text-align: center;
}
#copyright {
background-color: #DCDCDC;
width: 100%;
float: right;
text-align: right;
margin-top: 20px;
}
#login {
margin-top: 50px;
background-color: #FF8A8A;
border: 1px solid #C94444;
width: 80%;
color: #292929;
}
#logintile {
background-color: #C23E3E;
color: #FFFFFF;
text-align: right;
}
#password {
margin-right: 30px;
}
#bo {
width: 205px;
float: left;
}
#mytile {
background-image: url("http://yeldimdim.co.il/img/topblue.png");
text-align: right;
color: #FFFFFF;
font-size: 18px;
width: 615px;
height: 56px;
float: right;
}
#page { float: right; width: 100%; text-align: center;}
#margin {margin-right: 90px; }
#blue2 {background-color: #097E97; float: right; text-align: right;}
#blue { background-image: url("http://yeldimdim.co.il/img/tileblue.png"); height: 37px; width: 204px; margin-right: 1px; float: right;}
#blue a { color: #FFFFFF; font-size: 18px; text-decoration: none; }
#pink { background-image: url("image/http://yeldimdim.co.il/img/tilepink.png"); height: 37px; }
#green { background-image: url("image/http://yeldimdim.co.il/img/tilegreen.png"); height: 37px; }
#orange { background-image: url("image/http://yeldimdim.co.il/img/tileorange.png"); height: 37px; }
#yellow { background-image: url("image/http://yeldimdim.co.il/img/tileyellow.png"); height: 37px; }
#purple { background-image: url("image/http://yeldimdim.co.il/img/tilepurple.png"); height: 37px; }
#red2 { background-image: url("image/http://yeldimdim.co.il/img/tilered2.png"); height: 37px; }
#gameb {
background: url("image/object.png");
width: 94px;
height: 92px;
float: left;
text-align: center;
}
#gameb a {
color: #000;
font-size: 12px;
text-decoration: none;
}
#gamebs {
margin-top: 95px;
}
#img { 
margin-top: 3px; 
margin-right: 2px; 
border: 0px;
width: 82px;
height: 68px;
}
#pics {
float: right;
margin-right: 5px;
font-size: 12px;
}
#pics a { color: #000; font-size: 12px; text-decoration: none; }
#girltitle {
font-size: 35px;
color: #C63B64;
padding-top: 12px;
padding-right: 20px;
}
#classtitle {
padding-top: 10px;
font-size: 35px;
color: #FFFFFF;
}
#arttitle {
padding-top: 15px;
font-size: 35px;
color: #DD692C;
}
#artstitle {
padding-top: 22px;
padding-right: 85px;
font-size: 35px;
color: #B77828;
}


#links {
width: 805px;
}

a {  color:#000; }
a:hover{ color:#292929; }

#block {font-size: 20px;}
#block a { color:#FFFFFF; }
#block a:hover{ text-decoration: none; color:#FAFAFA; }
#logo { position: relative; top: 4%; left: 0px; }