#Index { background: url(../i/bg_index.gif) no-repeat center 0 #000; }

.pageWrap { width: 990px; margin: 0 auto; padding-top: 33px;  }


.menuTop { margin-left: 20px; }
.menuTop li { float: left; list-style-type: none; margin-right: 30px; }
.menuTop img { height: 45px; border: none;  }

.sheep_left { width: 299px; position: absolute; left: 5%; top: 130px; }
.sheep_left .sheepWorld { width: 105px; height: 45px; background:url('../i/b_sheepWorld.png') no-repeat 0 0; cursor: pointer; border: none; margin: 24px 0 0 50px; }
*html .sheep_left .sheepWorld { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./i/b_sheepWorld.png', sizingMethod='crop'); }

.sheep_right { width: 299px; position: absolute; right: 4%; top: 170px; }
.sheep_right .sheepRange { width: 105px; height: 45px; background:url('../i/b_sheepRange.png') no-repeat 0 0; cursor: pointer; border: none; margin: 22px 0 0 102px; }
*html .sheep_right .sheepRange { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./i/b_sheepRange.png', sizingMethod='crop'); }

#Index .Content { padding-top: 210px; margin-left: 420px; width: 310px; }
*html #Index .Content { padding-top: 225px; }
#Index .Content .fullVersionLink { float: right;  }
#Index .Content .fullVersionLink img { width:111px; height:22px; border:none; }



#About { background: url(../i/bg_about.gif) no-repeat center 0 #000; }
#About .Content { padding-top: 150px; margin-left: 267px; width: 700px; height: 750px; }

#About .Context { background:url('../i/can.png') no-repeat 0 0; width: 470px; padding-left: 230px; }
*html #About .Context { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i/can.png', sizingMethod='crop'); }

#About .Context .textBlock1 { width: 220px; margin-top: 35px; margin-left: 40px; text-align: center; }
#About .Context .textBlock1 .title { font-size: 140%; margin-bottom: 6px; }
#About .Context .textBlock1 .text { font-weight: bold; }

#About .Context .textBlock2 { width: 220px; margin-top: 45px; text-align: center; }
#About .Context .textBlock2 .title { font-size: 170%; margin-bottom: 6px; }
#About .Context .textBlock2 .text { font-weight: bold; }

#About .Context .textBlock3 { width: 220px; margin-top: -40px; margin-left: 260px; text-align: center; }
#About .Context .textBlock3 .title { font-size: 140%; margin-bottom: 6px; }
#About .Context .textBlock3 .text { font-weight: bold; }

#About .Context .sign { margin-left: 140px; margin-top: -35px; }



#Legend { background: url(../i/bg_legend.gif) no-repeat center 0 #000; }
#Legend  .Content { padding-top: 140px; margin-left: 350px; width: 300px; }



#Faq { background: url(../i/bg_black.gif) no-repeat center 0 #000; }
#Faq .Content { padding-top: 230px; margin-left: 300px; width: 420px; color: #fff; }
#Faq .Content .faqBlock { padding-top: 10px;  }
#Faq .Content .faqBlock .q { font-size: 90%; color: #b3b3b3; font-style: italic; font-family: Arial, Helvetica, sans-serif; margin-top: 40px;  }

#Faq .askFormBlock { padding-top: 40px; }
#Faq .askFormBlock h2 { color: #fff; }
#Faq .askFormBlock .item { padding-bottom: 15px; font-family: Arial, Helvetica, sans-serif; font-size: 90%;  }
#Faq .askFormBlock input { margin-top: 3px; width: 276px; height: 20px; background-color: #fff; border: none;  }
#Faq .askFormBlock textarea { margin-top: 3px; width: 450px; height: 270px; background-color: #fff; border: none;  }
#Faq .askFormBlock .btn_send { width: 125px; height: 28px; border: none; background:url('../i/btn_send.gif') no-repeat 0 0; cursor: pointer; }



#Downloads { background: url(../i/bg_black.gif) no-repeat center 0 #000; }
#Downloads .Content { padding-top: 230px; margin-left: 300px; width: 490px; color: #fff; }
#Downloads  h2 { color: #fff; }
#Downloads .dowloadsBlock { padding-top: 20px; }
#Downloads .dowloadsBlock .item { width: 125px; margin-right: 35px; margin-bottom: 15px; float: left; text-align: center; margin-top: 10px; }
#Downloads .dowloadsBlock .item img { border: 1px solid #bcbcbc; display: block; margin-bottom: 10px; }
#Downloads .dowloadsBlock .item a { display: block; margin-bottom: 5px; color: #fff; text-decoration: underline; font-size: 80%;  }



#Rules { background: url(../i/bg_rules.gif) no-repeat center 0 #000; }
#Rules .Content { padding-top: 115px; margin-left: 20px; width: 920px; color: #fff; }
#Rules .Content .text1 { margin-left: 332px; width: 295px; }
#Rules .Content .text2 { margin-left: 210px; width: 450px; padding-top: 40px;  }
#Rules .Content .text2 p {  margin: 0.5em 0;  }

#Rules .Content .rulesBlock { background: url(/i/bg_rulesblock.gif) no-repeat 0 0; width: 914px; height: 1422px; position: relative;  }
#Rules .Content .rulesBlock .item1 { margin-left: 500px; width: 330px; padding-top: 20px; }
#Rules .Content .rulesBlock .item2 { position: absolute; left: 175px;  top: 217px; width: 225px; color: #000; }
#Rules .Content .rulesBlock .item3 { position: absolute; left: 570px;  top: 205px; width: 220px; color: #000; }
#Rules .Content .rulesBlock .item4 { position: absolute; left: 158px;  top: 435px; width: 290px; color: #000; }
#Rules .Content .rulesBlock .item5 { position: absolute; left: 205px;  top: 507px; width: 250px; color: #000; }
#Rules .Content .rulesBlock .item6 { position: absolute; left: 570px;  top: 475px; width: 265px; color: #000; }
#Rules .Content .rulesBlock .item6 div { padding: 15px 0; text-align: right;  }
#Rules .Content .rulesBlock .item7 { position: absolute; left: 219px;  top: 690px; width: 270px; color: #000; }
#Rules .Content .rulesBlock .item8 { position: absolute; left: 275px;  top: 945px; width: 160px; color: #000; text-align: center; }
#Rules .Content .rulesBlock .item8 span { display: block; font-size: 120%;  }
#Rules .Content .rulesBlock .item9 { position: absolute; left: 570px;  top: 780px; width: 285px; color: #000; }
#Rules .Content .rulesBlock .item9 .control { margin: 15px 0; }
#Rules .Content .rulesBlock .item9 .control li {  list-style-type: none; clear: left; }
#Rules .Content .rulesBlock .item9 .control span {  padding-right: 10px; display: block; float: left; font-weight: bold; margin-bottom: 12px; }
#Rules .Content .rulesBlock .item9 .control img { width: 21px; height: 22px;  }
#Rules .Content .rulesBlock .item10 { position: absolute; left: 145px;  top: 1180px; width: 140px; color: #000; text-align: center; }
#Rules .Content .rulesBlock .item11 { position: absolute; left: 390px;  top: 1260px; width: 160px; color: #000; }
#Rules .Content .rulesBlock .item12 { position: absolute; left: 710px;  top: 1255px; width: 150px; color: #000;  }