/* подключаем ластик */

@import url(reset.css);

body {	
	background: #f4f4f4;
	font: 11px Tahoma;
	color: #4e4e4e;
}
a {	
	cursor: pointer;
	color: #373737;
}

/* верхний блок */

#overall {
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	max-width: 1500px;
	min-width: 990px;
	min-height: 100%;
}
#header {
	position: relative;
	width: 100%;
}
#header .left {
	float: left;
	background: url(../images/logo_bg.png) 0 0 repeat-x;
	width: 32%;
}
#header .left #logo {
	height: 130px;
	background: url(../images/logo_server.jpg) 100% 100% no-repeat;
	width: 100%;
}
#header .left #logo a {
	margin: 0 auto;
	display: block;
	padding: 24px 50px 0 0;
	height: 75px;
	background: url(../images/logo.gif) 0 24px no-repeat;
	width: 204px;
}
#header .left form {
	position: relative;
	display: block;
	height: 159px;
	background: url(../images/header_auth.jpg) 100% 0 no-repeat;
	width: 100%;
}
#header .left form #submit {
	bottom: -10px;
	right: 40px;
	z-index: 5;
	position: absolute;
	display: block;
	height: 77px;
	width: 111px;
}
#header .left form #remember {
	background: url(../images/auth_errow.gif) 0 5px no-repeat;
	height: 15px;
	padding: 0 0 0 9px;
	bottom: -20px;
	right: 110px;
	z-index: 5;
	position: absolute;
}
#header .left form #remember a {
	color: #6c6c6c;
}
#header .left form #remember a:hover {
	border-bottom: none;
}
#header .left #authdata {
	float: right;
	width: 210px;
	padding: 78px 86px 0 0;
}
#authdata #username, #authdata #password {
	border: 1px solid #ababab;
	font-size: 11px;
	line-height: 10px;
	color: #949494;
	font-family: Tahoma;
	background: #ffffff url(../images/auth_login.png) 8px 50% no-repeat;
	padding: 4px 0 6px 30px;
	height: 14px;
	width: 178px;
	margin: 0 0 8px 0;
}
#authdata #password {
	background: #ffffff url(../images/auth_password.png) 8px 50% no-repeat;
}
#header .main {
	background: url(../images/menu_bg.png) 0 0 repeat-x;
	position: relative;
	margin: 0 0 0 32%;
}
#server {
	background: #f4f4f4 url(../images/live_bg.png) 0 0 repeat-x;
	position: relative;
	height: 211px;
}
#green {
	background: url(../images/green.jpg) 638px 0 no-repeat;
	position: relative;
	height: 211px;
}
#graphic {
	float: left;
	background: url(../images/server.jpg) 0 0 no-repeat;
	height: 211px;
	width: 423px;
	margin: 0 -423px 0 0;
}
#live {
	background: #f4f4f4 url(../images/contacts.jpg) 0 75px no-repeat;
	margin: 0 0 0 423px;
	padding: 0 0 15px 0;
	width: 217px;
}
#live p img {
	height: 75px;
	width: 217px;
}
#live ul {
	padding: 30px 0 0 10px;
}
#live ul #phone {
	background: url(../images/phone.gif) 0 0 no-repeat;
	width: 169px;
	height: 41px;
}
#live ul #email {
	padding: 12px 0 0 48px;
	background: url(../images/email.gif) 0 0 no-repeat;
	height: 29px;
}
#live ul #email a {
	color: #078c00;
}
#header .main #menu {
	background: url(../images/menu_bg.png) 0 0 repeat-x;
	width: 100%;
	height: 78px;
}
#header .main #menu li {
	background: url(../images/menu_li.png) 0 0 no-repeat;
	width: 16.5%;
	float: left;
}
#header .main #menu li a {
	margin: 0 auto;
	display: block;
	width: 60px;
	height: 78px;
	background: url(../images/menu.gif) 0 0 no-repeat;
}
#header .main #menu li a.vps {
	background-position: -60px 0;
}
#header .main #menu li a.software {
	background-position: -120px 0;
}
#header .main #menu li a.domains {
	background-position: -180px 0;
}
#header .main #menu li a.rules {
	background-position: -240px 0;
}
#header .main #menu li a.contacts {
	background-position: -300px 0;
}
#header .main #menu li a.servers:hover {
	background-position: 0 -78px;
}
#header .main #menu li a.vps:hover {
	background-position: -60px -78px;
}
#header .main #menu li a.software:hover {
	background-position: -120px -78px;
}
#header .main #menu li a.domains:hover {
	background-position: -180px -78px;
}
#header .main #menu li a.rules:hover {
	background-position: -240px -78px;
}
#header .main #menu li a.contacts:hover {
	background-position: -300px -78px;
}

#header .main #menu {
	position: relative;
	z-index: 597;
}
#header .main #menu li {
	float: left;
	line-height: 1.3em;
	vertical-align: middle;
	zoom: 1;
}
#header .main #menu li.hover,
#header .main #menu li:hover {
	position: relative;
	z-index: 599;
	cursor: default;
}
#header .main #menu ul {
	padding: 10px 20px 10px 20px;
	background: #1b1b1b;
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 598;
}
#header .main #menu ul li {
	height: auto;
	width: 230px;
	padding: 10px 0 12px 0;
	background: #1b1b1b url(../images/submenu_arrow.gif) 100% 13px no-repeat;
	border: none;
	float: none;
	border-top: 1px solid #262626;
	border-bottom: 1px solid #000000;
}
#header .main #menu ul li.first {
	border-top: none;
}
#header .main #menu ul li.last {
	border-bottom: none;
}
#header .main #menu ul li a {
	color: #cacaca;
	display: inline;
	background: none;
	height: auto;
	margin: 0 15px 0 15px;
}
#header .main #menu ul ul {
	top: 1px;
	left: 99%;
}
#header .main #menu li:hover > ul {
	visibility: visible;
}

/* основной блок */

#content {
	position: relative;
	width: 100%;
}
#content .left {
	padding: 40px 0 0 0;
	float: left;
	width: 32%;
}
#content .main {
	position: relative;
	margin: 0 27px 0 32%;
}
.best {
	float: left;
	position: relative;
	background: #dcdcdc url(../images/best_bg.png) 0 0 repeat-x;
	width: 48%;
	margin: 0 0 35px 0;
}
.b2, .b4 {
	float: right;
}
.best .top {
	position: relative;
	width: 100%;
	height: 61px;
}
.best .mini-server {
	background: url(../images/best_server.png) 0 0 no-repeat;
	top: -26px;
	right: -20px;
	position: absolute;
	z-index: 2;
	width: 143px;
	height: 87px;
	color: #fff58a;
	text-align: center;
	padding: 17px 0 0 20px;
}
.best .top b {
	display: block;
	float: left;
	background: url(../images/best_bg_left.png) 0 0 no-repeat;
	width: 24px;
	height: 61px;
}
.best .top u {
	display: block;
	float: right;
	background: url(../images/best_bg_right.png) 0 0 no-repeat;
	width: 24px;
	height: 61px;
}
.best .top h2 {
	margin: 0 0 0 24px;
	padding: 14px 0 0 50px;
	font-weight: normal;
	display: block;
	background: url(../images/best_1.gif) 0 0 no-repeat;
	line-height: 14px;
	font-size: 9px;
	height: 47px;
	color: #ffffff;
}
.b2 .top h2 {
	background: url(../images/best_2.gif) 0 0 no-repeat;
}
.b3 .top h2 {
	background: url(../images/best_3.gif) 0 0 no-repeat;
}
.b4 .top h2 {
	background: url(../images/best_4.gif) 0 0 no-repeat;
}
.best .top strong {
	font-size: 12px;
}
.best .bottom {
	background: url(../images/best_bottom.gif) 0 0 repeat-x;
	width: 100%;
	height: 28px;
}
.best .bottom b {
	display: block;
	float: left;
	background: url(../images/best_bottom_left.gif) 0 0 no-repeat;
	width: 27px;
	height: 28px;
}
.best .bottom u {
	display: block;
	float: right;
	background: url(../images/best_bottom_right.gif) 0 0 no-repeat;
	width: 27px;
	height: 28px;
}
.best .bottom a img {
	display: block;
	bottom: -12px;
	margin: 0 0 0 -74px;
	left: 50%;
	position: absolute;
	z-index: 2;
	width: 148px;
	height: 35px;
}
.best .inner {
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	position: relative;
	padding: 15px 25px 5px 25px;
}
.best .inner ul {
	padding: 0 30px 0 0;
	background: url(../images/best_check.gif) 100% 6px repeat-y;
}
.best .inner ul li {
	text-align: right;
	background: url(../images/best_dots.gif) 0 100% repeat-x;
	padding:  5px 0 7px 0;
}
.best .inner ul li.last {
	background: none;
}
.best .inner ul li b {
	display: block;
	float: left;
	font-weight: normal;
	color: #905e5e;
	background: none;
	width: auto;
	height: auto;
}
#content .left ul {
	position: relative;
	margin: 0 20px 20px 20px;
}
#content .left .text {
	clear: both;
	padding: 15px;
	background: #eaeaea url(../images/news_text.gif) 0 100% repeat-x;
	border-bottom: 1px solid #c8c8c8;
}
#content .left .text a {
	color: #008fbf;
	line-height: 16px;
}
#content .left .title {
	overflow: hidden;
	height: 21px;
	text-transform: uppercase;
	float: left;
	background: url(../images/news_title.gif) 0 0 repeat-x;
	padding: 7px 15px 0 15px;
}
#content .left .title strong {
	color: #eaeaea;
	background: url(../images/news_arrow.gif) 0 3px no-repeat;
	padding: 0 16px 0 16px;
}
#content .left .date {
	float: left;
	overflow: hidden;
	padding: 8px 0 0 20px;
	height: 20px;
	font-size: 9px;
	margin: 0 0 1px 0;
}

