@charset "iso-8859-1";
/* CSS Document */
html,body{
width:100%;
height:100%;
}
body{
text-align:left;
background-color:#656565;
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;
}
ul {
list-style:none;
}
a, a:hover{
color:inherit;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}

div#container{
width:780px;
}

div#header{
background:url(images/header.jpg) top left no-repeat;
width:780px;
height:99px;
position:relative;
}
	/* one link marking correct coordinates */
	a#link1{
	text-decoration:none;
	display:block;
	position:absolute;
	width:149px;
	height:57px;
	top:21px;
	left:20px;
	}

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

/* the top block */
div#top_block{
background:#d1e6ff url(images/top_block_bg.gif) top left no-repeat;
width:770px;
height:379px;
margin-top:5px;
margin-bottom:5px;
position:relative;
border:5px solid #fff;
top:0px;
left:0px;
font-size:1em;
}
	#top_block_title {
	position:absolute;
	background:url(images/top_block_title.gif) top left no-repeat;
	width:745px;
	height:26px;
	top:5px;
	left:17px;
	}
		#top_block_title a {
		position:absolute;
		text-decoration:none;
		display:block;
		position:absolute;
		width:74px;
		height:26px;
		top:0px;
		right:0px;
		}
	#block_click_here {
	position:absolute;
	background:url(images/block_click_here.gif) top left no-repeat;
	width:526px;
	height:53px;
	top:322px;
	left:9px;
	}
		#block_click_here a, #block_click_here2 a {
		position:absolute;
		text-decoration:none;
		display:block;
		position:absolute;
		width:347px;
		height:30px;
		top:9px;
		left:91px;
		}
	 
	#top_text_block {
	height:334px;
	width:233px;
	position:relative;
	top:45px;
	left:530px;
	}
		#top_text_block .text {
		width:213px;
		height:198px;
		position:absolute;
		background:url(images/top_text_bg.gif) no-repeat;
		padding-top:15px;
		padding-left:20px;
		}
		#top_text_block .text h2, #bottom_text_block .text h2 {
		margin:0px;
		color:#ff3300;
		font-size:18px;
		margin-bottom:5px;
		}
		#top_text_block .text p, #bottom_text_block .text p {
		margin:0px;
		color:#000;
		font-size:12px;
		margin-bottom:10px;
		}
		#top_text_block .girl {
		position:absolute;
		bottom:0;
		right:0px;
		width:151px;
		height:277px;
		background:url(images/girl.gif) no-repeat;
		}
		
	
/* The bottom block */
div#bottom_block{
background:#d1e6ff url(images/top_block_bg.gif) top left no-repeat;
width:770px;
height:379px;
margin-bottom:5px;
position:relative;
border:5px solid #fff;
top:0px;
left:0px;
font-size:1em;
}
	#bottom_block_title {
	position:absolute;
	background:url(images/bottom_block_title.gif) top left no-repeat;
	width:750px;
	height:26px;
	top:5px;
	left:17px;
	}
		#bottom_block_title a {
		position:absolute;
		text-decoration:none;
		display:block;
		position:absolute;
		width:314px;
		height:26px;
		top:0px;
		right:0px;
		}
	
	#block_click_here2 {
	position:absolute;
	background:url(images/block_click_here2.gif) top left no-repeat;
	width:523px;
	height:53px;
	bottom:0px;
	left:239px;
	}

	#bottom_text_block {
	height:329px;
	width:237px;
	position:relative;
	top:41px;
	left:10px;
	padding-top:9px;
	}
		#bottom_text_block .text {
		width:222px;
		height:203px;
		position:absolute;
		background:url(images/bottom_text_bg.gif) no-repeat;
		padding-top:10px;
		padding-left:15px;
		}
		
		#bottom_text_block .girl2 {
		position:absolute;
		top:0;
		right:0px;
		width:165px;
		height:217px;
		background:url(images/girl2.gif) no-repeat;
		}

/* Picture cells */

#pics ul{
margin:0px 0px 0px 0px;
padding:0px;
}
#pics li{
display:inline;
margin:0px 5px;
}
#pics a{
}
#pics img{
width:121px;
height:95px;
background-position:4px 4px;
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:42px;
left:15px;
}
#pics ul.row_2{
z-index:1;
position:absolute;
width:300px;
top:137px;
left:15px;
}
#pics ul.row_3{
z-index:1;
position:absolute;
top:435px;
right:8px;
}
#pics ul.row_4{
z-index:1;
position:absolute;
width:272px;
top:530px;
right:0px;
}
#video ul.row_5 {
position:absolute;
top:130px;
right:243px;
}
#movie1 {
position:absolute;
top:130px;
right:236px;
z-index:2;
}
#movie2 {
position:absolute;
top:522px;
left:204px;
z-index:2;
}
/* Footer */
#footer{
background:url(images/footer.jpg) top left no-repeat;
width:765px;
height:54px;
position:relative;
text-align:right;
padding-top:43px;
font-family:verdana;
font-size:9px;
color:#fff;
padding-right:15px;
}

#footer a#link2{
	text-decoration:none;
	display:block;
	position:absolute;
	width:146px;
	height:36px;
	top:30px;
	left:16px;
}
	/*Opera Hack*/
@media all and (min-width: 0px) {
#video ul.row_5 {
}