/*------------------------------------------------------------------
[Intro]	- 	default.aspx

Project:	Netrostar Inc. - BTAVE.com
Version:	1.0
Date created:	2008-05-26
Last change:	2008-05-26
Author:	Tomasz Zeludziewicz
-------------------------------------------------------------------*/
@import "reset.css";
@import "helpers.css";

/*------------------------------------------------------------------
[Table of contents]

1. 	intro-gb
	1.1	wrapper
		1.1.1	logo
		1.1.2	content
-------------------------------------------------------------------*/

body { /*background: #fff url(../Images/bg.jpg) repeat-x;*/ background-color:#CBE0F1; }
table, td, th { border-collapse: collapse; }
div { text-align: center; }
a { cursor: pointer; }
/*------------------------------------------------------------------
[1][intro-bg]
-------------------------------------------------------------------*/
#intro-bg {/* background: transparent url(../Images/bg_intro.jpg) no-repeat top center;*/ width: 100%; height: 700px; text-align: center; }
	
	/*------------------------------------------------------------------
	[1.1][wrapper]
	-------------------------------------------------------------------*/
	#wrapper { margin: auto; width: 1020px; height: 700px; position: relative; }
		
		
		#top-line {height:18px; float:left; width: 1020px;  background: transparent url(../Images/dv_index.jpg) no-repeat top center; margin-top:50px;}
		#bottom-line {height:18px; float:left; width: 1020px;  background: transparent url(../Images/dv_index.jpg) no-repeat top center; margin-bottom: 40px; margin-top:5px;}
		
		.images {float:left; width: 1020px; }
		.bt-logo {float:left; width: 280px; }
		.main-img {float:left; width:520px; height:398px; border:solid 3px white;}
		.uv-logo {float:left; width:200px; margin-top:-10px;}
		.text {float:left;width: 1020px; }
		.google {float:left; width: 1020px; margin-top:20px;}
		
		/*------------------------------------------------------------------
		[1.1.1][logo]
		-------------------------------------------------------------------*/
		#logo { position: absolute; z-index: 1; top: 15px; left: 20px; width: 170px; height: 80px; }
		#uvvodka { height: 80px; position: absolute; right: 50px; top: 10px; width: 80px; z-index: 100; }
		
		/*------------------------------------------------------------------
		[1.1.2][content]
		-------------------------------------------------------------------*/
		#content { width: 500px; height: 100px; position: absolute; z-index: 2; top: 600px; left: 220px; }
			#content .txt-enter-your-age { background: transparent url(../Images/txt/enter-your-age.gif) no-repeat; float: left; height: 20px; width: 120px; margin: 14px 10px 0px 0px; }
			#content .lnk-confirm { background: transparent url(../Images/txt/confirm.gif) no-repeat; float: left; height: 17px; width: 72px; margin: 14px 10px 0px 10px; }
			#content .input-mm { float: left; background: transparent url(../Images/input_dd_bg.jpg) no-repeat; width: 48px; height: 48px; }
				#content .input-mm input { width: 40px; height: 40px; background: transparent; border: 0px; padding-left: 7px !important; }
			#content .input-year { float: left; background: transparent url(../Images/input_yy_bg.jpg) no-repeat; width: 80px; height: 48px; }
				#content .input-year input { width: 70px; height: 40px; background: transparent; border: 0px; }
			.input-year input, .input-mm input { font-size: 20px; font-weight: bold; color: #475068; padding: 11px 0px 0px 15px; }
			#content .dots { float: left; background: transparent url(../Images/3_dots.jpg) no-repeat; width: 1px; height: 5px; margin: 20px 5px 0px 5px; }
	
/* hide span */	
.hs span { display: none; }