body {font-size: 12px; font-family: Tahoma, sans-serif; color: #1c1c1c; background: #eaedd5 url(../main/i/bgr.jpg) repeat-x;}
table, td, th {border-collapse: collapse; border-spacing: 0; vertical-align: top; text-align: left; background-color: transparent;}
* {margin: 0; padding: 0;}
img {border: 0;}
textarea {font-family: Tahoma, sans-serif; font-size: 100%;}

a {color: #583780; text-decoration: none;}
a:hover {text-decoration: underline;}

h1 {clear: left; font-size: 28px; margin-top: 8px; margin-bottom: 16px; font-family: Arial, sans-serif; font-weight: normal;}
h1.bigh {margin-top: 1em; font-size: 28px;}
ul {margin: 1em 0;}
ul li {padding-left: 12px; margin-bottom: .2em; list-style-type: none; background: url(../main/i/bullet.gif) no-repeat 0 .35em;}

p {margin-bottom: 1.5em; line-height: 1.5em;}

.g-title {font-size: 1.5em;}
.g-title img {margin-bottom: .15em;}
.g-title a {color: #1c1c1c; border-bottom: 1px dashed #d2d2d2;}
.g-title a:hover {text-decoration: none; border-bottom-color: #1c1c1c;}
.g-title span {padding-right: 8px; background: url(../main/i/arrow_down.gif) no-repeat 100% .65em;}
.g-title .no-arrow {padding-right: 0; background-image: none !important;}

.g-spacer {clear: left; padding-bottom: 2em;}
.g-superbig {font-size: 50px; color: #957fb2;}
.g-strike {font-size: 16px; /*font-weight: bold;*/}
.g-highlight {color: #957fb2;}

.block-closed .g-title {margin-bottom: 1.2em;}
.block-closed .g-title span {background: url(../main/i/arrow.gif) no-repeat 100% .6em;}
.block-closed .inner-block {display: none;}

label {display: block; float: left; clear: left; color: #957fb2; font-size: 14px; margin-right: 20px;}
.g-input-text {float: left; margin-bottom: 9px; border: 1px solid #a7b5c1; border-bottom-color: #cfd9e0;}
input.g-input-text {height: 19px;}

/* layout */
#main-box {background: url(../main/i/bgr_bottom.jpg) repeat-x 0 100%;} 
#main, #main-footer {max-width: 995px; width: expression(document.body.clientWidth > 995?"995px":"auto");}
#main-content-box {width: 995px;}
#main {min-height: 820px; margin: 0 auto; background: url(../main/i/bgr_top.jpg) no-repeat;}
* html #main {height: 820px;}
#main-top-left {position: absolute; width: 90px; height: 213px; margin-left: -90px; background: url(../main/i/bgr_top_left.jpg) no-repeat 100% 0;}
#main-content, #main-title, #main-content-box, #main-footer div {padding-left: 36px;}
#main-content-left, #main-content-right {float: left;}
#main-content-left {width: 658px; margin-right: 34px;}
#main-footer {clear: left; margin: 0 auto;}

#main-top {height: 177px;}
#main-logo {position: absolute; margin-left: 19px; margin-top: 53px;}
#main-top-head {position: absolute; width: 500px; margin-left: 225px; margin-top: 66px; font-size: 1.5em;}
#main-top-head-text {margin-top: 4px; color: #6f5b87; font-size: 26px; font-family: Arial, sans-serif; line-height: 1.1em;}
#main-top-title {position: absolute; margin-left: 36px; margin-top: 186px;}
#main-top-menu {padding-top: 35px; margin-left: 225px;}
#main-top-menu a {display: block; float: left; margin-right: 11px; color: #000000; white-space: nowrap;}
#main-top-menu a.active, #main-top-menu a.active:hover {cursor: default; color: #ffffff; text-decoration: none;}
#main-top-menu-extra {position: absolute; margin-left: 744px; margin-top: 36px;}
#main-top-menu-extra a {color: #000000; white-space: nowrap;}

#main-footer {padding-top: 90px; padding-bottom: 65px;}
#main-footer-logo {float: left;}
#main-footer-content {float: right; margin-top: 3px;}
#main-footer-copyright {padding-right: 30px;}
#main-footer-links {white-space: nowrap;}
#main-footer-links span {padding-right: 16px;}

/* characters */
#main-character {padding-top: 10px;}
#main-character-flash {width: 870px; height: 380px; overflow: hidden;}

/* domains */
#main-domain-send {position: absolute; display: table; cursor: pointer; cursor: hand; visibility: hidden; top: -200px; left: 0; z-index: 10; margin-top: -2px; padding-left: 6px; background-repeat: no-repeat;}
#main-domain-send * {float: left;}
#main-domain-send .box2 {height: 45px; padding: 0 5px 0 5px; color: #ffffff; background-repeat: repeat-x;}
#main-domain-send .box2 form {margin-top: 8px;}
#main-domain-send .box3 {width: 6px; height: 45px; overflow: hidden; background-repeat: no-repeat;}
#pick-domain-text {margin-top: -1px; margin-right: 8px; font-size: 1.35em;}
#main-domain-send.shift {margin-top: 8px;}
#main-domain-send-edge {width: 0;}

.main-domain-item a {display: block; float: left; margin-right: 16px; font-size: 1.35em; white-space: nowrap;}
* html .main-domain-item a {overflow-y: hidden;}

#main-domain-by-group {padding-bottom: 1.5em;}
#main-domain-by-group a {float: none; line-height: 1.8em;}

/* groups */
#main-domain {clear: left;}
#main-group-menu {padding-bottom: 40px; margin-top: 21px; margin-bottom: 1.55em;}
#main-group-menu a {cursor: hand; display: block; float: left; margin-top: 5px; margin-bottom: 5px; margin-right: 1px; padding-left: 5px; white-space: nowrap; color: #ffffff; background: url(../main/i/menu_left.gif) no-repeat;}
#main-group-menu span {display: block; float: left; padding-right: 5px; background: url(../main/i/menu_right.gif) no-repeat 100% 0;}
#main-group-menu span span {height: 24px; padding: 5px 16px 0 16px; background: url(../main/i/menu.gif) repeat-x; filter: DropShadow(color=#79639a, offx=1, offy=1);}
#main-group-menu .menu-over {margin-top: 0; background: url(../main/i/menu_over_left.gif) no-repeat; margin-bottom: 0;}
#main-group-menu .menu-over span {background: url(../main/i/menu_over_right.gif) no-repeat 100% 0;}
#main-group-menu .menu-over span span {height: 29px; padding-top: 10px; overflow: hidden; background: url(../main/i/menu_over.gif) repeat-x; filter: none;}
#main-group-menu .menu-active {cursor: default; color: #61448a; background: url(../main/i/menu_active_left.gif) no-repeat;}
#main-group-menu .menu-active span {background: url(../main/i/menu_active_right.gif) no-repeat 100% 0;}
#main-group-menu .menu-active span span {background: url(../main/i/menu_active.gif) repeat-x; filter: none;}
#main-group-menu a.menu-active:hover {text-decoration: none;}

.group-column {float: left; width: 167px; overflow: hidden; margin-right: 6px; border-top: 1px solid #dad9d3;}
.group-column div {height: 31px; overflow: hidden; border-bottom: 1px solid #dad9d3;}
.group-column a {padding-left: 22px;}
.group-column div.odd {background-color: #e6e9d6;}
.group-character {border-top: 0;}
.group-character img {position: absolute; margin-left: 35px;}

/* mail */
#mail-left {float: left; width: 145px; margin-right: 45px;}
#mail-center {float: left; width: 466px;}

/* cloud */
.cloud {line-height: 43px;}
.cloud .tag0 {font-size: 12px; padding-top: 9px; height: 33px;}
.cloud .tag1 {font-size: 14px; padding-top: 9px; height: 33px;}
.cloud .tag2 {font-size: 16px; padding-top: 8px; height: 34px;}
.cloud .tag3 {font-size: 17px; padding-top: 8px; height: 34px;}
.cloud .tag4 {font-size: 19px; padding-top: 7px; height: 35px;}
.cloud .tag5 {font-size: 22px; padding-top: 6px; height: 36px;}
.cloud .tag6 {font-size: 24px; padding-top: 5px; height: 37px;}
.cloud .tag7 {font-size: 27px; padding-top: 3px; height: 39px;}
.cloud .tag8 {font-size: 30px; padding-top: 2px; height: 40px;}
.cloud .tag9 {font-size: 37px; height: 42px;}
html:first-child .cloud a {overflow: hidden;}

/* faq */
.faq-col {float: left; width: 329px; font-size: 10px;}
.faq-col-first div {margin-right: 40px;}
.faq-col div {margin-bottom: 7px;}
.faq-col a {color: #544566; border-bottom: 1px dashed #d2d2d2;}
.faq-col a:hover {text-decoration: none; border-bottom-color: #1c1c1c;}
.faq-col .highlight {font-weight: bold; color: #957fb2;}

.faq-question, .faq-answer {padding-top: 20px; padding-bottom: 40px;}
.faq-question {width: 200px; padding-right: 25px; color: #957fb2; font-size: 24px; line-height: 1em;}
.faq-answer {font-size: 12px; line-height: 1.5em;}

#faq-question-send {padding-top: 30px; background: url(../main/i/dashed.gif) repeat-x;}
.faq-question-title {margin-bottom: 10px; color: #957fb2; font-size: 24px;}
.faq-question-subtitle {font-size: 12px;}

.faq-question-form {margin-top: 35px;}
.faq-question-form label {width: 13em;}
.faq-question-form .g-input-text {width: 320px;}
.faq-question-form textarea.g-input-text {height: 115px;}
.faq-question-form-submit {margin-top: 7px;}

/* banners */
#main-banner {width: 944px;}
.banner {cursor: pointer; cursor: hand; float: left; background: url(../main/i/banner_pad.gif) repeat-x;}
.banner .box {padding-left: 8px; background: url(../main/i/banner_pad_left.gif) no-repeat;}
.banner .box2 {height: 145px; padding-right: 8px; background: url(../main/i/banner_pad_right.gif) no-repeat 100% 0;}
.banner .box3 {height: 100px; padding: 20px 0 0 122px; background-repeat: no-repeat; background-position: 0 20px;}
.banner-title {margin-bottom: 16px; font-size: 17px;}
.banner-text {padding-right: 30px;}
#main-banner-first a {color: #d9023f;}
.g-padtop {padding-top: 5px;}

/* domains new */
#main-domain {padding-top: 2em;}
#main-group {padding-top: 1em;}
#main-domain-new {clear: left; padding-top: 2em;}

.new-sign {vertical-align: top;}

#main-domain-new .main-domain-item a {color: #851d66;}

#main-domain-send a {display: block; float: left; width: 24px; height: 20px; background-repeat: no-repeat;}

.domain-send {background-image: url(../main/i/menu_domain_left.png);}
.domain-send .box2 {background-image: url(../main/i/menu_domain.png);}
.domain-send .box3 {background-image: url(../main/i/menu_domain_right.png);}
.domain-send a {background-image: url(../main/i/menu_domain_button.gif);}
.domain-new-send {background-image: url(../main/i/menu_domain_new_left.png);}
.domain-new-send .box2 {background-image: url(../main/i/menu_domain_new.png);}
.domain-new-send .box3 {background-image: url(../main/i/menu_domain_new_right.png);}
.domain-new-send a {background-image: url(../main/i/menu_domain_new_button.gif);}

/* */
#domain-request-send {padding-top: 15px; background: url(../main/i/dashed.gif) repeat-x;}
#domain-request-send .faq-question-form label {width: 11em; margin-right: 1em;}
#domain-request-send .form-domain-level2 {width: 220px;}
#domain-request-send .form-domain-level1 {width: 90px; margin-left: 10px;}
.faq-question-form .ast {float: left; padding-left: 7px; line-height: 20px; color: #d30024; font-size: 14px; font-weight: bold;}
.faq-question-form .error {background: url(../main/i/error_sign.gif) no-repeat 100% .2em;}
.domain-error {float: left; width: 322px; height: 25px; margin-bottom: 9px; line-height: 23px; color: #ffffff; background-color: #d30024; font-weight: bold; font-size: 11px; text-align: center;}

/* contest */
.banner-big {width: 894px; margin-left: 15px; padding-top: 10px;}
.banner-big-top {padding-left: 14px; background: url(../main/i/banner_bigpad_lt.gif) no-repeat;}
.banner-big-top div.box {padding-right: 14px; background: url(../main/i/banner_bigpad_rt.gif) no-repeat 100% 0;}
.banner-big-top div.box2 {height: 14px; overflow: hidden; padding: 0; background: url(../main/i/banner_bigpad_t.gif) repeat-x;}
.banner-big-title {padding: 10px 22px 20px 22px; font-size: 30px; color: #957fb2; border-width: 0 1px; border-color: #e1e4c9; border-style: solid; background-color: #f2f5da;}
.banner-big-content {min-height: 100px; padding-left: 14px; background: url(../main/i/banner_bigpad_lb.gif) no-repeat 0 100%;}
* html .banner-big-content div.box2 {height: 100px;}
.banner-big-content div.box {padding-right: 14px; background: url(../main/i/banner_bigpad_rb.gif) no-repeat 100% 100%;}
.banner-big-content div.box2 {min-height: 100px; padding: 0 8px; background: url(../main/i/banner_bigpad_b.gif) repeat-x 0 100%;}
.banner-big-content-left {width: 430px; padding-right: 20px; font-size: 16px; line-height: 1.3em;}
.banner-big-content-center {width: 180px;}
.banner-big-content-center a {color: #009ee0; font-size: 10px; font-weight: bold; line-height: 2em; border-bottom: 1px dashed #d2d2d2;}
.banner-big-content-center a:hover {text-decoration: none; border-bottom-color: #1c1c1c;}
.banner-big-content-right {width: 200px;}
.banner-big-content-right2 {width: 200px;}
.banner-big-content-right img {position: relative; margin-top: -100px;}
.banner-big-content-right2 img {position: absolute; margin-top: -229px;}

.g-blue {color: #009ee0;}
a.g-blue {border-bottom: 1px dashed #d2d2d2;}
a.g-blue:hover {text-decoration: none; border-bottom-color: #1c1c1c;}
.g-bigtitle {font-size: 22px;}

.main-content-narrow {width: 430px; padding-top: 1em;}
.main-content-narroww {width: 630px; padding-top: 1em;}

.contest-spacer {width: 30%; height: 1px; overflow: hidden; margin: 1.8em 0 1.5em 0; background: url(i/dashed.gif) repeat-x;}

#flash {
	width: 630px;
	height: 610px;
	float: left;
}
.cutaway {
	height: 610px;
	width: 995px;
	padding-left: 0!important;
}
.boy {
	background: url(../main/i/boy.png) no-repeat 0 117px;
	width: 217px;
	height: 495px;
	float:left;
	margin-right: -30px;
	position: relative;
}
.balloon {
	background: url(../main/i/balloon.png) no-repeat 0 115px;
	width: 203px;
	height: 455px;
	float:left;
	margin-left: -45px;
	position: relative;
}
.balloon table {
	width: 154px;
	height: 150px;
	top: 120px;
	left: 47px;
	position: absolute;
}
.balloon td {
	text-align: center;
	color: #5a2f96;
	font-size: 14px;
	line-height: 16px;
	vertical-align: middle;
}
.balloon span {
	font-size: 18px;
}
* html #main-footer {padding-top: 70px;}
* +html #main-footer {padding-top: 70px;}