/* внутренние страницы */

#mytext {
	position: relative;
	background: #ebebeb;
	width: 100%;
	margin: 0 0 35px 0;
}
#mytext .top {
	background: url(../images/mytext_h1.gif) 0 0 repeat-x;
	height: 61px;
}
#mytext .top b {
	display: block;
	float: right;
	background: url(../images/mytext_right.gif) 0 0 no-repeat;
	width: 26px;
	height: 61px;
}
#mytext .top h1 {
	padding: 23px 0 0 80px;
	display: block;
	font-weight: normal;
	background: url(../images/mytext.gif) 0 0 no-repeat;
	font-size: 12px;
	height: 38px;
	color: #ffffff;
}
#mytext .top h1 strong {
	font-weight: bold;
}
#mytext .top h1 a {
	font-size: 12px;
	color: #ffffff;
}
#mytext .bottom {
	background: url(../images/mytext_bottom_bg.png) 0 0 repeat-x;
	width: 100%;
	height: 28px;
}
#mytext .bottom b {
	display: block;
	float: left;
	background: url(../images/mytext_bottom_left.png) 0 0 no-repeat;
	width: 27px;
	height: 28px;
}
#mytext .bottom u {
	display: block;
	float: right;
	background: url(../images/mytext_bottom_right.png) 0 0 no-repeat;
	width: 27px;
	height: 28px;
}
#mytext .inner {
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	position: relative;
	padding: 15px 25px 0 25px;
	min-height: 200px;
}
#mytext .inner div.price {
	float: right;
	width: 300px;
	background: url(../images/price_bg.png) 100% 0 no-repeat;
	height: 37px;
	margin: 0 0 20px 0;
}
#mytext .inner div.price b {
	padding: 11px 0 0 0;
	width: 300px;
	display: block;
	text-align: center;
	font-weight: normal;
	background: url(../images/price_left.png) 0 0 no-repeat;
	height: 26px;
}
#mytext .inner div.price b a {
	color: #008fbf;
}
#mytext .inner div.price b a.active {
	color: #3e3e3e;
	text-decoration: none;
}
#mytext .inner p {
	text-align: justify;
	line-height: 16px;
	margin: 10px 20px 15px 20px;
}

