@charset "iso-8859-1";
/* CSS Document */
html,body{
width:100%;
height:100%;
}
body{
text-align:left;
background-image:url(images/body_bg.gif);
font-size: 62.5%; /* Resets 1em to 10px */
font-family: Tahoma, Arial, Sans-Serif;
color:#fff;
}
html, body, p, h1, div, form, input, img, table, tr, td {
margin:0;
padding:0;
border:none;
}
a, a:hover{
color:inherit;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
ul {
list-style:none;
}

div#container{
margin-left:auto;
margin-left:auto;
margin-right:auto;
width:751px;
}

div#header{
background:url(images/header.jpg) top left no-repeat;
width:751px;
height:160px;
position:relative;
}
	/* one link marking correct coordinates */
	a#link1{
	text-decoration:none;
	display:block;
	position:absolute;
	width:207px;
	height:70px;
	top:26px;
	left:20px;
	}
	  a#link1_0{
	text-decoration:none;
	display:block;
	position:absolute;
	width:202px;
	height:67px;
	top:26px;
	left:26px;
       
	} 
		a#link1_1{
	text-decoration:none;
	display:block;
	position:absolute;
	width:106px;
	height:37px;
	top:120px;
	left:30px;
	}
		a#link1_2{
	text-decoration:none;
	display:block;
	position:absolute;
	width:250px;
	height:32px;
	top:120px;
	left:485px;
	}

/* Contains everything between header and footer */
div#middle{
position:relative;
}

/* the top block */
div.top_block{
background:url(images/top_block.jpg) top left no-repeat;
width:750px;
height:346px;
margin-top:10px;
margin-bottom:25px;
position:relative;
top:0px;
left:0px;
font-size:1em;
}
	#top_block_title {
	position:absolute;
	background:url(images/top_block_title.gif) top left no-repeat;
	width:521px;
	height:34px;
	top:10px;
	left:10px;
	}
	#block_click_here {
	position:absolute;
	background:url(images/block_click_here.gif) top left no-repeat;
	width:751px;
	height:47px;
	top:357px;
	left:0px;
	}
		#block_click_here a {
		position:absolute;
		text-decoration:none;
		display:block;
		position:absolute;
		width:347px;
		height:30px;
		top:9px;
		left:200px;
		}
	 
	#top_text_block {
	height:334px;
	width:233px;
	position:relative;
	top:20px;
	left:544px;
	}
		#top_text_block .text {
		width:213px;
		height:198px;
		position:absolute;
		background:url(images/top_text_bg.gif) no-repeat;
		padding-top:0px;
		padding-left:0px;
		}
		#top_text_block .text h2, #bottom_text_block .text h2 {
		margin:0px;
		color:#fff;
		font-size:18px;
		margin-bottom:5px;
		}
		#top_text_block .text p, #bottom_text_block .text p {
		margin:0px;
		color:#fff;
		font-size:11px;
		margin-bottom:5px;
		}
		#top_text_block .girl {
		position:absolute;
		bottom:12px;
		right:45px;
		width:187px;
		height:227px;
		background:url(images/girl.gif) no-repeat;
		}
		
	
/* The bottom block */
div.bottom_block{
background:url(images/bottom_block.jpg) top left no-repeat;
width:750px;
height:346px;
margin-bottom:10px;
position:relative;
top:43px;
left:0px;
font-size:1em;
}
	#bottom_block_title {
	position:absolute;
	background:url(images/bottom_block_title.gif) top left no-repeat;
	width:521px;
	height:34px;
	top:10px;
    left:221px;
	}
    #bottom_text_block {
	height:329px;
	width:237px;
	position:relative;
	top:8px;
	left:15px;
	}
		#bottom_text_block .text {
		width:222px;
		height:203px;
		position:absolute;
		background:url(images/bottom_text_bg.gif) no-repeat;
		padding-top:10px;
		padding-left:10px;
		}
		
		#bottom_text_block .girl2 {
		position:absolute;
		bottom:6px;
		right:33px;
		width:184px;
		height:228px;
		background:url(images/girl2.gif) no-repeat;
		}

