body			{
				margin:0;
				padding:0;
				font-size:12px;
				text-align:center;
				font-family:Arial, Helvetica, sans-serif;
				line-height:normal;
				color:#6E7478;
				background:#ffffff;
				}

a 				{
				text-decoration:underline;
				color:#3AA1E2;
				}

a:hover 		{
				text-decoration:none;
				}

p				{
				margin:0;
				padding:0 0 12px 0;
				}

img				{border:0;}

div				{
				margin:0;
				padding:0;
				text-align:left;
				}

fieldset		{
				border:0;
				margin:0 0 12px 0;
				padding:0;
				color:#A3A4A5;
				}

label			{
				margin:0;
				padding:0;
				}

input, select, textarea {
				font:1.3em Arial, Helvetica, sans-serif;
				color:#A3A4A5;
				border:1px solid #A3A4A5;
				}

.radio			{
				border:none;
				}

#container		{
				width:830px;
				margin:0 auto;
				}



/* ---------------------------------- header ----------------------------------------------*/

#header			{
				width:830px;
				height:174px;
				position:relative;
				}

#header .logo	{
				position:absolute;
				top:30px;
				}

#header .login	{
				width:380px;
				height:80px;
				position:relative;
				float:right;
				top:30px;
				font-size:0.9em;
				}

#header .text	{
				padding-top:35px;
				}

#header .enter	{
				font-size:2.1em;
				font-family:Tahoma, Arial, Helvetica, sans-serif;
				}

#header .reg	{
				font-size:1.4em;
				font-weight:bold;
				font-family:Tahoma, Arial, Helvetica, sans-serif;
				}

.login_buttns	{
				text-align:right;
				clear:right;
				padding-top:10px;
				}

.type_pass input, .type_login input	{
				width:135px;
				}

.login_buttns .go	{
				width:78px;
				height:26px;
				border:none;
				background:url(images/go.gif) 0 0 no-repeat;
				vertical-align:middle;
				margin-left:10px;
				}

/* ---------------------------------- content ----------------------------------------------*/

h1				{
				font:bold 1.4em Arial, Helvetica, sans-serif;
				color:#3E464B;
				border-bottom:3px solid #D2D2D2;
				margin:0 0 18px 0;
				padding:0 0 18px 0;
				}

h2				{
				font:bold 1.4em Arial, Helvetica, sans-serif;
				color:#3E464B;
				}

h3				{
				font:bold 1.1em Arial, Helvetica, sans-serif;
				color:#1D6097;
				}

h4				{
				font:bold 0.9em Tahoma, Arial, Helvetica, sans-serif;
				color:#47494B;
				margin-bottom:12px;
				}

h2, h3, h4, h5
				{
				margin:0 0 10px 0;
				padding:0;
				}

#content		{
				width:830px;
				position:relative;
				}

.cont_height	{min-height:560px;}
*html .cont_height	{height:560px;}

.red_box		{
				width:330px;
				border:3px solid #F3C3C3;
				background:url(images/red_box_bg.gif) bottom repeat-x;
				position:absolute;
				top:30px;
				left:451px;
				z-index:1;
				}

.red_box_in		{
				padding:260px 20px 5px 58px;
				min-height:127px;
				}

*html .red_box_in		{
				height:127px;
				}

.red_box .c		{
				width:20px;
				height:20px;
				background:url(images/red_box_c.gif) 0 0 no-repeat;
				overflow:hidden;
				margin:-17px -3px -3px 0;
				float:right;
				position:relative;
				z-index:2;
				}

.yell_box		{
				width:466px;
				border:3px solid #FFD700;
				position:relative;
				top:250px;
				left:13px;
				z-index:2;
				background:#FFFFFF;
				}

.yell_box_in	{
				padding:115px 20px 0 20px;
				min-height:170px;
				}

*html .yell_box_in		{
				height:170px;
				}

.space			{
				height:120px;
				position:relative;
				overflow:hidden;
				}

.yell_box .c1	{
				width:20px;
				height:20px;
				background:url(images/yel_box_c1.gif) 0 0 no-repeat;
				overflow:hidden;
				margin:-17px 0 -3px -3px;
				float:left;
				position:relative;
				z-index:3;
				}

