* {margin: 0; padding: 0;}
img {float: left; border-style: none;}
body {background: #F479FF url(img/gen_back.gif) repeat-y center; font-family: Verdana, Arial, Helvetica, sans-serif;}
.main_container {background: #F479FF url(img/gen_back.gif) repeat-y; width: 1000px; margin: 0 auto;}
.thumbs_container { width: 1000px; background: url(img/table_back_1.gif) repeat-y; float: left;}
.share {width: 165px; padding: 40px 0 20px 40px;  background: url(img/table_2.gif); float: left;}
.pics {width: 936px; padding: 0 32px 0 32px; float: left;}
.pics img {margin: 1px;}
.pics a img{ width: 152px; height: 212px; border: 1px solid #FFFFFF;}
.pics a:hover img{ border: 1px solid #FF0000;}
.friends { list-style: none; padding: 10px 0; margin: 0; float: left; overflow: hidden; }
.friends img { float: none; }
.friends img.preview { border: 1px solid #ffffff; float: none; }
.friends a:link, .friends a:visited { color: #cc0000; }
.friends a:hover, .friends a:active { text-decoration: none; color: #ffffff; }
.friends li { width: 192px; display: inline; height: 241px; float: left; padding: 0; margin: 0 29px; background: url(img/friend_block.jpg) no-repeat; text-align: center; display: inline; }
.friends h4 { padding: 5px 10px; height: 18px; overflow: hidden; font: 600 14px Verdana, Arial, sans-serif;  }
.friends p { font-size: 10px; color: #ffffff; margin: 5px 15px; height: 35px; overflow: hidden; }
.ol {width: 800px; padding: 20px 100px 20px 100px; float: left; font-size: 12px;}
.ol ol {display:block; width: 200px; padding: 0; float: left;}
.ol ol li { margin-left: 60px;}
.ol ol li a { font-size: 12px; color:#007700; text-decoration: none;}
.ol ol li a:hover { color:#FF0000; text-decoration: underline;}
.li { float:left;}
.number { width: 980px; padding: 5px 0 5px 20px; font-size: 12px; font-weight: 900; float: left;}
.number a, .number a:visited {margin: 1px; padding: 8px 5px 8px 5px; text-align: center; display: block; float: left; width: 20px; text-decoration: none; color: #006173;   background: url(img/number.gif); }
.number a:hover, .number a:active { color: #cc0000; background: url(img/number.gif) -30px; }
.footer {background: #F479FF url(img/bot_2.gif) repeat-x; float: left;}
.copyright{ width: 552px; padding: 40px 10px 0px 10px; color: #666666; font-size: 10px; text-align: left; float: left; }
.copyright a, .copyright a:visited { color: #333333; text-decoration: underline;}
.copyright a:hover, .copyright a:active {color: #FFFFFF; text-decoration: none; }

div.scroll { width: 30px; margin: 60px 0; float: left; }
div.scroll img { float: none; }
div.lbtn { padding: 0 10px 0 70px; }
div.rbtn { padding: 0 70px 0 10px; }

div#slider-wrapper { height: 140px; width: 772px; margin-top: 10px; float: left; }
div#slider-wrapper img.button { width: 32px; float: left; padding: 10px; }
div#slider-wrapper div.title { width: 668px; text-align: center; font-size: 30px; color: #ffff99; float: left;}
div#slider-wrapper div.title span { font-size: 12px; padding-bottom: 10px; display: block; color: #ffffff; }
div#sample-slider { border: 1px solid #ffffff; height: 126px; overflow: hidden; position: relative; width: 772px; }
div#sample-slider ol#slides { height: 124px; left: -150px; list-style-type: none; margin: 0; overflow: hidden; padding-left: 0; position: relative; width: 1080px; }
div#sample-slider ol#slides li.mover { float: left; height: 120px; margin: 2px 0; width: 150px; }
div#sample-slider ol#slides li.slide { border: 1px solid #ffffff; float: left; height: 120px; margin: 2px 0 2px 2px; padding: 0; width: 150px; }