/* CSS Document */
	/* Set default values */
img, body, html, form, div, ul, ol, li, p, h1, h2, h3, h5, a, input {margin:0; padding:0; border:none;font:14px Verdana, Tahoma, Trebuchet ms, Verdana, san-serif; color:#000000;}
a:link {color:#fff;text-decoration:none;}
a:active {color:#fff;text-decoration:none;}
a:visited {color:#fff;text-decoration:none;}
a:hover{color:#fff;text-decoration:underline;}
table {border-collapse:collapse;}

	/* Main Blocks */
	/* Body */
body {width:100%; height:100%; background:#595959;}


body1 {font-family: Verdana, Arial, Helvetica, sans-serif;
			line-height: 155%; }

 /* experiment */
 
 a {color: #fff;}

#wrapper {
	width: 960px;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	background: #c0c0c0;
}

#header2 {
	width: 960px;
	height: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float: center;
	background: #fff;
}


#featured {
	width: 960px;
	height: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float: center;
	background: #fff;
}
#sidebar {
	width: 193px;
	height: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float: right;
	background: #fff;
}

#content {
	width: 757px;
	height: relative;
	margin: 0;
	padding: 5px;
	border: 10;
	float: left;
	background: #ffff;
}

.floatright
{
float: right;
margin: 0 0 10px 10px;
border: 1px solid #666;
padding: 2px;
}

.floatleft
{
float: left;
margin: 0 0 10px 10px;
border: 0px solid #666;
padding: 2px;
}



 /* end experiment */
 
 
#header {height:103px; background:url(images/background/line1.jpg) repeat-x;}
#head {width:974px;margin:0 auto; position:relative;}
#head2 {width:974px;margin:0 auto; position:center;}
#logo {margin:11px 3px 10px 1px;float:left;}
#dollars {margin:6px 0 0 0;float:left;background:#595959 url(images/background/line_dollars.jpg) repeat-x bottom;padding-right:28px;}
#login {width:251px; height:84px; margin-top:10px;padding:8px 0 0 20px;background:url(images/background/line_login.jpg) repeat-x;float:left;}
#affil {width:92px; height:9px; background:url(images/text/affiliate.gif) no-repeat;margin-bottom:5px;}
#login input {background:#b3b3b3; border:1px solid #9a9a9a;margin:0 4px 4px 0; font:10px Arial, Verdana; color:#4c4c4c; width:158px; height:15px; padding:2px 0 0 4px;float:left;}
.sub {margin-left:0;float:left;cursor:hand;}
#login .submit {background:url(images/text/login.gif) no-repeat;width:66px; height:20px;margin:0 0 0 0;padding:0;border:0;cursor:hand;}
.pass_lost {clear:left;font:10px Areal, Verdana; color:#c2c2c2;}
.pass_lost a:link , .pass_lost a:visited {font:10px Areal, Verdana; color:#c2c2c2;}


#menu {width:974px; margin:0 auto; position:relative;}
#menu2 {width:960px; height:116px; margin:0 auto; position:relative;}

#menu_button {width:970px;height:30px;}
#menu_block3 {width:960px;height:197px;}
#flash_block {width:974px;height:300px;}
#flash_block2 {width:960px;height:115px;}
#flash_block3 {width:960px;height:197px;}
#header1 {height:300px; background:url(images/background/line3.jpg) repeat-x;}

#center {height:403px; background:url(images/background/line2.jpg) repeat-x;}
#cent {width:980px;margin:0 auto; position:relative;}
#cent2 {width:700px;margin:0 auto; position:relative;}

#left_column {width:227px;float:left;}
#lates_news {height:43px; width:227px; background:url(images/background/lates_news.jpg) no-repeat;}

#right_column {width:753px;float:right;}

.why {width:723px;padding:15px 0 0 30px;float:left;height:195px; background:url(images/background/join.jpg) 21px 0 no-repeat;}
h1 {font:18px Arial, Verdana;}
.why p {margin:12px 247px 0 0;text-align:justify;font:11px Arial, Verdana;}
.join {width:130px; height:80px;position:absolute;top:140px;left:785px;cursor: hand;}
.programm_txt {width:620px; height:40px; background:url(images/text/programm.gif) 32px 15px no-repeat #595959;float:left;}
.banner1 {width:747px; height:90px; background:url(images/banners/ban1.jpg) 13px 0 no-repeat;float:left;cursor: hand;}
.banner2 {width:747px; height:88px; background:url(images/banners/ban2.jpg) 13px 0 no-repeat;float:left;cursor: hand;}
.banner3 {width:747px; height:90px; background:url(images/banners/ban3.jpg) 13px 0 no-repeat;float:left;cursor: hand;}
.banner4 {width:747px; height:115px; background:url(images/banners/ban4.jpg) 13px 0 no-repeat;float:left;cursor: hand;}

.feat1 {width:960px; height:174; background:url(images/model/feat1.jpg) 13px 0 no-repeat;float:left;cursor: hand;}
.feat2 {width:960px; height:199; background:url(images/model/feat2.jpg) 13px 0 no-repeat;float:left;cursor: hand;}
.feat3 {width:768px; height:241; background:url(images/model/feat3.jpg) 13px 0 no-repeat;float:left;cursor: hand;}
.feat4 {width:192px; height:241; background:url(images/model/feat4.jpg) 13px 0 no-repeat;float:left;cursor: hand;}

  /*  About us  */
.about {width:723px;padding:0 0 0 30px;float:left;}
h3 {font:bold 24px Arial, Verdana; color:#fff594;margin:17px 0 0 0;}
.about p {margin:10px 0 0 0;text-align:justify;font:11px Arial, Verdana;}
.join {width:130px; height:80px;position:absolute;top:140px;left:785px;cursor: hand;}
.join_about {width:222px; height:216px;float:right;background:url(images/about/join.jpg) 0 15px no-repeat;}
.about p span a:link, .about p span a:visited {font:11px Arial, Tahoma; color:#3686ff;}
.about #mail {float:left;}
.about img {margin:10px 0 0 4px;}

	/* Features */
.feat_block_left {width:480px; float:left;padding-top:44px;}
.feat_block_left img {margin-bottom:9px;}
.right {float:right;}
.feat_join {width:500px;height:220px; float:left;padding-left:346px;}
.feat {width:288px; height:102px;margin-bottom:9px; padding:71px 0 0 180px;}
.background1 {background:url(images/features/feat1.jpg) no-repeat;}
.background2 {background:url(images/features/feat2.jpg) no-repeat;}
.background3 {background:url(images/features/feat3.jpg) no-repeat;}
.background4 {background:url(images/features/feat4.jpg) no-repeat;}
.background5 {background:url(images/features/feat5.jpg) no-repeat;}
.background6 {background:url(images/features/feat6.jpg) no-repeat;}
.background7 {background:url(images/features/feat7.jpg) no-repeat;}
.background8 {background:url(images/features/feat8.jpg) no-repeat;}
.background9 {background:url(images/features/feat9.jpg) no-repeat;}
.background10 {background:url(images/features/feat10.jpg) no-repeat;}
.feat p {font:11px Arial, Tahoma; text-align:justify;}
.noscroll {width:268px; padding-right:20px;height:102px;overflow:hidden;}

/* 
   Styles for scrolling layers  
	 Specify width and height in hold and wn, and in clip for wn 
   Scroll 1
*/
#scroll1 {width:227px; background:#595959;}

div#wn1 {position:relative;width:202px;height:545px; overflow:hidden;float:left;margin-top:7px;}
/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar1 {position:relative;width:15px; height:565px; font-size:1px;float:right; }
div#track1 {width:13px; height:536px; z-index:1;background:#3e3e3e; position:absolute; top:14px; border-right:1px solid #434343;border-left:1px solid #434343;}
div#dragBar1 {position:absolute; left:0; top:1px; width:11px; height:16px; background:#595959; border-right:1px solid #535353;border-left:1px solid #535353; z-index:1;margin-left:-1px;}
div#up1 { position:absolute; left:0; top:0; z-index:2;}
div#down1 { position:absolute; left:0; bottom:0; z-index:3;}

/*   Scroll 2   */

.scroll2 {width:277px;}

div#scrollbar1, div#scrollbar2, div#scrollbar3 {
    display:block; /* initially display:none; to hide from incapable */
    }

div#wn2  {position:relative; width:250px; height:90px; overflow:hidden;float:left;}
div#scrollbar2 {position:relative;width:11px; height:96px;font-size:1px;  float:right; /* so no gap or misplacement due to image vertical alignment */}
div#track2 {position:absolute; left:0; top:14px;width:15px; height:68px;background: #4d2121;}
div#dragBar2 {position:absolute; left:1px; top:1px;width:13px; height:2px; background-color:#6f3030; z-index:1}
div#up2 { position:absolute; left:0; top:0; z-index:2 }
div#down2 { position:absolute; left:0; bottom:0; z-index:3;height:15px;}

/*   Scroll 3   */

div#wn3  {position:relative; width:250px; height:90px; overflow:hidden;float:left;}
div#scrollbar3 {position:relative;width:11px; height:96px;font-size:1px;  /* so no gap or misplacement due to image vertical alignment */ float:right;}
div#track3 {position:absolute; left:0; top:14px;width:15px; height:68px;background: #4d2121;}
div#dragBar3 {position:absolute; left:1px; top:1px;width:13px; height:2px; background-color:#6f3030; z-index:1}
div#up3 { position:absolute; left:0; top:0; z-index:2 }
div#down3 { position:absolute; left:0; bottom:0; z-index:3;height:15px;}

/* for safari, to prevent selection problem  */
div#scrollbar1, div#track1, div#dragBar1, div#up1, div#down1,
div#scrollbar2, div#track2, div#dragBar2, div#up2, div#down2,
div#scrollbar3, div#track3, div#dragBar3, div#up3, div#down3
    {
    -moz-user-select: none;
    -khtml-user-select: none;
    }
/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar1 img, div#scrollbar2 img, div#scrollbar3 img {
    display:block; 
    } 


/*  In spisok  */

.block {width:198px;padding:0 0 12px 2px;}
.block p {font:11px Areal, Tahoma;margin:2px 0;}
.block p span {font:10px Areal, Tahoma; color:#acacac;}
h2 a:link, h2 a:visited {font:bold 14px Areal, Tahoma; color:#fff594;}



	/* Footer */
#footer_block {width:960px; height:82px;border-top:1px solid #fff;float:left;margin-top:7px;}
#footer_left {width:430px; height:39px; float:left;padding:23px 0 0 2px;}
#footer_left p {font:11px Arial, Verdana;color:#e5e5e5;}
#footer_left p a:link, #footer_left p a:visited {font:11px Arial, Verdana;color:#e5e5e5;}
#footer_left p span {font:11px Arial, Verdana;color:#aaa;}
#footer_left p span a:link, #footer_left p span a:visited {font:11px Arial, Verdana;color:#aaa;}
#footer_right {width:190px; height:62px; float:right;}
#footer_right .footer_txt {width:63px; height:31px; padding:31px 0 0 0;float:left;}
#footer_right .footer_txt p {font:11px Arial, Verdana;color:#c9c9c9;}
#footer_right .footer_txt p a:link, #footer_right .footer_txt p a:visited {font:11px Arial, Verdana;color:#c9c9c9;}
#footer_right #footer_face {width:45px; height:62px; background:url(images/pic/face.jpg) 0 14px no-repeat; float:left;}

.footer_block p {border-bottom:1px solid #676767;line-height:51px;}
.footer_block p a:link, .footer_block p a:visited {color:#c6c5c5;}
.footer_block p span {color:#fc5004;margin:0 10px;}
.footer_block p.copy {color:#898989; font-size:10px;border:0;line-height:49px;width:200px;float:left;}

.des {width:140px;float:right;margin-top:20px;}
.des span {line-height:10px;vertical-align:top;color:#898989;font-size:10px;}