.yell_box .c2	{
				width:20px;
				height:20px;
				background:url(images/yel_box_c2.gif) 0 0 no-repeat;
				overflow:hidden;
				margin:-17px -3px -3px 0;
				float:right;
				position:relative;
				z-index:3;
				}

.green_box		{
				width:410px;
				border:3px solid #D5EC8D;
				position:absolute;
				top:13px;
				left:393px;
				z-index:3;
				background:#FFFFFF;
				}

.green_box_in		{
				padding:28px 30px 0 58px;
				min-height:207px;
				}

*html .green_box_in		{
				height:207px;
				}

.green_box .c1	{
				width:20px;
				height:20px;
				background:url(images/green_box_c1.gif) 0 0 no-repeat;
				overflow:hidden;
				margin:-3px -3px 0 0;
				float:right;
				position:relative;
				z-index:4;
				}

.green_box .c2	{
				width:20px;
				height:20px;
				background:url(images/green_box_c2.gif) 0 0 no-repeat;
				overflow:hidden;
				margin:0 -3px -3px 0;
				float:right;
				position:relative;
				z-index:4;
				}

.green_box ul	{
				margin:0;
				padding:0;
				list-style:none;
				}

.green_box li	{
				margin:0 0 9px 0;
				padding:0 0 0 28px;
				font-size:1.3em;
				color:#757778;
				}

.green_box li.n1{
				background:url(images/n1.gif) 0 0 no-repeat;
				}

.green_box li.n2{
				background:url(images/n2.gif) 0 0 no-repeat;
				}

.green_box li.n3{
				background:url(images/n3.gif) 0 0 no-repeat;
				}

.grey_box		{
				width:425px;
				border:3px solid #C6D2DC;
				position:absolute;
				top:0px;
				left:0px;
				z-index:4;
				background:url(images/grey_box_bg.gif) top repeat-x #FFFFFF;
				}

.grey_box_in	{
				padding:20px 10px 0 10px;
				min-height:286px;
				overflow:hidden;
				}

*html .grey_box_in		{
				height:286px;
				}

.grey_box .c1	{
				width:20px;
				height:20px;
				background:url(images/c1.gif) 0 0 no-repeat;
				overflow:hidden;
				margin:-3px 0 0 -3px;
				float:left;
				position:relative;
				z-index:5;
				}

.grey_box .c2	{
				width:20px;
				height:20px;
				background:url(images/c2.gif) 0 0 no-repeat;
				overflow:hidden;
				margin:-3px -3px 0 0;
				float:right;
				position:relative;
				z-index:5;
				}

.grey_box .c3	{
				width:20px;
				height:20px;
				background:url(images/c3.gif) 0 0 no-repeat;
				overflow:hidden;
				margin:0 0 -3px -3px;
				float:left;
				position:relative;
				z-index:5;
				}

.grey_box .c4	{
				width:20px;
				height:20px;
				background:url(images/c4.gif) 0 0 no-repeat;
				overflow:hidden;
				margin:0 -3px -3px 0;
				float:right;
				position:relative;
				z-index:5;
				}

.left_col, .right_col	{
				width:49%;
				float:left;
				}

.last			{
				margin-bottom:0;
				}

.grey_box .input	{
				width:120px;
				}

.det			{
				display:block;
				padding-right:16px;
				float:left;
				background:url(images/arr.gif) 100% 50% no-repeat;
				}

.button			{
				width:162px;
				height:49px;
				display:block;
				text-align:center;
				padding:12px 0 0 0;
				margin-top:30px;
				background:url(images/rounded.gif) 0 0 no-repeat;
				}

.button input	{
				width:136px;
				height:25px;
				border:none;
				background:url(images/receive_code_but.gif) 0 0 no-repeat;
				}

.button2		{
				width:225px;
				height:49px;
				display:block;
				text-align:center;
				padding:12px 0 0 0;
				margin-top:30px;
				background:url(images/rounded2.gif) 0 0 no-repeat;
				}

.button2 input	{
				width:199px;
				height:25px;
				border:none;
				background:url(images/reg_but.gif) 0 0 no-repeat;
				}

.thanks			{
				position:absolute;
				margin-top:170px;
				left:510px;
				width:250px;
				}

