Namedmail – Domain Name Registrar

CSS
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	}
body {
	line-height: 1;
	}
blockquote, q {
	quotes: none;
	}

/* remember to define focus styles! */
:focus {
	outline: 0;
	}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
	}
del {
	text-decoration: line-through;
	}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	}

@font-face {
	font-family: 'Myriad Pro Condensed';
	src: url('../fonts/myriadpro-cond-webfont.eot');
	src: local('Myriad Pro Condensed'), url('../fonts/myriadpro-cond-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Myriad Pro Condensed';
	src: url('../fonts/myriadpro-condit-webfont.eot');
	src: local('Myriad Pro Condensed Italic'), url('../fonts/myriadpro-condit-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Myriad Pro Condensed';
	src: url('../fonts/myriadpro-condbold-webfont.eot');
	src: local('Myriad Pro Bold Condensed'), url('../fonts/myriadpro-condbold-webfont.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

html {
	background: #3e578c url(../images/bg.png) repeat-x center 25px;
	}
	body {
		position: relative;
		margin: 0 auto;
		font: normal 18px/21px "Myriad Pro Condensed", Arial, Helvetica, Sans-serif;
		background: url(../images/bg1.jpg) no-repeat center 25px;
		color: #fff;
		}

		input,
		select,
		textarea,
		checkbox,
		.field {
			font: normal 18px/21px "Myriad Pro Condensed", Arial, Helvetica, Sans-serif;
			border: 0 none;
			}
		button,
		input.button {
			padding: 0;
			color: #fff;
			cursor: pointer;
			}

		ul,ol {
			list-style: none;
			}
		h1 {
			line-height: 36px;
			font-size: 30px;
			font-weight: normal;
			}
		h2 {
			line-height: 28px;
			font-size: 24px;
			}
		a {color: #fff}
		a:hover {text-decoration: none}

.block {
	-webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
	background: #0088b9 url(../images/block-bg.png) repeat-x left top;
	}

#languages {
	width: 100%;
	height: 25px;
	line-height: 25px;
	text-align: center;
	background: #249dc9 url(../images/languges-bg.png) repeat-x left top;
	}
	#languages ul {
		display: inline;
		}
		#languages li {
			display: inline;
			padding: 0 5px;
			}
			#languages li a {
				width: 18px;
				height: 13px;
				padding: 2px 0 0 1px;
				}
				#languages li a img {
					padding: 1px 1px 1px 0;
					}
		#languages li.active a {
			background: url(../images/languges-active-bg.png) no-repeat left center;
			}
/* Header
--------------------------------------------------------------------------------------- */
#header {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	width: 1000px;
	height: 500px;
	}
	#header .logo {
		display: block;
		margin: 31px 0 0 34px;
		width: 389px;
		height: 137px;
		text-indent: -9999em;
		background: url(../images/logo.png) no-repeat left top;
		}

	#header .email {
		float: left;
		position: relative;
		margin: 149px 0 0 44px;
		width: 447px;
		height: 169px;
		background: url(../images/email-bg.png) no-repeat left top;
		}
		#header .email .choose {
			position: absolute;
			top: -46px;
			left: -41px;
			width: 111px;
			height: 111px;
			text-indent: -9999em;
			background: url(../images/choose-email.png) no-repeat left top;
			}
		#header .email h1 {
			padding: 8px 0 0 70px;
			}
		#header .email fieldset {
			text-align: center;
			padding-top: 12px;
			font-size: 24px;
			}
			#header .email fieldset input {
				width: 132px;
				margin: 0 2px;
				padding: 0 5px;
				}
			#header .email fieldset select {
				z-index: 2;
				position: relative;
				width: 61px;
				padding: 0 0 0 3px;
				}
			#header .email .button {
				width: 148px;
				height: 31px;
				line-height: 31px;
				font-size: 24px;
				background: url(../images/button4.png) no-repeat left top;
				color: #fff;
				}
	#header .promo {
		z-index: 1;
		position: absolute;
		right: 0;
		bottom: 0;
		}
		#header .promo img {
			display: block;
			}
		#header .promo img.main {
			padding-right: 69px;
			}
		#header .promo .usersCount {
			position: absolute;
			right: 75px;
			bottom: 58px;
			width: 225px;
			line-height: 36px;
			font-size: 36px;
			text-align: center;
			}
			#header .promo .usersCount small {
				font-size: 24px;
				}
		#header .promo .offer {
			position: absolute;
			top: 40px;
			right: 90px;
			width: 190px;
			height: 75px;
			line-height: 36px;
			font-size: 36px;
			color: #000;
			}
			#header .promo .offer .price {
				font-weight: bold;
				color: #ec4410;
				}

/* Middle
--------------------------------------------------------------------------------------- */
#content {
	overflow: hidden;
	margin: 0 auto;
	width: 1000px;
	}
	#content .login {
		overflow: hidden;
		margin-bottom: 10px;
		padding: 0 6px 0 16px;
		height: 55px;
		background: #0088b9 url(../images/login-form-bg.png) repeat-x left top;
		}
		#content .login p {
			float: left;
			margin-top: 6px;
			width: 435px;
			}
		#content .login-form {
			float: right;
			width: 510px;
			line-height: 55px;
			}
			#content .login-form fieldset {
				float: left;
				margin-right: 10px;
				}
				#content .login-form fieldset input {
					margin-left: 5px;
					padding: 0 4px;
					width: 132px;
					}
				#content .login-form fieldset input.button {
					margin: 0;
					width: 76px;
					height: 33px;
					line-height: 33px;
					background: url(../images/button.png) no-repeat left top;
					color: #fff;
					}

	#content .info-promo {
		margin-bottom: 10px;
		height: 196px;
		background: url(../images/info-promo-bg.png) no-repeat left top;
		}
		#content .info-promo ul {
			overflow: hidden;
			text-align: center;
			background: url(../images/info-promo-separators.png) no-repeat left top;
			}
			#content .info-promo ul li {
				float: left;
				padding: 0 20px;
				width: 160px;
				}
				#content .info-promo ul li h2 {
					padding-top: 6px;
					font-size: 18px;
					}
				#content .info-promo ul li img {
					display: block;
					margin: 0 auto;
					}
				#content .info-promo ul li p {
					line-height: 20px;
					}

	#content .steps {
		overflow: hidden;
		margin: 13px 0 17px;
		text-align: center;
		}
		#content .steps .block {
			position: relative;
			float: left;
			padding: 12px 19px 16px;
			height: 200px;
			width: 275px;
			}
			#content .steps .block h2 {
				text-align: left;
				font-style: italic;
				font-weight: normal;
				}
			#content .steps .block img {
				padding: 5px 0;
				}
			#content .steps .block p {
				text-align: left;
				}
			#content .steps .block.next {
				margin-left: 30px;
				}
				#content .steps .block.next .arrow {
					position: absolute;
					top: 97px;
					left: -30px;
					width: 43px;
					height: 40px;
					background: url(../images/steps/next.png) no-repeat left top;
					}

	#content .big-button {
		display: block;
		width: 100%;
		height: 63px;
		line-height: 63px;
		font-size: 30px;
		font-weight: bold;
		text-align: center;
		text-transform: uppercase;
		text-decoration: none;
		background: url(../images/big-button-bg.png) no-repeat left top;
		color: #fff;
		}

	#content .wrap {
		padding-top: 21px;
		overflow: hidden;
		}

		#aside {
			float: left;
			width: 250px;
			}
			#aside .banner {
				margin-bottom: 12px;
				}
			#aside .payment {
				text-align: center;
				line-height: 30px;
				}
				#aside .payment a {
					padding: 5px 3px;
					}
		#aside .country {
			margin: 16px auto 0;
			width: 185px;
			}
			#aside .country li {
				display: inline;
				padding-right: 5px;
				}

		#aside .nav {
			overflow: hidden;
			height: 31px;
			padding: 0 0 11px 20px;
			}
			#aside .nav a {
				float: left;
				margin-right: 9px;
				width: 102px;
				height: 31px;
				line-height: 31px;
				font-size: 24px;
				text-align: center;
				text-decoration: none;
				background: url(../images/button5.png) no-repeat left top;
				color: #fff;
				}

		#aside .block {
			margin-bottom: 20px;
			}
			#aside .block .title {
				line-height: 50px;
				font-size: 34px;
				text-indent: 15px;
				background: url(../images/title-bg.png) repeat-x center top;
				-webkit-border-radius: 9px 9px 0 0;
				-moz-border-radius: 9px 9px 0 0;
				border-radius: 9px 9px 0 0;
				}
			#aside .block h3 {
				padding: 15px 0 2px;
				}
			#aside .block a {
				color: #fce33a;
				}
			#aside .block form {
				padding: 0 15px 7px;
				}
				#aside .block form fieldset {
					overflow: hidden;
					padding-bottom: 8px;
					}
					#aside .block form fieldset label {
						float: left;
						}
					#aside .block form fieldset input {
						float: right;
						padding-left: 3px;
						width: 149px;
						}
					#aside .block form fieldset .link {
						width: 217px;
						}
				#aside .block form .action {
					padding-top: 8px;
					}
					#aside .block form .action .button {
						float: none;
						display: block;
						margin: 0 auto;
						width: 148px;
						height: 31px;
						line-height: 31px;
						font-size: 24px;
						background: url(../images/button4.png) no-repeat left top;
						color: #fff;
						}
				#aside .block form .action.exit {
					padding-top: 16px;
					}

		#bside {
			float: right;
			width: 160px;
			}
			#bside .block {
				margin-top: 20px;
				padding: 10px;
				}
				#bside .block p {
					padding-top: 8px;
					}

			#bside .block.guaratee {
				position: relative;
				margin-top: 11px;
				background: #0088B9 url(../images/block-bg.png) repeat-x left top;
				}
				#bside .block.guaratee .label {
					position: absolute;
					top: -31px;
					left: -22px;
					width: 108px;
					height: 108px;
					background: url(../images/guarantee.png) no-repeat left top;
					}
				#bside .block.guaratee h3 {
					padding: 3px 0 18px;
					}
				#bside .block.guaratee h3.top {
					padding-left: 76px;
					}
				#bside .block.guaratee p {
					padding-top: 0;
					line-height: 20px;
					font-size: 16px;
					}

			#bside .banner {
				margin-top: 20px;
				}

			#bside .button {
				display: block;
				margin-top: 20px;
				width: 161px;
				height: 31px;
				line-height: 31px;
				font-size: 24px;
				text-align: center;
				text-decoration: none;
				background: url(../images/button3.png) no-repeat left top;
				}

		#article {
			float: left;
			width: 532px;
			margin-left: 29px;
			}
			#article ul,
			#article p {
				padding-bottom: 20px;
				}
			#article h1 {
				padding: 14px 0;
				}
			#article .banner {
				text-align: center;
				}
			#article .faq dl {
				margin-bottom: 18px;
				}
			#article .faq dl dt.title {
				position: relative;
				margin: 0 0 2px -14px;
				padding: 0 14px;
				width: 100%;
				height: 31px;
				line-height: 31px;
				background: url(../images/faq-bg.png) repeat-x left top;
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				border-radius: 4px;
				}
				#article .faq dl dt.title a {
					display: block;
					}
			#article .faq dl dd {
				padding-left: 30px;
				font-size: 14px;
				line-height: 17px;
				}

			#article .block {
				margin: 10px 0 0 -14px;
				padding: 8px 14px 19px;
				width: 100%;
				}
				#article .form.registration fieldset .button,
				#article .form fieldset .button,
				#article .block .button {
					display: block;
					margin: 0 auto;
					width: 218px;
					height: 46px;
					line-height: 46px;
					font-size: 24px;
					font-weight: bold;
					text-align: center;
					text-decoration: none;
					background: url(../images/button2.png) no-repeat left top;
					}

			#article .form {
				margin-bottom: 20px;
				}
				#article .form fieldset {
					overflow: hidden;
					padding-bottom: 8px;
					}
					#article .form fieldset label {
						padding-left: 25px;
						}
					#article .form fieldset input,
					#article .form fieldset textarea {
						margin-left: 25px;
						padding-left: 3px;
						width: 465px;
						}
					#article .form fieldset select {
						margin-left: 25px;
						width: 468px;
						}
					#article .form fieldset .button {
						margin-top: 5px;
						text-transform: uppercase;
						}

					#article .form.registration fieldset label {
						float: left;
						padding-left: 10px;
						width: 227px;
						}
					#article .form.registration fieldset input,
					#article .form.registration fieldset textarea {
						margin-left: 0;
						padding-left: 3px;
						width: 270px;
						}
					#article .form.registration fieldset select {
						margin-left: 0;
						width: 273px;
						}
					#article .form.registration fieldset .button {
						margin: 5px auto;
						padding: 0;
						}

				#article .form fieldset.price {
					padding: 12px 0 16px;
					font-size: 36px;
					text-align: center;
					}
					#article .form fieldset.price span {
						color: #fff000;
						}
				#article .form fieldset.confirm {
					padding: 0 25px 8px;
					}
					#article .form fieldset.confirm input {
						float: left;
						width: auto;
						}
					#article .form fieldset.confirm a {
						display: block;
						margin-left: 30px;
						color: #95d3ff;
						}
				#article ul.list {
					margin: 20px 0;
					list-style: inside disc;
					}
					#article ul.list li {
						padding-bottom: 15px;
						}

			#article table {
				margin: 25px 0;
				width: 100%;
				}
				#article table tr th {
					text-align: left;
					}
				#article table tr th,
				#article table tr td {
					padding: 5px 0;
					}
					#article table tr .price {
						color: #fce33a;
						}

			#article .income {
				text-align: center;
				font-size: 22px;
				font-weight: bold;
				}
				#article .income span {
					color: #fce33a;
					}

/* Footer
--------------------------------------------------------------------------------------- */
#footer {
	width: 990px;
	margin: 20px auto 0;
	padding: 20px 0 40px 10px;
	border-top: 1px solid #4067b9;
	}
	#footer .address {
		float: left;
		width: 250px;
		}
	#footer .social {
		float: right;
		padding-top: 20px;
		width: 160px;
		text-align: right;
		}
		#footer .social li {
			display: inline;
			}
	#footer .rules {
		text-align: center;
		margin: 0 180px 0 270px;
		}
		#footer .rules p {
			font-size: 14px;
			line-height: 16px;
			}
		#footer .rules p.copy {
			padding-top: 10px;
			font-size: 18px;
			line-height: 24px;
			}
/* Overlay
--------------------------------------------------------------------------------------- */
#overlay-main {
	display: none;
	z-index: 1000;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/overlay-bg.png) repeat top left;
	}
	#overlay-main .overlay {
		z-index: 1001;
		display: none;
		position: fixed;
		top: 60px;
		left: 50%;
		margin: 0 auto 0 -428px;
		width: 856px;
		padding: 9px 9px 23px 9px;
		background: #3e578c url(../images/bg1.jpg) no-repeat center -442px;
		border: 10px solid #fff;
		-webkit-border-radius: 18px;
		-moz-border-radius: 18px;
		border-radius: 18px;
		}

		#overlay-main .overlay .top {
			position: relative;
			height: 23px;
			}
			#overlay-main .overlay .top .close {
				position: absolute;
				top: 7px;
				right: 7px;
				width: 23px;
				height: 23px;
				font-size: 0;
				background: url(../images/close-x.png) no-repeat left top;
				border: 0 none;
				}

	#overlay-main .overlay form {
		position: relative;
		margin: 20px auto;
		padding-bottom: 15px;
		width: 447px;
		}
		#overlay-main .overlay form h1 {
			padding: 12px 10px 6px;
			line-height: 28px;
			font-size: 24px;
			text-align: center;
			text-indent: 15px;
			background: url(../images/title-bg.png) repeat-x center top;
			-webkit-border-radius: 9px 9px 0 0;
			-moz-border-radius: 9px 9px 0 0;
			border-radius: 9px 9px 0 0;
			}
		#overlay-main .overlay form h1.false {
			color: #ec4410;
			}
		#overlay-main .overlay form fieldset {
			position: relative;
			text-align: center;
			padding-top: 12px;
			}
			#overlay-main .overlay form fieldset input {
				width: 132px;
				margin: 0 2px;
				padding: 0 5px;
				}
			#overlay-main .overlay form fieldset select {
				z-index: 2;
				position: relative;
				width: 61px;
				padding: 0 0 0 3px;
				}
			#overlay-main .overlay form .button {
				width: 148px;
				height: 31px;
				line-height: 31px;
				font-size: 24px;
				background: url(../images/button4.png) no-repeat left top;
				color: #fff;
				}

	#o-email.overlay form fieldset {
		font-size: 24px;
		}

	#o-captcha.overlay form p {
		padding: 4px 20px;
		}
	#o-captcha.overlay form p.hint {
		padding-bottom: 0;
		text-align: center;
		}
	#o-captcha.overlay form img {
		display: block;
		margin: 0 auto;
		border: 1px solid #686868;
		}

	#overlay-main .overlay .middle {
		width: 540px;
		margin: 10px auto;
		}
		#overlay-main .overlay .domains {
			margin: 10px auto;
			width: 447px;
			}
			#overlay-main .overlay .domains tr td {
				padding: 5px 0;
				}
			#overlay-main .overlay .domains tr td.price {
				text-align: right;
				width: 70px;
				color: #f8e049;
				}