* {
	margin: 0;
	padding: 0;
}

html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

body {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	min-width: 1000px;
	background: #001420 url(i/bg.jpg) no-repeat top left;
}

* + html body {overflow-x: hidden;}

img, a img {border: 0px;vertical-align: bottom;}
.clr{clear: both;}

a{color: #94bee5;text-decoration: underline;}
a:hover{color: #f58220;}
a:visited{color: #769cbe;}
a:visited:hover{color: #f58220;}

a.out{
	padding-right: 12px;
	background: transparent url(i/out.gif) no-repeat top right;
}

table, body, tr, td {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10.5pt;
	color: #cdd1d3;
}

h1{
	color: #f58220;
	font-weight: normal;
	margin: 1em 0 0.6em 0;
	font-size: 2.2em;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

h2{
	color: #fff;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: normal;
	margin: 2em 0 1em 0;
}

p{
	line-height: 150%;
	margin: 1em 0;
}

.c1{
	position: relative;
	min-height: 100%;
}

* html .c1{height: 100%;}

.main .c1{display: none;}
.main .c2{display: block;}

.c2{
	position: absolute;
	z-index: 0;
	left:0;
	top:0;
	width: 100%;
	min-height: 100%;
	display: none;
	height: 100%;
	background: #001420 url(i/pbg.jpg) no-repeat center center;

}

body.main .prec2{height: 30em;}

.map{
	height: 373px;
	position: relative;
	margin-top: 7em;
	margin: 0 0 0 15%;
	z-index: 1000;
}

.russia .ua{display: none;}
.russia .gTLD{display: none;}

.ukraine .ru{display: none;}
.ukraine .gTLD{display: none;}

.map .ru{
	width: 266px;
	height: 256px;
	position: absolute;
	top: 0;
	left: 0;
	background: transparent url(i/lines2.gif) no-repeat top left;
	z-index: 1200;
}

.map .gTLD{
	width: 266px;
	height: 117px;
	position: absolute;
	top: 256px;
	left: 0;
	background: transparent url(i/lines2.gif) no-repeat bottom left;
	z-index: 1200;
}

h4.active span#ua{background-position: 0 -6px;}
span#ua{
	position: absolute;
	left: 15px;
	top: 32px;
	width: 6px;
	height: 6px;
	display: block;
	font-size: 0;
	background: transparent url(i/markers.gif) no-repeat top left;
}

.ua h4{
	position: absolute;
	left: 290px;
	top: 130px;
	color: #4495e4;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: normal;
	cursor: pointer;
}

.ua .ua2LD{
	position: absolute;
	left: 600px;
	top: -1.2em;
	width: 8em;
}

.ua .ua2LD h5{
	position: absolute;
	left: -150px;
	top: 80px;
	color: #f63;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
}

.ua .ua2LD ul{
	list-style: none;
	font-size: 0.85em;
	line-height: 150%;
	color: #f63;
}

.ua .ua2LD span{
	display: block;
	float: left;
	width: 6px;
	height: 6px;
	margin:6px 6px 0 0;
	font-size:0;
	background: transparent url(i/markers.gif) no-repeat 0 0;
}

.ua .ua2LD .active span{background: transparent url(i/markers.gif) no-repeat 0 -6px;}
.ua .ua2LD .active {color: #fff;}

.gTLD ul{
	list-style: none;
	font-size: 0.85em;
	line-height: 150%;
	color: #4495e4;
	position: relative;
	margin-left: 270px;
	top: 1.4em;
	height: 1%;
	width: 8em;
}

.gTLD span{
	display: block;
	float: left;
	width: 6px;
	height: 6px;
	margin:6px 6px 0 0;
	font-size:0;
	background: transparent url(i/markers.gif) no-repeat 0 0;
}

.gTLD .active span{background: transparent url(i/markers.gif) no-repeat 0 -6px;}
.gTLD ul .active{color: #fff}

.regional2LD ul{
	list-style: none;
	font-size: 0.85em;
	line-height: 150%;
	color: #91a506;
	position: absolute;
	left: 20%;
	margin-left: 30em;
	top: 220px;
	width: 38%;
}

.ua .regional2LD h5{
	position: absolute;
	left: 400px;
	top: 210px;
	color: #91a506;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
}

.regional2LD ul span{
	display: block;
	float: left;
	width: 6px;
	height: 6px;
	margin:6px 6px 0 0;
	font-size:0;
	background: transparent url(i/markers.gif) no-repeat 0 0;
}

.regional2LD .active span{background: transparent url(i/markers.gif) no-repeat 0 -6px;}
.regional2LD ul .active{color: #fff;}

.regional2LD ul li{
	float: left;
	width: 11em;
}

span#ru{
	position: absolute;
	left: 14px;
	top: 30px;
	width: 6px;
	height: 6px;
	display: block;
	font-size: 0;
	background: transparent url(i/markers.gif) no-repeat top left;
}
h4.active span#ru{background-position: 0 -6px;}

.gTLD h4{
	position: absolute;
	left: 130px;
	top: 0;
	color: #4495e4;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
}

.ru h4{
	position: absolute;
	left: 245px;
	top: 30px;
	color: #4495e4;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: normal;
	cursor: pointer;
}

.map .ua{
	min-width: 642px;
	width: 100%;
	height: 373px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	background: transparent url(i/lines1.gif) no-repeat bottom left;
}

.map li{cursor: pointer}

.c1 form{
	padding: 0 0 0 2em;
	position: relative;
	top: 208px;
	left: -12.4em;
	z-index: 1500;
	width: 12em;
}

.c1 form input{
	background: transparent;
	border: 0;
	width: 100%;
	color: #fff;
	outline: none;
}

.c1 form span{
	font-size: 0.8em;
	margin-right: 0.2em;
	border-bottom: 1px dashed;
	cursor: pointer;
}

.c1 form p.dnamecorners{
	padding: 0.1em 0.6em;
	margin-left: -0.6em;
}

* html .c1 form p.dnamecorners{height: 1%;}

.c2 form{
	width: 330px;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -14em;
	left: 50%;
	margin-left: -165px;
}

.c2 form p{
	padding: 0 25px;
	margin: 0.4em auto 1.4em auto;
}
* html .c2 form p{height: 1%;}

.namefiled input{font-size: 1.4em;width: 100%;position: relative;z-index:1}
.c2 form p.namefiled{padding: 10px 25px;}

.c2 .tagcloud{
	text-align: center;
	padding: 1em 25px;
}

.c2 .tagcloud span{
	color: #fff;
	line-height: 150%;
	cursor: pointer;
	display: inline-block;
	position: relative;
	z-index: 1;
}

.c2 .tagcloud span.active{color: #f60;}

.c2 .more{
	color: #fff;
	display: block;
	text-decoration: none;
	font-family: Georgia, Geneva, Helvetica, sans;
	font-size: 1.8em;
	position: absolute;
	top: 50%;
	margin-top: -4em;
	left: 2%;
	margin-left: 1em;
	padding-left: 2.76em;
	min-height: 50px;
	background: transparent url(i/map.png) no-repeat center left;
}
.c2 .more:hover, a.prostohosting:hover{color: #fff;}
.c2 .more:hover, a.prostohosting2:hover{color: #fff;}
.c2 .more:visited, a.prostohosting:visited{color: #fff;}
.c2 .more:visited, a.prostohosting2:visited{color: #fff;}
.c2 .more cite{display: block;font-size: 0.6em;}


.sale{
        color: #fff;
        display: block;
        text-decoration: none;
        font-family: Georgia, Geneva, Helvetica, sans;
        font-size: 1.8em;
        position: absolute;
        top: 50%;
        margin-top: -1em;
        left: 2%;
        margin-left: 1em;
        padding-left: 2.76em;
        min-height: 50px;
        background: transparent url(i/map.png) no-repeat center left;
}
.c2 .sale:hover, a.prostohosting:hover{color: #fff;}
.c2 .sale:visited, a.prostohosting:visited{color: #fff;}
.c2 .sale cite{display: block;font-size: 0.6em;}



.prostohosting{
	color: #fff;
	display: block;
	text-decoration: none;
	font-family:  Georgia, Geneva, Helvetica, sans;
	font-size: 1.8em;
	position: absolute;
	z-index: 1500;
	top: 50%;
	margin-top: 3em;
	right: 2%;
	margin-right: 1em;
	padding-left: 2.76em;
	min-height: 50px;
	background: transparent url(i/station.png) no-repeat center left;
}

.prostohosting2{
        color: #fff;
        display: block;
        text-decoration: none;
        font-family:  Georgia, Geneva, Helvetica, sans;
        font-size: 1.8em;
        position: absolute;
        z-index: 1500;
        top: 40%;
        margin-top: 3em;
        right: 2%;
        margin-right: 1em;
        padding-left: 2.76em;
        min-height: 50px;
        background: transparent url(i/station.png) no-repeat center left;
}



.prostohosting cite{display: block;font-size: 0.6em;}
.prostohosting2 cite{display: block;font-size: 0.6em;}

.c1 .prostohosting{top: 2em;}

span.size1{font-size: 1em}
span.size2{font-size: 1.4em}
span.size3{font-size: 1.8em}
span.size4{font-size: 2em}
span.size5{font-size: 2.2em}

.c2 form input{
	background: transparent;
	color: #fff;
	border:0;
	outline: none;
}

.c2 form label{
	font-size: 0.8em;
	margin-left: 25px;
}

.c2 form p.button{
	width: 180px;
	margin-top: 2em;
	padding:4px 0;
}

.c2 form p.button input{
	width: 180px;
	padding:0;
	position: relative;
	z-index: 1;
}

.c1 .order{
	margin: 0 2% 0 2%;
	padding: 14em 0 12em 6.76em;
	overflow: auto;
}
* html .c1 .order{overflow: hidden;}

.c1 .order h2{margin-top: 0; margin-bottom: 0.6em}
.c1 .order small{color: #999; font-size: 0.8em;}
.c1 .order table td{
	font-size: 0.8em;
	color: #999;
	padding: 0.4em 0;
}

.c1 .order table{margin:0}
.c1 .order table span{
	display: block;
	width: 6px;
	height: 6px;
	font-size:0;
	background: transparent url(i/markers.gif) no-repeat 0 -12px;
}
.c1 .order table tr.busy span{background-position: 0 -18px;}
.c1 .order table tr.busy .domain{text-decoration: line-through;color: #004a63;}
.c1 .order table .domain{color: #fff;}

.c1 .order div{
	float: left;
	width: 32%;
}

.c1 .order p.mainorder{
	margin: 4.2em 0 0 5%;
	width: 10em;
	padding: 1.4em 2em;
	text-align:center;
}

.c1 .order p.mainorder a{color: #fff;font-size: 1.2em}
.c1 .order p.mainorder a:hover{color: #fff;text-decoration: none;}
.c1 .order p.mainorder a:visited:hover{color: #fff;text-decoration: none;}

.cosmo{
	width: 227px;
	height: 300px;
	position: absolute;
	right: 20%;
	top: -90px;
	margin-right: -10em;
	z-index: 2000;
}

.cosmo .bg{
	background: transparent url(i/cosmo.png) no-repeat top left;
	width: 227px;
	height: 300px;
	cursor: pointer;
}

.cosmo .hint{
	position: absolute;
	z-index: 100;
	width: 18em;
	bottom: 3.6em;
	left: -17em;
	padding-right: 24px;
	background: transparent url(i/hint_r.png) no-repeat right 80%;
}
* html .cosmo .hint{background: transparent url(i/hint_r.gif) no-repeat right 80%;}
.cosmo .hint p.corners{
	margin: 0;
	padding: 1em 1.4em;
	font-size: 0.9em;
	background-color: #182a36;
}
* html .corners{height: 1%;}

.header{
	padding: 5em 0;
	position: relative;
	z-index: 1000;
	margin-left: 2%;
}
* html .header{height: 1%;}
.main .header{width: 28em;}

ul.menu{
	list-style: none;
	margin: 2.6em 0 0 6.76em;
}

ul.menu li{
	background:#0d202b;
	float: left;
	width: auto;
	margin-right: 1.4em;
	padding: 0.2em 0.8em;
}

ul.menu li.active{background: #94bee5;}
ul.menu li.active span{color: #001420;}

ul.menu li a, ul.menu li span{
	color: #fff;
	text-decoration: none;
	outline: none;
}
ul.menu li a:hover{color: #fff;}

a.logo, img.logo{
	float: left;
	width: 85px;
	height: 66px;
	position: relative;
}

big.logo{
	font-family:  Georgia, Geneva, Helvetica, sans;
	font-size: 2.6em;
	margin-left: 2.6em;
	display: block;
	width: 7.8em;
	color: #fff;
}

big.logo a{color: #fff;text-decoration: none;display: block;}
big.logo a:hover{color: #fff;}
big.logo a:visited{color: #fff;}

.content small{color: #828c91;font-size: 0.75em;}
p.short{width: 70%;}

big.logo small{font-size: 0.5em;display: block;}

.content{
	margin: 0 0 0 2%;
	width: 62%;
	padding-left: 6.76em;
	padding-bottom: 14em;
}

.content ul{
	line-height: 150%;
	list-style-position:inside;
	list-style-type:none;
	margin: 1em 0 2em;
}

.content ul li:before{content: '\2014\2002';}
* html .content ul li:before{content: '';}
*+html .content ul li:before{content: '';}
* html .content ul{
	list-style-type:disc;
	list-style-image: url('i/list.gif');
}
*+html .content ul{
	list-style-type:disc;
	list-style-image: url('i/list.gif');
}

.lblock{
	float: left;
	left: -6.76em;
	position: relative;
	margin-right: -12em;
	width: 6em;
	padding-top: 37px;
}


.lblock a{font-size: 0.9em;}
.acrobat{background:transparent url(i/acrobat.gif) no-repeat top left;}

div.webmoney, div.mail{
	font-size: 0.9em;
	margin: 2em 3em 2em -1em;
	width: 35%;
	padding: 0 2em;
	float: left;
	min-height: 10em;
	height: auto !important;
	background:#182a36;
	height: 10em;
	position: relative;
	z-index:1;
}

div.webmoney .bg{background:transparent url(i/webmoney.gif) no-repeat center center;}
div.mail .bg{background:transparent url(i/mail.gif) no-repeat center center;}
div.mail .bg, div.webmoney .bg{
	position: absolute;
	top: 0;
	left:0;
	width: 100%;
	height: 100%;
	z-index:0;
}
div.mail p, div.webmoney p{position: relative; z-index: 100}
div.mail big{color: #fff;font-size: 1.1em;}

.file{
	padding: 95px 0 0 12px;
	width: 12em;
	height: 5em;
	float: left;
	margin: 2em 0 2em 2em;
}
* html .file{height: 1%;}
.file small, .lblock small{display: block;line-height: 150%;}
.file a, .lblock a{color: #cdd1d3;}
.file a:hover, .lblock a:hover{text-decoration: none;color: #cdd1d3;}
.file a:visited, .lblock a:visited{color: #cdd1d3;}
.doc{background: transparent url(i/doc.gif) no-repeat top left;}
.excel{background: transparent url(i/excel.gif) no-repeat top left;}

table{
	border-collapse: collapse;
	width: 90%;
	margin: 2em 0 2em -0.9em;
}

th{
	font-weight: normal;
	color: #828c91;
	padding: 0.44em 1.1em;
	font-size: 0.9em;
	border-bottom: 1px solid #1e3647;
	text-align: left;
}

td{padding: 0.4em 1em;}

tr.hover td{
	color: #fff;
	background: #182a36;
}
tr.hover td.redhover{color: #f58220}

div.right{
	float: right;
	width: 20%;
	margin: 5.2em 2% 0 0;
	padding-left: 1em;
}

.register input.text{//float: left }

.register .corners{
	background: #1a2c37;
	float: left;
	padding: 0.4em 0 0.6em 0;
	margin-right: 0.5em;
}
.register{margin: 3em 0 3em -0.8em;position: relative;z-index:1}
.register p.hint{
	margin: 1.4em 0 0.4em 1em;
	color: #828c91;
	font-size: 0.8em;
}
.register p{margin:0;}

.register input{
	border: 0;
	background: transparent;
	font-size: 1.2em;
	outline: none;
}
.register input.text{width: 9.2em; padding: 0 0.7em}

.rmenu{
	list-style: none;
	font-size: 1.1em;
	color: #fff;
	line-height: 175%;
}

.register .button{
	color: #94bee5;
	width: 1.4em;
	padding: 0.3em 0.2em 0.6em 0.2em;
}
body.main .footer{display: none;}
body.main .c2 .footer{display: block;}
.c2 .footer .info{
	float: right;
	width: 25%;
	padding-left: 32px;
	height: 36px;
	background: transparent url(i/js.png) no-repeat center left;
}
.c2 .footer .bottom{border: 0}

.footer{
	position: absolute;
	bottom: 0;
	left: 2%;
	width: 94%;
	font-size: 0.8em;
	color: #828c91;
	z-index: 10;
}

.footer a{color: #828c91;}
.footer a:visited{color: #828c91;}
.footer a:hover{text-decoration: none;color: #828c91;}

.footer ul{list-style: none;}

div.menu{padding: 0 0 2em 8.2em;}

.footer ul li{
	float: left;
	margin-right: 1em;
}

.footer ul li.indent{margin-left: 1.2em;}
.footer ul a{color: #cdd1d3;}
.footer ul a:visited{color: #cdd1d3;}
.footer ul a:hover{color: #cdd1d3;}

.footer a.rss{
	color: #f58220;
	float: right;
	width: 22%;
}

.footer a#show_all{
	text-decoration: none;
	border-bottom: 1px dashed;
}
.footer a#show_all:hover{border-bottom: 0;}

.footer a.rss:hover{color: #f58220;}
.footer a.rss:visited{color: #f58220;}

.footer .bottom{
	border-top: 1px solid #828c91;
	margin: 0 0 0 8.2em;
	padding-bottom: 3em;
}

.footer .copy{
	float: left;
	text-indent: -1.12em;
}
.footer .info{
	float: left;
	margin-left: 4%;
}
.footer form{
	float: right;
	width: 22%;
}
.footer .text{
	font-style: italic;
	width: 12em;
	color: #828c91;
}
.footer form p{
	padding: 0.2em 0.4em;
	width: 15em;
	background: #182a36;
}
* html .footer form p{height: 1%;}
.footer input{
	font-size: 1.1em;
	border: 0;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	background: transparent;
	outline: none;
}

div.hintall{
	position: absolute;
	z-index: 1000;
	bottom: 5.2em;
	left: 3%;
	margin-left: 10em;
	padding-bottom: 21px;
	width: 26em;
	height: 160px;
	background: transparent url(i/hint_b.gif) no-repeat 20% bottom;
	display: none;
}

div.hintall .corners{
	height: 160px;
	position: relative;
	background: #182a36;
}

div.hintall .corners p{
	padding: 1em;
	margin:0;
	font-size: 1.1em;
}

div.hintall .corners p a{color: #fff}

div.hintall a.license{
	position: absolute;
	bottom: 1em;
	left: 1em;
	font-size: 1.1em;
}

div.hintall .window{
	width: 155px;
	height: 100%;
	background: transparent url(i/window.jpg) no-repeat center left;
	float: right;
}
