/* 
grid.css

Copyright 2010 Lifespaces, Inc., all rights reserved. 

Any copying or redistribution of any part of this document  
is strictly prohibited by law unless explicitly 
permitted by Lifespaces, Inc. 
*/

body {
overflow-x: hidden;
}

#grid {
position:relative;
left:0;
top:0;
clear:both;
background-color: white;
float:left;
width: 540px;
height: 315px;
padding:0;
margin:0;
margin-bottom: 30px;
z-index:1;
font-size: 0; 
}

#flayer {
position:absolute;
top:0;
left:0;
width: 540px;
height:315px;
clear:both;
display: inline;
float:left;
z-index: 5;
}

#side {
position:relative;
left:-2px;
top:0;
float:right;
background-color: white;
width: 248px;
height: 315px;
padding:0;
margin:0;
margin-bottom: 30px;
font-size: 0;
}

#side_square {
	position: absolute;
	top:210px;
	left:0;
	width: 108px;
	height: 105px;
	clear:both;
	float:left;
	opacity: 0.5;
	filter:alpha(opacity=50);
	visibility: hidden;
}

#side a img {
margin: 0;
padding: 0;
border: none;
}

#grid a  img {
clear:both;
width: 108px;
height: 105px;
background-color: white;
border:none;
padding:0;
margin:0;
z-index:3;
font-size: 0;
display:inline;
}

#grid #ixiiiii, #grid #iiixiiiii, #grid #iixiiiii {
line-break: 1px;
}

#over {
position:absolute;
left:0;
top:0;
clear:both;
float:left;
width: 800px;
height: 315px;
padding:0;
margin:0;
margin-bottom: 30px;
z-index:5;
font-size: 0; 
background-color:white;
visibility: hidden;
}

#ixi, #ixiii, #ixiiiii, #iixii, #iixiiii, #iiixi, #iiixiii, #iiixiiiii {
	background-color: green;
}

#ixii, #ixiiii, #iixi, #iixiii, #iixiiiii, #iiixii, #iiixiiii {
	background-color: #F5F5DC;
}

#lay {
	position:absolute;
	top: 0;
	left:0;
	background-position-y: -7px;
	width: 790px;
	height:320px;
	z-index: 20;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

#hi,#hii {
position: absolute;
clear: both;
top:100px;
left:auto;
margin:0;
padding:0;
width: 550px;
height:1px;
background-color:black;
z-index:10;
float: right;
border: none;
}

#vi,#vii, #viii, #viiii, #viiiii, #viiiiii {
position:absolute;
clear:both;
top:0;
margin:0;
padding:0;
width:1px;
height: 315px;
background-color:black;
float:left;
z-index:10;
display: inline;
border: none;
}

#s_i, #s_ii, #s_iii, #s_iiii, #s_iiiii {
	width:108px;
	height:105px;
	opacity: 0.5;
	filter:alpha(opacity=50);
	z-index: 5;
}

#debugtext {
	color:white;
}

/*
#s_i:hover, #s_ii:hover, #s_iii:hover, #s_iiii:hover, #s_iiiii:hover {
	width:108px;
	height:105px;
	opacity: 0.5;
	filter:alpha(opacity=50);
	z-index: -1;
}
*/