.list			{
				margin:0;
				padding:0;
				list-style:none;
				}

.list li		{
				margin:0;
				padding:0;
				}

.services		{
				position:absolute;
				width:350px;
				margin-top:10px;
				left:45px;
				}

.services ul	{
				margin:0;
				padding:0;
				list-style:none;
				width:350px;
				}

.services li	{
				margin:0;
				padding:0 0 0 22px;
				line-height:1.3em;
				float:left;
				width:70px;
				margin-bottom:10px;
				}

.services li.icon1	{background:url(images/icon1.gif) 0 0 no-repeat;}
.services li.icon2	{background:url(images/icon2.gif) 0 0 no-repeat;}
.services li.icon3	{background:url(images/icon3.gif) 0 0 no-repeat;}
.services li.icon4	{background:url(images/icon4.gif) 0 0 no-repeat;}
.services li.icon5	{background:url(images/icon5.gif) 0 0 no-repeat;}
.services li.icon6	{background:url(images/icon6.gif) 0 0 no-repeat;}
.services li.icon7	{background:url(images/icon7.gif) 0 0 no-repeat;}
.services li.icon8	{background:url(images/icon8.gif) 0 0 no-repeat;}
.services li.icon9	{background:url(images/icon9.gif) 0 0 no-repeat;}

.left			{
				float:left;
				width:595px;
				}

.green_box1		{
				width:556px;
				border:3px solid #D5EC8D;
				z-index:3;
				background:#FFFFFF;
				position:relative;
				margin-bottom:30px;
				overflow:visible;
				}

.green_box2		{
				width:582px;
				border:3px solid #D5EC8D;
				z-index:3;
				background:#FFFFFF;
				position:relative;
				margin-bottom:30px;
				overflow:visible;
				}

.green_box1_in, .green_box2_in	{
				padding:20px 20px 40px 20px;
				min-height:247px;
				}

*html .green_box1_in, *html .green_box2_in,		{
				height:217px;
				}

.green_box1 .c1, .green_box2 .c1	{
				width:20px;
				height:20px;
				background:url(images/green_box_c3.gif) 0 0 no-repeat;
				overflow:hidden;
				margin:-3px 0 0 -3px;
				float:left;
				position:relative;
				z-index:5;
				}

.green_box1 .c2, .green_box2 .c2	{
				width:20px;
				height:20px;
				background:url(images/green_box_c1.gif) 0 0 no-repeat;
				overflow:hidden;
				margin:-3px -3px 0 0;
				float:right;
				position:relative;
				z-index:5;
				}

.green_box1 .c3, .green_box2 .c3	{
				width:20px;
				height:20px;
				background:url(images/green_box_c4.gif) 0 0 no-repeat;
				overflow:hidden;
				margin:-17px 0 -3px -3px;
				float:left;
				position:relative;
				z-index:5;
				}

.green_box1 .c4, .green_box2 .c4	{
				width:20px;
				height:20px;
				background:url(images/green_box_c2.gif) 0 0 no-repeat;
				overflow:hidden;
				margin:-17px -3px -3px 0;
				float:right;
				position:relative;
				z-index:5;
				}

.right			{
				margin-left:595px;
				padding-top:30px;
				}

.left1			{
				float:left;
				width:220px;
				}

.right1			{
				margin-left:225px;
				}

.big_font		{
				font-size:1.4em;
				font-weight:bold;
				color:#7D878F;
				}

.big_font a		{
				color:#7D878F;
				}

/* ---------------------------------- footer ----------------------------------------------*/

#footer			{
				clear:both;
				height:58px;
				border-top:3px solid #DBDCDD;
				margin-top:35px;
				position:relative;
				padding:25px 0 0 0;
				font-size:0.9em;
				}

#footer_wo_brd	{
				border:none;
				clear:both;
				height:58px;
				margin-top:35px;
				position:relative;
				padding:25px 0 0 0;
				font-size:0.9em;
				}

#footer_wo_brd .f_right	{
				float:right;
				}

#footer .f_right	{
				float:right;
				}

/* ---------------------------------- error  и мои дальнейшие доработки----------------------------------------------*/

