body {
	font-family: Tahoma, Geneva, Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #fff;
	margin:0;
	padding:0;
	background:#1d1e20 url(../i/bg.gif) repeat-x;
}

.center {
	text-align:center;
}

.left {
	text-align:left;
}

.right {
	text-align:right;
}

a img {
	border:none;
}

div.top {
	height:183px;
}

	div.top ul {
		clear:right;
		display:inline-block;
		float:left;
		height:48px;
		list-style-type:none;
		margin:42px 0 0 30px;
		padding:0;
		width:auto !important;
		width:380px;
		min-width:380px;		
	}

	div.top ul li {
		float:left;
		margin:0;
		padding:0;
	}
	
	div.top ul li a {
		background:url(../i/menu_separator.png) top right no-repeat;
		color:#fff;
		font-weight:bold;
		display:block;
		line-height:48px;
		outline:none;	
		text-decoration:none;
		padding:0 12px;
	}

	div.top ul li a.last {
		background:none;
	}

	div.top ul li a:hover {
		background:url(../i/bg_menu_hover.gif) top left repeat-x;
		color:#F4B414;
	}
	
	div.top h2 {
		clear:right;
		display:inline-block;
	}


a.logo {
	background:url(../i/logo.png) top left no-repeat;
	display:inline-block;
	outline:none;	
	float:left;
	width:215px;
	height:172px;
	text-indent:-9999px;
	margin-left:40px;
}

div.site {
	width:1003px;
	margin:0 auto;
}

	div.site h2 {
		margin:26px 0 0 26px;
		padding:0;
		float:left;
	}

div.mid {
	background:url(../i/main_bg_lng.png) bottom right no-repeat;
	width:1003px;
	height:536px;
	height:auto !important;
	min-height:536px;
	padding-bottom:34px;
}

div.sidebar {
	display:inline-block;
	width:262px;	
	float:left;
}

	div.side1 {
		background:url(../i/sidebar_z1.png) 10px top no-repeat;
		width:100%;
		height:65px;
		margin-top:12px;
	}
	
		div.side1 a img {
			padding:15px 0 0 48px;
		}

	div.side2 {
		background:url(../i/sidebar_z2.png) 10px top no-repeat;
		width:100%;
/*		height:265px;*/
		margin-top:12px;
/*		padding:60px 16px 4px 32px;*/
		padding:60px 16px 4px 0;
	}

		div.side2 h2 {
			display:none;
		}

		div.side2 h3 {
			margin:0;
			padding:0;
			padding-left:32px;
			font-weight:bold;
			font-size:14px;
		}
		
		div.side2 ul.info {
			list-style:none;
			list-style-type:none;
			margin:0 0 1em 32px;
			padding:0;
		}

			div.side2 ul.info li {
				background:url(../i/li_sidebar.png) left center no-repeat;
				padding-left:1.2em;
			}
			
		div.side2 div.btn_promo {
			margin-left:18px;
			background:url(../i/bg_btns_pro.png) top center no-repeat;
		}
		
		div.side2 div.btn_promo ul {
			list-style:none;
			list-style-type:none;
			margin:0;
			padding:0;
		}

		div.side2 div.btn_promo ul li {
			margin:0;
			padding:0;
			float:left;
		}
		
		div.side2 div.btn_promo ul li a {
			display:inline-block;
			width:120px;
			height:127px;
			float:left;
			background:url(../i/btn_pro.png) top left no-repeat;
			text-indent:-9999px;
			outline:none;
		}

		div.side2 div.btn_promo ul li a.b1 {
			background-position:0 0;
		}

		div.side2 div.btn_promo ul li a.b2 {
			background-position:-123px 0;
		}

		div.side2 div.btn_promo ul li a.b1:hover, div.side2 div.btn_promo ul li a.b1.hover {
			background-position:0 -127px;
		}

		div.side2 div.btn_promo ul li a.b2:hover, div.side2 div.btn_promo ul li a.b2.hover {
			background-position:-123px -127px;
		}


	div.side2_btm {
		background:url(../i/sidebar_z2_btm.png) 10px top no-repeat;
		width:100%;
		height:15px;
		margin-top:0;
		padding:0 16px 0 32px;
	}
	
	div.add_baner {
		display:block;
		text-align:center;
		padding-left:30px;
		margin-top:4px;
	}