/* таблицы */

#mytext .inner table {
	border-collapse: separate;
	background: #ebebeb;
	border: 1px solid #b7b7b7;
	width: 100%;
	margin: 0 0 20px 0;
}
#mytext .inner thead th {
	padding: 15px 0 15px 0;
	text-align: center;
	color: #029800;
	border-bottom: 1px solid #b7b7b7;
	font-weight: normal;
	font-size: 11px;
}
#mytext .inner caption {
	margin: 0;
	padding: 15px 0 15px 0;
	text-align: center;
	color: #029800;
	border-top: 1px solid #b7b7b7;
	border-left: 1px solid #b7b7b7;
	border-right: 1px solid #b7b7b7;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
}
#mytext .inner tbody tr {
	color: #5a5a5a;
}
#mytext .inner tbody tr td {
	background: #f3f3f3;
	padding: 12px 7px 12px 7px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #b7b7b7;
	text-align: center;
}
#mytext .inner tbody tr.odd td {
	background: #ededed;
}
#mytext .inner tbody tr td.align {
	padding: 12px 7px 12px 20px;
	text-align: left;
}
#mytext .inner tbody tr td.price {
	color: #ff5600;
}
#mytext .inner tbody tr td.order a {
	color: #008fbf;
	font-size: 9px;
	text-transform: uppercase;
}
#mytext .inner tbody tr.last td {
	border-bottom: none;
}
#mytext .inner tbody tr.last td {
	border-bottom: none;
}
#mytext .inner td.price strong {
	display: none;
	font-weight: normal;
}
#mytext .inner td.align img {
	float: left;
	margin: 0 10px 0 0;
}

/* нижний блок */

#footer-br {
	clear: both;
	width: 100%;
	height: 155px;
}
#footer {
	background: #dfdfdf url(../images/footer_main_bg.png) 0 0 repeat-x;
	z-index: 2;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 155px;
	overflow: hidden;
}
#footer .left {
	height: 155px;
	background: #039700 url(../images/footer_left_bg.png) 0 0 repeat-x;
	float: left;
	width: 32%;
}
#footer .left div {
	height: 155px;
	background: url(../images/footer_left_server.jpg) 100% 0 no-repeat;
	width: 100%;
}
#footer .left div p {
	padding: 20px 50px 0 0;
	text-align: center;
}
#footer .left div p#footer-phones {
	padding: 27px 50px 0 0;
}
#footer .left div p img {
	width: 88px;
	height: 31px;
}
#footer .left div p#footer-phones img {
	width: 175px;
	height: 50px;
}
#footer .main {
	height: 155px;
	background: url(../images/footer_main_server.jpg) 0 0 no-repeat;
	position: relative;
	margin: 0 0 0 32%;
}
#footer .main #kurek {
	height: 85px;
	width: 30%;
	background: url(../images/footer_kurek_bg.png) 0 0 repeat-x;
	position: absolute;
	bottom: 0;
	right: 0;
}
#footer .main #kurek div {
	padding: 23px 0 0 0;
	height: 18px;
	width: 75px;
	background: url(../images/footer_kurek.jpg) 0 23px no-repeat;
	margin: 0 auto;
}
#footer .main #kurek p {
	padding: 0;
	text-align: center;
}
#footer .main #kurek p a {
	color: #dfdfdf;
}
#footer .main ul {
	padding: 27px 0 50px 90px;
}
#footer .main ul li {
	float: left;
	padding: 0 8px 0 8px;
}
#footer .main p {
	padding: 10px 0 0 98px;
}
#footer .main p a {
	color: #008fbf;
}