/*
	Author: Garovsky Edgar
	Author URI: http://garovsky.com/
*/


/* Global definitions
----------------------------------- */
* { margin: 0; padding: 0; }

body { font: 12px/18px Tahoma, Arial, Helvetica, sans-serif; color: #f5f5f5; text-align: left; background: #000; }

button, img, input, label, select { vertical-align: middle; }
	img { -ms-interpolation-mode: bicubic; }

div, textarea, td, th { vertical-align: top; }

fieldset, hr, img { border: 0; }

p { margin-bottom: 5px; }

ol { list-style: square inside; margin: 0 5px 10px; }
ul { list-style: none; }

table { border-collapse: collapse; }
	th, caption { font-weight: 400; text-align: left; }

a, button, label { cursor: pointer; }

:active, :focus { outline: none; -moz-outline-style: none; }

a { color: #ff85c9; text-decoration: underline; }
	a:hover { text-decoration: none; }


/* Titles */
h1 {
	position: absolute;
	left: 240px;
	top: 183px;
	width: 460px;
	height: 45px;
	background: url("../images/slogan.png") no-repeat;
}
	h1 span {
		display: block;
		width: 441px;
		height: 30px;
		text-indent: -9999px;
		background: url("../images/slogan-text.png") no-repeat;
		margin: 8px 0 0 9px;
	}

h2 { position: relative; font: 23px/28px Georgia, "Book Antiqua", "Palatino Linotype", serif; color: #fb35a4; margin-bottom: 3px; }
	h2 span { text-decoration: underline; }
	h2 ins { position: absolute; background: url("../images/icons.png"); overflow: hidden; }

h3 { font-size: 12px; font-weight: 700; color: #fffcb8; }
	h3 span { color: #da2f8b; text-transform: uppercase; }


/* Form elements */
button { position: relative; text-align: center; }
	button ins { position: absolute; left: 0; top: 0; overflow: hidden; }

input, select, textarea {
	font: 11px/14px Arial, Helvetica, "Trebuchet MS", sans-serif;
	color: #8b8a8a;
	background: #fff url("../images/ears.png") 0 -70px repeat-x;
	padding: 3px 5px 2px 9px;
	border: 1px solid #a8acad;
}
	textarea { padding: 7px 3px 7px 9px; overflow: auto; }



/* Main blocks
----------------------------------- */
.layout {
	position: relative;
	width: 940px;
	margin: 0 auto;
	padding: 0 15px 12px;
	overflow: hidden;
	z-index: 30;
}

.container { background: #7c0d3a url("../images/container.png") 0 -360px repeat-x; padding: 39px 18px 35px; overflow: hidden; }

.sidebar { position: relative; float: left; width: 332px; overflow: hidden; }

.content {
	position: relative;
	float: right;
	width: 542px;
	padding: 13px 0 0 5px;
	overflow: hidden;
}



/* Header
----------------------------------- */
.header { position: relative; height: 445px; background: #011f40 url("../images/header.jpg"); overflow: hidden; }

.seduction li {
	position: absolute;
	left: 206px;
	top: 9px;
	width: 345px;
	height: 27px;
	text-indent: -9999px;
	background: url("../images/seduction.png");
	overflow: hidden;
}
	.seduction .second {
		left: 397px;
		top: 44px;
		width: 396px;
		height: 25px;
		background-position: -345px 0;
	}
	.seduction .third {
		width: 558px;
		height: 30px;
		left: 130px;
		top: 79px;
		background-position: -741px 0;
	}

.logo { position: absolute; left: 407px; top: 115px; overflow: hidden; }
	.logo a {
		display: block;
		width: 126px;
		height: 68px;
		text-indent: -9999px;
		background: url("../images/logo.png") no-repeat;
	}

.usage {
	position: absolute;
	left: 240px;
	top: 213px;
	width: 460px;
	height: 204px;
	text-indent: -9999px;
	background: url("../images/usage.png");
	overflow: hidden;
}
	.usage li { position: relative; height: 30px; margin: 40px 0 0 102px; }
		.usage span {
			display: block;
			width: 263px;
			height: 21px;
			text-indent: -9999px;
			background: url("../images/usage-text.png");
			overflow: hidden;
		}
		.usage ins {
			position: absolute;
			left: -62px;
			top: -18px;
			width: 64px;
			height: 62px;
			background: url("../images/usage-icons.png");
			overflow: hidden;
		}
		.usage .second { margin-top: 31px; }
			.usage .second span { width: 308px; height: 20px; background-position: -263px 0; }
			.usage .second ins {
				left: -61px;
				top: -21px;
				width: 59px;
				height: 60px;
				background-position: -114px 0;
			}
		.usage .third { margin-top: 25px; }
			.usage .third span { width: 307px; background-position: -571px 0; }
			.usage .third ins {
				left: -54px;
				top: -21px;
				width: 50px;
				height: 64px;
				background-position: -64px 0;
			}



/* Content
----------------------------------- */
.nav {
	position: relative;
	height: 48px;
	margin: -9px -2px;
	padding: 0 10px;
	overflow: hidden;
}
	.nav .inner { height: 48px; background: url("../images/bg.png"); }
		.nav .inner div { position: relative; left: 50%; float: left; }
			.nav ul {
				position: relative;
				left: -50%;
				float: left;
				background: url("../images/bg.png") 100% -48px no-repeat;
				padding-right: 8px;
			}
				.nav li {
					float: left;
					height: 48px;
					font-size: 18px;
					line-height: 48px;
					background: url("../images/bg.png") 0 -48px no-repeat;
					padding: 0 28px;
					white-space: nowrap;
				}
					.nav a { color: #fff; }
						.nav .selected a { color: #fffcb8; }
	.nav .left, .nav .right {
		position: absolute;
		top: 0;
		width: 10px;
		height: 48px;
		background: url("../images/bg.png") 0 -96px;
		overflow: hidden;
	}
		.nav .left { left: 0; }
		.nav .right { right: 0; background-position: 0 -144px; }

.rounded { width: 332px; overflow: hidden; }
	.rounded .top, .rounded .bottom { height: 11px; background: url("../images/corners.png"); overflow: hidden; }
		.rounded .bottom { background-position: -332px 0; }
	.rounded .inner {
		position: relative;
		width: 330px;
		min-height: 910px;
		background: #6b0f41 url("../images/rounded.jpg") 0 100% no-repeat;
		margin-left: 1px;
	}
	.rounded .left, .rounded .right {
		position: absolute;
		top: 0;
		bottom: 0;
		width: 1px;
		background: url("../images/shadow.png");
	}
		.rounded .left { left: -1px; }
		.rounded .right { right: -1px; }

.features { width: 542px; margin-left: -1px; }
	.features .top { background-position: -664px 0; }
	.features .bottom { background-position: -1206px 0; }
	.features .inner {
		width: 540px;
		height: 200px;
		min-height: 200px;
		background-image: url("../images/features.jpg");
		overflow: hidden;
	}
		.features h2 { color: #fffcb8; padding: 5px 0 10px 20px; }
			.features h2 ins {
				right: 20px;
				top: 0;
				width: 38px;
				height: 38px;
				background-position: 0 -70px;
			}
		.features ul {
			font-size: 14px;
			font-weight: 700;
			line-height: 20px;
			color: #fff;
			border-top: 1px solid #3c0b31;
			border-bottom: 1px solid #834175;
		}
			.features li {
				background: url("../images/icons.png") 23px -127px no-repeat;
				padding: 7px 20px 7px 44px;
				border-top: 1px solid #834175;
				border-bottom: 1px solid #3c0b31;
				overflow: hidden;
			}

.download { padding: 18px 0 8px; }
	.download a {
		position: relative;
		display: block;
		width: 326px;
		height: 43px;
		font: 700 20px/43px Tahoma, Arial, Helvetica, sans-serif;
		color: #651459;
		text-align: center;
		text-decoration: none;
		text-shadow: 1px 1px 0 #ccc;
		text-transform: uppercase;
		background: #f6b500;
		margin: 0 auto;
		overflow: hidden;
	}
		.download ins {
			position: absolute;
			left: 0;
			top: 0;
			width: 326px;
			height: 43px;
			background: url("../images/download.png");
		}

.section { margin-bottom: 23px; padding-right: 15px; }

.extra { overflow: hidden; }
	.extra h2 { color: #da2f8b; margin-bottom: 0; padding: 13px 0 0 52px; }
		.extra h2 ins {
			left: 0;
			top: 7px;
			width: 38px;
			height: 36px;
			background-position: 0 -34px;
		}
	.extra .inner { margin-bottom: -11px; overflow: hidden; }
		.extra dl {
			margin: -1px 0 1px;
			padding: 10px 15px 12px 1px;
			border-top: 1px solid #8d3d60;
			border-bottom: 1px solid #440722;
			overflow: hidden;
		}
			.extra dt {
				float: left;
				width: 118px;
				height: 118px;
				margin: 4px 10px 0 0;
				border: 1px solid #a96d87;
				overflow: hidden;
			}
				.extra dt img { width: 118px; height: 118px; vertical-align: top; }
			.extra dd { float: right; width: 396px; overflow: hidden; }
				.extra p { margin: 0; }

.faq { margin: -11px 0 15px; border-top: 1px solid #2e041c; border-bottom: 1px solid #653856; }
	.faq li { padding: 7px 20px 3px 1px; border-top: 1px solid #653856; border-bottom: 1px solid #2e041c; }
		.faq li li { padding: 0; border: 0; }

.reviews h2 { padding: 2px 0 0 62px; }
	.reviews h2 ins {
		left: 11px;
		top: 0;
		width: 42px;
		height: 34px;
	}
.reviews dl { font-family: Arial, Helvetica, "Trebuchet MS", sans-serif; padding: 8px 20px 19px 11px; overflow: hidden; }
	.reviews dt {
		float: left;
		width: 84px;
		height: 84px;
		margin: 3px 10px 0 0;
		border: 1px solid #da2f8b;
		overflow: hidden;
	}
		.reviews dt img { width: 82px; height: 82px; border: 1px solid #fff; vertical-align: top; }
	.reviews dd { float: right; width: 203px; margin-bottom: -5px; overflow: hidden; }

.popup-shadow {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .35;
	-ms-filter: "alpha(opacity=35)";
	z-index: 40;
}

.popup-holder {
	position: absolute;
	left: 50%;
	top: 242px;
	width: 567px;
	background: #730c38 url("../images/bg-wide.png");
	margin-left: -284px;
	overflow: hidden;
	z-index: 50;
}

.popup { position: relative; min-height: 360px; }
	.popup .top, .popup .bottom {
		position: absolute;
		left: 0;
		width: 100%;
		height: 180px;
		background: url("../images/container.png");
		overflow: hidden;
	}
		.popup .top { top: 0; }
		.popup .bottom { bottom: 0; background-position: 0 -180px; }
		.popup .top ins, .popup .bottom ins { display: block; height: 180px; background: url("../images/bg.png") 0 -192px no-repeat; }
			.popup .top ins ins { background-position: 100% -372px; }
			.popup .bottom ins { background-position: 0 -552px; }
				.popup .bottom ins ins { background-position: 100% -732px; }
	.popup .inner { position: relative; color: #fff; padding: 25px 20px 30px; overflow: hidden; }
		.popup .inner, .popup select, .popup .access button, .popup .access input { font: 700 12px/16px Tahoma, Arial, Helvetica, sans-serif; }
			.popup select { width: 200px; color: #333; margin-left: 10px; }
			.popup .access button {
				width: 185px;
				height: 37px;
				line-height: 37px;
				color: #297029;
				background: none;
				border: 0;
			}
				.popup .access button ins { width: 185px; height: 37px; background: url("../images/download-small.png"); }
			.popup .access input {
				width: 155px;
				font-size: 14px;
				color: #aaa;
				margin-right: 5px;
				padding: 6px 10px;
				border-color: #b5b4ba;
			}
		.popup p { margin-bottom: 15px; }
			.popup span { color: #fffad3; }
		.popup a { color: #fff; }
		.popup .yellow { color: #fffb8b; font-size: 18px; line-height: 22px; }
		.popup .blue { color: #8be0ff; font-size: 18px; line-height: 22px; }
		.popup .small { font-size: 11px; font-weight: 400; line-height: 15px; color: #fff; }
		.popup strong { font-size: 14px; line-height: 18px; }
		.popup fieldset { padding: 5px 0 15px; }
		.popup .access { text-align: center; padding-top: 15px; }
	.popup .logo-small { font-size: 18px; line-height: 24px; text-align: center; padding-bottom: 25px; }
		.popup .logo-small a { text-decoration: none; }
			.popup .logo-small a:hover { text-decoration: underline; }
	.popup .close {
		position: absolute;
		right: 11px;
		top: 11px;
		width: 18px;
		height: 18px;
		background: #d5d5d5 url("../images/icons.png") 0 -108px;
		overflow: hidden;
	}
		.popup .close a { display: block; width: 18px; height: 18px; text-indent: -9999px; }



/* Footer
----------------------------------- */
.footer {
	height: 40px;
	font-weight: 700;
	color: #fff;
	text-align: center;
	background: #011f40 url("../images/footer.jpg");
	padding-top: 33px;
	overflow: hidden;
}
	.footer span { color: #da2f8b; }
	.footer strong { color: #fffcb8; }



/* Hacks
----------------------------------- */
@-moz-document url-prefix() {
.popup .access button ins { left: -3px; top: -13px; }
}