div.content {
	display:inline-block;
	font-size:90%;
	width:410px;
	float:left;
	padding:16px 4px 16px 32px;
}

	div.content a {
		color:#F4B414;
		text-decoration:none;
	}

	div.content a:hover {
		text-decoration:underline;
	}

	div.content p {
		margin:0 0 1em 0;
	}

		div.content p.accent {
			border:1px dotted #f4b414;
			background-color:#44433d;
			display:block;
			font-weight:normal;
			font-size:1.15em;
			letter-spacing:.075em;
			padding:.4em;
			-webkit-border-radius: 6px; /* Safari, Chrome */
			-khtml-border-radius: 6px;    /* Konqueror */
			-moz-border-radius: 6px; /* Firefox */
			border-radius: 6px;
		}

		.small {
			font-size:11px !important;
		}
	
	div.content ul {
		list-style:none;
		margin:0 0 1em 0;
		padding:0;
	}

		div.content ul li {
			background:url(../i/li_main.png) left top no-repeat;
			padding-left:2em;
			margin-bottom:.7em;
		}
		
	div.content div.pay {
		background-color:#222;
		border:2px solid #F4B414;
		margin:2em;
		padding:1em;
		text-align:center;
		
		-webkit-border-radius: 8px; /* Safari, Chrome */
		-khtml-border-radius: 8px;    /* Konqueror */
		-moz-border-radius: 8px; /* Firefox */
		border-radius: 8px;
	}

		div.content div.pay form {
			margin:.5em 0;
		}

		div.content div.pay h2 {
			background:url(../i/money_safe.png) left center no-repeat;
			color:#F4B414;
			clear:both;
			display:block;
			float:none;
			font-weight:bold;
			font-size:18px;
			line-height:24px;
			margin:0 0 .8em 0;
			padding-left:28px;
			text-align:left;
		}
		
	div.content div.receive {
		background-color:#222;
		border:2px solid #F4B414;
		margin:2em;
		padding:1em;
		text-align:center;
		
		-webkit-border-radius: 8px; /* Safari, Chrome */
		-khtml-border-radius: 8px;    /* Konqueror */
		-moz-border-radius: 8px; /* Firefox */
		border-radius: 8px;
	}

		div.content div.receive h2 {
			background:url(../i/key.png) left center no-repeat;
			color:#F4B414;
			clear:both;
			display:block;
			float:none;
			font-weight:bold;
			font-size:22px;
			line-height:24px;
			margin:0;
			padding-left:36px;
			text-align:left;
			letter-spacing:.2em;
		
		}

		div.content div.receive h2 span {
			color:#777;
			font-weight:normal;
			letter-spacing:.1em;
		}
		
/* ------------------------------------ */

div.paytable {
	display:block;
	background:url(../i/bg_paytable.png) top left no-repeat;
	width:243px;
	height:177px;
	margin-left:18px;
	margin-top:12px;
	padding:10px 0 0 12px;
}

div.paytable table {
	border-collapse:collapse;
	font-size:13px;
	width:218px;
}

	div.paytable table tr {
		border-bottom:1px solid #4d8abf;
	}

	div.paytable table tr.last {
		border-bottom:none;
	}

	div.paytable table tr th {
		color:#eee;
		text-shadow: #444 1px 1px 8px;
		font-weight:normal;
		padding:4px 0;
	}

	div.paytable table tr td {
		color:#f0f0f0;
		font-weight:bold;
		text-align:center;
		text-shadow: #444 1px 1px 8px;
		padding:4px 0;
		vertical-align:middle;
	}

	div.paytable table tr td.price {
		color:#F4B414;
		font-weight:bold;
		text-shadow: #444 0 0 4px;
		width:70px;
	}
	
p.payinfo {
	color:#ddd;
	font-size:12px;
	margin:10px 4px 1em 24px;
}

p.payinfo a {
	color:#F4B414;
	text-decoration:none;
}

p.payinfo a:hover {
	background-color:#F4B414;
	color:#000;	
}


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

	div.content div.pay_sms {
		background-color:#222;
		border:2px solid #F4B414;
		margin:2em;
		padding:1em;
		text-align:center;
		
		-webkit-border-radius: 8px; /* Safari, Chrome */
		-khtml-border-radius: 8px;    /* Konqueror */
		-moz-border-radius: 8px; /* Firefox */
		border-radius: 8px;
	}

		div.content div.pay_sms p {
			font-size:1.25em;
		}

		div.content div.pay_sms h2 {
			background:url(../i/sms.png) left center no-repeat;
			color:#F4B414;
			clear:both;
			display:block;
			float:none;
			font-weight:bold;
			font-size:18px;
			line-height:24px;
			margin:0;
			margin-bottom:.75em;
			padding-left:36px;
			text-align:left;
		}

		div.content div.pay_sms h2 span {
			color:#777;
			font-weight:normal;
			letter-spacing:.1em;
		}

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

p#vtip {
	background-color: white;
	border: 1px solid #a6c9e2;
	color:#222;
	display: none;
	position: absolute;
	padding: 10px;
	left: 15px;
	font-size: 0.8em;
	width:auto !important;
	width:350px;
	max-width:350px;
	-webkit-border-radius: 8px; /* Safari, Chrome */
	-khtml-border-radius: 8px;    /* Konqueror */
	-moz-border-radius: 8px; /* Firefox */
	border-radius: 8px;
	z-index: 9999;
}

p#vtip #vtipArrow {
	position: absolute;
	top: -10px;
	left: 15px;
}

/* ------------------------------------ */
	
	div.content div.error {
		background-color:#222;
		border:2px solid #f41414;
		margin:2em;
		padding:1em;
		text-align:center;
		
		-webkit-border-radius: 8px; /* Safari, Chrome */
		-khtml-border-radius: 8px;    /* Konqueror */
		-moz-border-radius: 8px; /* Firefox */
		border-radius: 8px;
	}

		div.content div.error h2 {
			background:url(../i/warning.png) left center no-repeat;
			color:#f41414;
			clear:both;
			display:block;
			float:none;
			font-weight:bold;
			font-size:18px;
			line-height:24px;
			margin:0;
			padding-left:36px;
			text-align:left;
		}


a.youtube {
	background:url(../i/btn_ytpromo.png) top left no-repeat;
	display:inline-block;
	float:right;
	margin:0;
	margin-left:1em;
	width:120px;
	height:80px;
	text-indent:-9999px;
	outline:none;
}

a.youtube:hover, a.youtube.hover {
	background:url(../i/btn_ytpromo.png) -120px top no-repeat;
}

/* form */

div.content form {
	margin:0;
	margin-bottom:1em;
	padding:0;
}

div.content label {
	color:#fff;
	display:inline-block;
	margin-right:1em;
	margin-top:0.15em;
	text-align:right;
	width:9em;
	vertical-align:top;
}

div.content input, div.content select {
	background-color:#44433D;
	border:1px solid #6C6A5C;
	color:#fff;
	font-family: Tahoma, Geneva, Verdana, Helvetica, Arial, sans-serif;
	padding:.2em;
	width:19em;
	
	-webkit-border-radius: 3px; /* Safari, Chrome */
	-khtml-border-radius: 3px;    /* Konqueror */
	-moz-border-radius: 3px; /* Firefox */
	border-radius: 3px;
}

div.content input.email {
	background:#44433D url(../i/bg_input_email.gif) left center no-repeat;
}

div.content input.valid_email {
	background:#44433D url(../i/tick.png) right center no-repeat;
}

div.content input.invalid_email {
	background:#44433D url(../i/cross.png) right center no-repeat;
}

div.content input[type="button"] {
	width:19.5em;
}

div.content select {
	width:19.5em;
}

	div.content select option {
		border-top:1px dotted #333;
		outline: 0 none;
	}


div.content input:focus, div.content textarea:focus, div.content select:focus {
	border-color:#F4B414;
	color:#fff;
	outline: 0 none;
}

div.content textarea {
	background-color:#44433D;
	border:1px solid #6C6A5C;
	color:#fff;
	font-family: Tahoma, Geneva, Verdana, Helvetica, Arial, sans-serif;
	font-size:100%;
	padding:.2em;
	width:20.15em;
	
	-webkit-border-radius: 3px; /* Safari, Chrome */
	-khtml-border-radius: 3px;    /* Konqueror */
	-moz-border-radius: 3px; /* Firefox */
	border-radius: 3px;

}

.err, .inf {
	background-color:#45433A;
	border-radius: 3px;
	margin:1em;
	padding:.5em;
	text-align:center;

	-webkit-border-radius: 3px; /* Safari, Chrome */
	-khtml-border-radius: 3px;    /* Konqueror */
	-moz-border-radius: 3px; /* Firefox */
}

.err {
	border:1px dotted #800;
	color:#ccc;
	font-weight:bold;
}

.inf {
	background-color:#45433A;
	border:1px dotted #5A584C;
}

/* /form */

div.iphone {
/*	background:url(../i/created_by.png) center bottom no-repeat;*/
	display:inline-block;
	width:260px;
	height:624px;
	float:left;
	margin-top:-150px;
	padding-left:10px;
}

	div.iphone div.created_by {
		font-size:11px;
		line-height:4em;
		position:relative;
		top:-110px;
		z-index:100;
	}

		div.iphone div.created_by p {
			margin:0;
			text-align:center;
		}
	
	div.iphone .main_screen {
		background:url(../i/iphone_blank.png) left top no-repeat;
		display:block;
		width:260px;
		height:624px;
	
	}

div.partners {
	padding:0 32px;
	font-size:12px;
	color:#999;
	line-height:40px;
	text-align:center;
}

div.partners a {
	margin:0 2px;
}

div.partners a img {
	vertical-align:middle;
}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clear { display: inline-block; }   
.clear:after, .container:after  {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }	

.slide-out-div {
	padding: 6px;
	width: 300px;
	min-height:390px;
	background-color: #44433D;
	border:1px solid #1d1e20;
	z-index:8000;
/*	background:#1d1e20;*/
}

	.slide-out-div a {
		text-decoration:none;
		font-weight:bold;
		color:#ccc;
	}

	.slide-out-div a:hover {
		text-decoration:underline;
	}