/* Picture cells */

#pics ul{
margin:0px 1px 0px 0px;
padding:0px;
}
#pics li{
display:inline;
margin:0px 4px 4px 0px;
}

#pics img{
width:127px;
height:90px;
background-position:1px 1px;
background-repeat:no-repeat;
}

/* Video layer is absolutely positioned and pics ULs free up space for it in the middle */
#video{
position:absolute;
top:0px;
right:0px;
z-index:2;
}
	#video img{
	width:254px;
	height:183px;
	background-position:3px 3px;
	background-repeat:no-repeat;
	}
	#video ul{
	position:absolute;
	right:0px;
	list-style-type:none;
	}
/*  Now moving pics down - 
	to free up space for video div     */
#pics ul.row_1{
z-index:1;
position:absolute;
top:50px;
left:11px;
}
#pics ul.row_2{
z-index:1;
position:absolute;
width:300px;
top:142px;
left:11px;
}
#pics ul.row_2 img{
margin-top:5px;
}
#pics ul.row_3{
z-index:1;
position:absolute;
top:464px;
right:9px;
}
#pics ul.row_4{
z-index:1;
position:absolute;
width:272px;
top:557px;
right:-4px;
}
#pics ul.row_4 img{
margin-top:5px;
}
#video ul.row_5 {
position:absolute;
top:135px;
right:237px;
} 
.movie1 img, .movie2 img {
background-position:1px 1px;
}
.movie1 img, .movie2 img {
background-repeat:no-repeat;
}		   				   
.movie1 {
position:absolute;
top:137px;
right:223px;
z-index:2;
}
.movie2 {
position:absolute;
top:552px;
right:276px;
z-index:2;
}
/* Footer */
.footer{
background:url(images/footer.jpg) top left no-repeat;
width:751px;
height:160px;
position:relative;
top:43px;
}
.footer a#link2{
	text-decoration:none;
	display:block;
	position:absolute;
	width:146px;
	height:36px;
	top:14px;
	left:16px;
}			  
.footer a#link2_0{
	text-decoration:none;
	display:block;
	position:absolute;
	width:152px;
	height:36px;
	top:14px;
	left:20px;
        
}
.footer a#link2_1{
	text-decoration:none;
	display:block;
	position:absolute;
	width:102px;
	height:30px;
	top:53px;
	left:430px;
}
.footer a#link2_2{
	text-decoration:none;
	display:block;
	position:absolute;
	width:212px;
	height:40px;
	top:115px;
	left:505px;
}
#bottom_block_title, #top_block_title {font-family:Tahoma;font-size:11px;color:#000;font-weight:bold;text-align:center;padding-top:7px;}
#bottom_block_title .red, #top_block_title .red {color:#dc1800;font-weight:bold;}
#bottom_block_title .red:hover, #top_block_title .red:hover {color:#61bff2;text-decoration:none;}
#bottom_block_title span.red:hover, #top_block_title span.red:hover {color:#dc1800;}
#click_here
{
  position:absolute;
 top:130px;
right:30px;
}
.footer p{
font-family:verdana;
font-size:8px;
color:#222222;
position:relative;
top:138px;
left:25px;
}

	/*Opera Hack*/
@media all and (min-width: 0px) {
#video ul.row_5 {
top:0px;
margin-top:-10px;
} 
.movie1 {
position:absolute;
top:140px;
right:223px;
z-index:2;
}
.movie2 {
position:absolute;
top:555px;
right:276px;
z-index:2;
}
#pics ul.row_1{
z-index:1;
position:absolute;
top:60px;
left:11px;
}
#pics ul.row_2{
z-index:1;
position:absolute;
width:300px;
top:152px;
left:11px;
}
#pics ul.row_3{
z-index:1;
position:absolute;
top:474px;
right:9px;
}
#pics ul.row_4{
z-index:1;
position:absolute;
width:272px;
top:567px;
right:-4px;
}
}