/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Проект: FastNext [http://fastnext.ru]
Кодер: Ivan Leonchikov [ coder@xeonc.eu ]
Дата: Март 2007
Назначение стилей: Основные стили для всех страниц
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
* { margin:0; padding:0; }
html { width:100%; height:100%; }
body { position:relative; width:100%; min-width:780px; height:100%; background:#fff url(../image/bg-body.gif) repeat-x 0 94px; }

a { font:normal 11px Arial; color:#1861bd; text-decoration:underline; }
a:hover { color:#4b4b4b; }
img { border:0; }

#parent { position:absolute; top:0; left:50%; width:50%; //width:49.98%; min-height:100%; height:auto; background:#FFFFFF url(../image/bg-parent.gif) repeat-x 0 94px; }
#basis { position:relative; width:772px; margin-left:-386px; min-height:100%; height:auto; font:normal 13px Arial; color:#4b4b4b; }
br.clear { display:block; clear:both; float:none !important; height:1px !important; font-size:1px !important; border:none; margin:0 !important; padding:0 !important; background:transparent !important; visibility:hidden !important; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Оформление шапки шаблона
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.border-gray { height:14px; background:url(../image/bg-top.gif) repeat-y 514px 0; border-left:1px solid #ccc; border-right:1px solid #ccc; }
#header { position:relative; height:209px; overflow:hidden; padding-top:48px; border-left:1px solid #fff; border-right:1px solid #fff; }

.logo { position:absolute; top:5px; left:21px; width:auto; height:32px; }
#phone {height:15px; text-align:right; position:absolute; right:10px; top:5px;}
#phone1 {text-align:right; position:absolute; right:10px; top:25px;}
#phone1 p {font:normal 13px Arial;}
#phone p {font:normal 13px Arial; color:#5d5d5d; margin:0px;}
#phone p b {font:bold 14px Arial; color:#ef0100;}

p.phone { position:absolute; top:1px; right:10px; font:normal 13px Arial; color:#5d5d5d; }
p.phone span { font:bold 14px Arial; color:#ef0100; }
p.phone2 { position:absolute; z-index:999; top:18px; right:10px; font:normal 13px Arial; color:#5d5d5d; }
p.phone2 span { font:bold 14px Arial; color:#ef0100; }

.chat {position:absolute; z-index:999; top:28px; left:400 px; font:normal 13px Arial; color:#FFFFF; }

/* Оформление меню */
.menu {
	height:31px;
	border-bottom:1px solid #fff;
	background-color: #626262;
	padding-left: 3px;
}
.menu li { float:left; padding:0 15px 0 14px; list-style-type:none; }
.menu li a {
	display:block;
	height:31px;
	float:left;
	clear:both;
	background-position: 0px 0px;
}
.menu li a:hover {
	background-position: 0px 31px;
}

/* Ролловер меню */
.menu_cluster {
	background-image: url(/image/menu_cluster.gif);
	width: 46px;
}
.menu_hosting {
	background-image: url(/image/menu_hosting.gif);
	width: 62px;
}
.menu_vps {
	background-image: url(/image/menu_vps.gif);
	width: 29px;
}
.menu_domains {
	background-image: url(/image/menu_domains.gif);
	width: 49px;
}
.menu_resellers {
	background-image: url(/image/menu_reselling.gif);
	width: 60px;
}
.menu_pay {
	background-image: url(/image/menu_pay.gif);
	width: 99px;
}
.menu_documents {
	background-image: url(/image/menu_documents.gif);
	width: 68px;
}
.menu_contacts {
	background-image: url(/image/menu_contacts.gif);
	width: 56px;
}
.menu_support {
	background-image: url(/image/menu_support.gif);
	width: 67px;
}
.menu_about {
	background-image: url(/image/menu_about.gif);
	width: 37px;
}
.top-middle { height:170px; background:#f5f5f5; }
.top-middle .banner { width:565px; height:170px; float:left; overflow:hidden; }
.top-middle .login { width:204px; height:170px; float:left; background:url(../image/bg-login.gif) no-repeat 100% 100%; border-left:1px solid #fff; }

/* Форма входа для клиентов */
#signup { padding:21px 0 0 30px; background:url(../image/bg-signup.gif) no-repeat; border:0; }
#signup h2 { padding-bottom:19px; font:bold 14px Arial; color:#808080; }
#signup input { display:block; width:137px; height:19px; margin-bottom:14px; padding:1px 4px 0 4px; font:normal 13px Arial; color:#626262; background:#fff; border:1px solid #7f9db9; }
#signup input.placeholder { color:#c0c0c0; }
#signup a { display:block; width:75px; height:20px; margin:-1px 0 0 71px; }

.login h2 { padding:25px 10px 15px 22px; font:normal 16px Arial; color:#1f66bf; line-height:16px; }
.login p { font:normal 12px Arial; padding:0 10px 0 22px; }
.login p a { color:#4b4b4b; }
.login p a:hover { color:#808080; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Оформление подвала шаблона
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer { position:absolute; left:0; bottom:0; width:772px; height:105px; margin-left:-386px; border-top:1px solid #e8e8e8; }
#footer p { padding:13px 0 0 5px; font:normal 12px Arial; color:#b2b2b2; }
#footer p a {
	margin:0 1px 0 2px;
	font:normal 12px Arial;
	color:#b2b2b2;
	text-decoration:none;
	text-transform:lowercase;
}
#footer p a:hover { color:#808080; }
#footer p span { padding-left:18px; }
.gray-line { position:absolute; bottom:105px; left:0; width:100%; height:1px; background:#e8e8e8; }
.gray-line2 { position:relative; z-index:999; width:2000px; height:1px; margin:-29px 0 0 -1800px; background:#e8e8e8; }
.counter { position:absolute; bottom:10px; left:50%; margin-left:-40px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Конец
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */