/* ===== 'styles.css' ===== */

/*	--- --- --- --- ---
[project info]
	name - Kasper-Hosting.
	date - 02.06.2010.
	
	styles:
	--- --- --- --- --- --- --- --- --- ---
	http://www.kasper-hosting.by/img/default.css (6 kb)
	http://www.kasper-hosting.by/img/corners.css (4 kb)
	http://www.kasper-hosting.by/img/styles.css (16 kb)
	http://www.kasper-hosting.by/img/_tpl.css (18 kb)
	http://www.kasper-hosting.by/img/_editor.css (1 kb)
	http://www.kasper-hosting.by/img/styles_ie.css (4 kb)
	--- --- --- --- --- --- --- --- --- ---
	total: (49 kb)
	
	developer	- OOO "КасперСистемс"
	reply-to	- http://www.kasper.by/

[file structure]
	1. =global
	2. =wrapper
	--- --- ---
		2.1. =top block
		2.2. =hosting
		2.3. =content
	--- --- ---
	3. =footer
	4. =other styles

--- --- --- --- --- */

/* ='default.css'
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- -- */
@import url(default.css);
@import url(corners.css);
/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */

/* =global
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- -- */
html {
	font-size: 100.01%;
}
body {
	min-width: 1000px;
	background: #fff;	
	font-size: 62.5%;	
	font-family: Arial, Helvetica, sans-serif;
	color: #333232;
}
/* --- !!! --- */
a {
	color: #0182fb;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
:active {
	outline: none;
}
:focus {}
/* --- !!! --- */
.top-block,
.hosting,
.content,
.footer {
	width: 920px;	/* - original: 1000px; - */
	padding: 0 40px;
	margin: 0 auto;	
}
/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */


/* =wrapper
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- -- */
.wrapper {
	height: auto !important;
	min-height: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

	/* =top block
	--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- -- */
	.top-block-wrap {
		border-bottom: 1px solid #00236f;
		background: #2c539e url(top_block_bg.png);
	}
		.top-block {
			height: 95px;
		}

			/* --- top menu --- */
			.top-menu {
				display: inline;
				padding: 0;
				margin: 15px -10px 0 0;
				list-style-type: none;
				float: right;
			}
				.top-menu li {
					height: 65px;
					background: url(menu_separate.png) no-repeat right;
					font-size: 1.6em;
					font-weight: bold;
					color: #fff;
					text-shadow: #011b52 0 1px 0;
					line-height: 65px;
					float: left;
				}
				.top-menu li.last {
					background: none;
				}
					/* --- !!! --- */
					.top-menu li a {
						height: 65px;
						padding: 0 15px;
						color: #fff;
						text-decoration: none;
						float: left;
					}
					.top-menu li a:hover {
						color: #b9dfff;
					}
						/* --- !!! --- */
						.top-menu li a img {
							margin-top: 28px;
							border: none;
							background: url(ico_top.gif) no-repeat 0 -18px;
							float: left;
						}
						.top-menu li a img.ico-map {
							background-position: 0 -9px;
						}
						.top-menu li a img.ico-feedback {
							background-position: 0 0;
						}
						/* --- !!! --- */
						.top-menu li a:hover img {
							background-position: -11px -18px;
						}
						.top-menu li a:hover img.ico-map {
							background-position: -11px -9px;
						}
						.top-menu li a:hover img.ico-feedback {
							background-position: -11px 0;
						}
			/* --- // top menu // --- */
			
			/* --- logo --- */
			.logo {
				margin-top: 13px;
				border: none;
				font-size: 1.4em;
				color: #fff;
				float: left;
			}
			/* --- // logo // --- */
		
	/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */


	/* =hosting
	--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- -- */
	.hosting-wrap {
		border-bottom: 1px solid #fff;
		background: #2fa9f4 url(in_ground_bg.png);
	}
		.hosting {
			height: 167px;
			background: url(in_ground_center.jpg);
			position: relative;
		}

			/* --- hide ground blocks --- */
			.hide-host-left,
			.hide-host-right {
				width: 200px;
				height: 100%;
				position: absolute;
				top: 0;
			}
			.hide-host-left {
				background: url(in_ground_left.jpg);
				left: -200px;
			}
			.hide-host-right {
				background: url(in_ground_right.jpg);
				right: -200px;
			}
			/* --- // hide ground blocks // --- */
			
			/* --- services blocks --- */
			.serv {
				width: 292px;
				height: 194px;
				position: absolute;
				top: 20px;
			}
				.serv p {
					height: 70px;
					padding: 10px 0 0 15px;
					margin: 0;
					font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
					font-size: 2.8em;
					color: #fff;
					letter-spacing: -1.5px;
					line-height: 1;
					position: relative;
					overflow: hidden;
				}
					.serv p b {
						position: relative;
						font-size: 1.4em;
						letter-spacing: normal;
						top: -10px;
					}
					.serv p span {
						width: 100%;
						height: 100%;
						position: absolute;
						top: 0;
						left: 0;
					}
				/* --- !!! --- */
				.serv ul {
					padding: 0;
					margin: 0 25px;
					list-style-type: none;
					position: relative;
				}
					.serv ul li {
						padding-left: 10px;
						margin: 0;
						background: url(bull.gif) no-repeat left center;
						font-size: 1.2em;
						color: #294e96;
						line-height: 1.4;
					}
						/* --- !!! --- */				
						.serv ul li a {
							color: #294e96;
							text-decoration: none;
						}
						.serv ul li a:hover {
							text-decoration: underline;
						}
				/* --- !!! --- */
				.host-button {
					height: 45px;
					margin-left: -133px;
					font-size: 1.8em;
					color: #fff;
					letter-spacing: -0.5px;
					text-decoration: none;
					text-align: center;
					line-height: 45px;
					position: absolute;
					bottom: 12px;
					left: 50%;
				}
			/* --- // services blocks // --- */
			
			/* --- belarusian hosting --- */
			.bel-host {
				background: #bfeea4 url(in_bel_host_bg.png);
				left: 40px;
			}
				.bel-host p span {
					background: url(in_bel_host_bg.png);
				}
				/* --- !!! --- */
				.bel-host .host-button {
					width: 266px;
					background: #63c967 url(in_buttons.png) 0 -180px;
					text-shadow: #0a6600 -1px -1px 0;
				}
			/* --- // belarusian hosting // --- */
	
			/* --- domain registration -- */
			.reg-domain {
				margin-left: -146px;
				background: #7edfee url(in_reg_domain_bg.png);
				left: 50%;
			}
				/* --- !!! --- */
				.reg-domain p span {
					background: url(in_reg_domain_bg.png);
				}
				.reg-domain .host-button {
					width: 267px;
					background: #186ebc url(in_buttons.png) 0 -135px;
					text-shadow: #0c4262 -1px -1px 0;
				}
			/* --- // domain registration // --- */
			
			/* --- site creation --- */
			.site-creat {
				margin-left: -146px;
				background: #e3acf0 url(in_site_creation_bg.png);
				left: 50%;
				
				/*
				background: #e3acf0 url(in_site_creation_bg.png);
				right: 40px;
				*/
			}
				.site-creat p span {
					background: url(in_site_creation_bg.png);
				}
				/* --- !!! --- */
				.site-creat .host-button {
					width: 267px;
					background: #9418bc url(in_buttons.png) 0 -90px;
					text-shadow: #54009b -1px -1px 0;
				}
			/* --- // site creation // --- */


			/* --- our phones --- */
			.our-phones {
				background: #7edfee url(in_phones_creation_bg.png);
				right: 40px;
			} 
				.our-phones p span {
					background: url(in_phones_creation_bg.png);
				}
				/* --- !!! --- */
				.our-phones ol {
					padding: 0;
					margin: 5px 25px;
					list-style: none;
					position: relative;
				}
					.our-phones ol li {
						padding: 0;
						background: none;
						font-size: 1.3em;
						color: #333232;
						line-height: 1.2;
					}
					.our-phones ol li.mar-b-5 {
						margin-bottom: 5px;
					}
						/* --- !!! --- */						
						.our-phones ol li big {
							font-size: 1.4em;
						}
						.our-phones ol li b {
							font-size: 1.1em;
							font-weight: normal;
						}
			/* --- // our phone // --- */
			
		
	/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */


	/* =content
	--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- -- */
	.content-wrap {
		padding: 1px 0;
		margin-bottom: 100px;
		background: url(content_bg.png) repeat-x;
	}
		.content {
			padding-top: 60px;
		}
			.content:after {
				display: block;
				height: 0;
				clear: both;
				content: "";
				visibility: hidden;
			}
			
			/* --- main text wrapper --- */
			.main-text {
				width: 100%;
				float: left;
			}
				
				/* --- left column --- */
				.left-col {
					margin-right: 315px;
				}

					/* --- path of the page --- */
					.path {
						padding: 0;
						margin: 0 0 25px 0;
						list-style-type: none;
					}
						.path li {
							display: inline;
							font-size: 1.1em;
							color: #0182fb;
						}
							/* --- !!! --- */
							.path li a {
								color: #0182fb;
							}
					/* --- // path of the page // --- */
		
					/* --- page name --- */
					.page-name {
						margin: 0 0 15px 0;
						font-size: 3em;
						color: #002a81;
						font-weight: normal;
						letter-spacing: -1px;
						line-height: 1;	
					}
					/* --- // page name // --- */

				/* --- // left column // --- */
			
			/* --- // main text wrapper // --- */

			/* --- right column --- */
			.right-col {
				display: inline;
				width: 290px;
				margin-top: 10px;
				margin-left: -290px;
				float: left;
			}
			
				/* --- phone block --- */
				.phone-wrap {
					margin-bottom: 40px;
				}
					/* --- !!! --- */
					.phone-title {
						height: 100px;
						margin: 0 0 -25px 5px;
						font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
						font-size: 4.5em;
						color: #97cdee;
						letter-spacing: -3px;
						line-height: 1;
						position: relative;
						overflow: hidden;
					}
						.phone-title b {
							position: relative;
							font-size: 0.5em;
							letter-spacing: -1px;
							top: -5px;
						}
						.phone-title span {
							width: 100%;
							height: 100%;
							background: url(in_phone_bg.png) no-repeat;
							position: absolute;
							top: 0;
							left: 0;
						}
					/* --- !!! --- */
					.phone-num {
						font-style: normal;
						position: relative;
					}
						.phone-num span {
							display: block;
							padding: 0 0 10px 5px;							
							font-size: 1.8em;
						}
						.phone-num span b {
							font-size: 0.8em;
							font-weight: normal;
							letter-spacing: -1px;
						}
						.phone-num span i {
							font-size: 0.8em;	
							font-style: normal;
						}
				/* --- // phone block // --- */

				/* --- faq block --- */
				.faq-wrap {}
					/* --- !!! --- */
					.faq-title {
						height: 70px;
						margin: 0 0 -5px 5px;
						font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
						font-size: 4em;
						color: #97cdee;
						letter-spacing: -2px;
						line-height: 1;
						position: relative;
						overflow: hidden;
					}
						.faq-title b {
							position: relative;
							font-size: 0.75em;
							letter-spacing: normal;
							top: -10px;
						}
						.faq-title span {
							width: 100%;
							height: 100%;
							background: url(in_ask_bg.gif) no-repeat;
							position: absolute;
							top: 0;
							left: 0;
						}
					/* --- !!! --- */
					.main-faq-form {
						position: relative;
					}
						.main-faq-form fieldset {
							padding: 0;
							margin: 0;
							border: none;
							text-align: center;
						}
							.main-faq-form fieldset div {
								height: 17px;	/* - original: 27px; - */
								padding: 5px 0;
								margin: 10px 0;
								background: url(faq_field_bg.png) no-repeat center -184px;
							}
							.main-faq-form fieldset .letter {
								height: 173px;	/* - original: 183px; - */
								background: url(faq_field_bg.png) no-repeat center 0;
								overflow: hidden;	/* - for IE - */
							}
							.main-faq-form fieldset .captcha {
								margin: 10px 1px 10px 10px;
								background: url(faq_field_bg.png) no-repeat right -425px;
								position: relative;
							}
								/* --- !!! --- */
								.main-faq-form fieldset div input {
									width: 239px;
									border: none;
									background: none;
									font-size: 1.3em;
								}
								.main-faq-form fieldset .captcha input {
									width: 155px;
									margin-right: 15px;
									float: right;
								}
								.main-faq-form fieldset .captcha img {
									font-size: 1.4em;
									position: absolute;
									top: -5px;
									left: 0;
								}
								.main-faq-form fieldset div textarea {
									width: 239px;
									height: 173px;
									border: none;
									background: none;
									font-size: 1.3em;
									overflow: auto;
									resize: none;
								}
								.main-faq-form fieldset .submit {
									width: 249px;
									height: 39px;
									border: none;
									margin-bottom: 10px;
									background: #43b2dc url(in_buttons.png) 0 -51px;
									font-size: 1.8em;
									color: #fff;
									text-shadow: #006aa1 -1px -1px 0;
									letter-spacing: -0.5px;
									cursor: pointer;
								}
				/* --- // faq block // --- */

			/* --- // right column // --- */
	
	/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */


/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */


/* =footer
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- -- */
.footer-wrap {
	height: 80px;
	margin-top: -80px;
	border-top: 1px solid #86abf1;
	background: #59a2f8 url(footer_bg.gif) repeat-x;
}
	.footer {
		position: relative;
	}
		
		/* --- bottom menu --- */
		.bottom-menu {
			padding: 0;
			margin: 10px 0 30px 0;
			list-style-type: none;
			text-align: center;
		}
			.bottom-menu li {
				display: inline;
				margin: 0 5px;
				font-size: 1.2em;
				color: #fff;
			}
				/* --- !!! --- */
				.bottom-menu li a {
					color: #fff;
					text-decoration: none;
				}
				.bottom-menu li a:hover {
					text-decoration: underline;
				}
		/* --- // bottom menu // --- */

		/* --- copyright, developers & counter blocks --- */
		.copyright,
		.developers,
		.counter {
			margin: 0;
			font-size: 1.1em;
		}
		/* --- // copyright, developers & counter blocks // --- */
		
		/* --- copyright block --- */
		.copyright {
			float: left;
		}
		/* --- // copyright block //  --- */
		
		/* --- developers block --- */
		.developers {
			float: right;
		}
			/* --- !!! --- */
			.developers a {
				color: #333232;
				text-decoration: none;
			}
			.developers img {
				border: none;
				vertical-align: middle;
			}
		/* --- // developers block //  --- */
		
		/* --- counter block --- */
		.counter {
			text-align: center;
		}
		/* --- // counter block //  --- */		
	
/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */


/* --- © Tarik, 2010 --- */

/* ===== // 'styles.css' // ===== */