.err		    {
				color:#E42323;
 				}

.button3, .button4, .button5, .button6
				{
				width:225px;
				height:49px;
				display:block;
				text-align:center;
				padding:12px 0 0 0;
				background:url(images/rounded2.gif) 0 0 no-repeat;
				}

.button3
				{
				margin-top:30px;
				}

.button3 input	{
				width:199px;
				height:25px;
				border:none;
				background:url(images/enter_site.gif) 0 0 no-repeat;
				}

.button4		{
				margin-top:80px;
				}

.button4 input	{
				width:199px;
				height:25px;
				border:none;
				background:url(images/change_pass.gif) 0 0 no-repeat;
				}

.button5		{
				margin-top:85px;
				}

.button5 input	{
				width:199px;
				height:25px;
				border:none;
				background:url(images/reminder.gif) 0 0 no-repeat;
				}
.button6		{
				margin-top:5px;
				}
.button6 input	{
				width:199px;
				height:25px;
				border:none;
				background:url(images/start_use.gif) 0 0 no-repeat;
				}
.grey_box1		{
				width:425px;
				border:3px solid #C6D2DC;
				position:relative;
				top:0px;
				left:0px;
				z-index:4;
				background:url(images/grey_box_bg.gif) top repeat-x #FFFFFF;
				}

.grey_box1_in		{
				padding:20px 20px 10px 10px;
				min-height:256px;
				overflow:hidden;
				}

*html .grey_box1_in		{
				height:256px;
				}

.grey_box1 .c1	{
				width:20px;
				height:20px;
				background:url(images/c1.gif) 0 0 no-repeat;
				overflow:hidden;
				margin:-3px 0 0 -3px;
				float:left;
				position:relative;
				z-index:5;
				}

.grey_box1 .c2	{
				width:20px;
				height:20px;
				background:url(images/c2.gif) 0 0 no-repeat;
				overflow:hidden;
				margin:-3px -3px 0 0;
				float:right;
				position:relative;
				z-index:5;
				}

.grey_box1 .c3	{
				width:20px;
				height:20px;
				background:url(images/c3.gif) 0 0 no-repeat;
				overflow:hidden;
				margin:-17px 0 -3px -3px;
				float:left;
				position:relative;
				z-index:5;
				}

.grey_box1 .c4	{
				width:20px;
				height:20px;
				background:url(images/c4.gif) 0 0 no-repeat;
				overflow:hidden;
				margin:-17px -3px -3px 0;
				float:right;
				position:relative;
				z-index:5;
				}

.grey_box1 .url {
				height:40px;
				padding:20px 20px 10px 10px;
				position:absolute;
               	bottom:4px;
                left:8px;
				}

.grey_box1 .input
				{
				width:120px;
				}

.free_space		{
	            height:39px;
				}

.type_pass		{
				float:right;
				width:135px;
				}

.type_login		{
				float:left;
				width:135px;
				margin-right:10px;
				}

.login_inputs	{
				float:right;
				width:298px;
				}
.services1		{
				position:absolute;
				width:550px;
				margin-top:10px;
				left:45px;
				}

.services1 ul	{
				margin:0;
				padding:0;
				list-style:none;
				width:550px;
				}

.services1 li	{
				margin:1;
				padding:0 22px 0 22px;
				line-height:1.3em;
				float:left;
				width:150px;
				margin-bottom:15px;
				}

.services1 li.icon1	{background:url(images/icon1.gif) 0 0 no-repeat;}
.services1 li.icon2	{background:url(images/icon2.gif) 0 0 no-repeat;}
.services1 li.icon3	{background:url(images/icon3.gif) 0 0 no-repeat;}
.services1 li.icon4	{background:url(images/icon4.gif) 0 0 no-repeat;}
.services1 li.icon5	{background:url(images/icon5.gif) 0 0 no-repeat;}
.services1 li.icon6	{background:url(images/icon6.gif) 0 0 no-repeat;}
.services1 li.icon7	{background:url(images/icon7.gif) 0 0 no-repeat;}
.services1 li.icon8	{background:url(images/icon8.gif) 0 0 no-repeat;}
.services1 li.icon9	{background:url(images/icon9.gif) 0 0 no-repeat;}