html, body{
	
}
#container{
	position: relative;
	width: 842px;
	margin: 30px auto;
	text-align: center;
}

#sitemast{
	
	background-image: url(../images/natalie-danghestani.jpg);
	background-repeat: no-repeat;
	text-indent: -99999px;
	width: 246px;
	height: 37px;	
	margin: 0px 0px 20px -1px;
	
}
#main{
	text-align: left;
}
a{
	color: #000000;
}


#column{
	position: relative;
	width: 250px;
	display: inline;
	float: left;
	z-index: 100;
}
#info{
	position: relative;
	width: 466px;	
	float: left;
	text-align: left;
	font-size: 142%;
	font-weight: normal;
	color: #646464;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
	.sitescope #info{
		margin: 212px 0px 0px 60px;
		margin: 276px 0px 0px 35px;
		background-image: url(../images/info/sitescope.jpg);
		width: 472px;
		height: 142px;			
	}
	.hylo #info{
		margin: 300px 0px 0px -10px;
		background-image: url(../images/info/hylo.jpg);
		width: 505px;
		height: 116px;	
	}
	.lavabo #info{
		margin: 276px 0px 0px 35px;
		background-image: url(../images/info/lavabo.jpg);
		width: 497px;
		height: 67px;	
	}
	.layla #info{
		margin: 276px 0px 0px 35px;
		background-image: url(../images/info/layla.jpg);
		width: 439px;
		height: 115px;	
	}	
	.rybb #info{
		margin: 276px 0px 0px 35px;
		background-image: url(../images/info/rybb.jpg);
		width: 479px;
		height: 115px;	
	}	




#extra{
	background-repeat: no-repeat;
	z-index: -10;
}
	.hylo #extra{
		position: absolute;
		top: 274px;
		right: 16px;
		background-image: url(../images/extra/hylo.jpg);
		width: 159px;
		height: 357px;			
	}
	.sitescope #extra{
		position: absolute;
		top: 594px;
		right: 0px;
		background-image: url(../images/extra/sitescope.jpg);
		width: 287px;
		height: 230px;			
	}	

#footer{
	clear: both;
	color: #646464;
	text-align: left;
	padding: 40px 0px 0px 0px;
}
	#footer a{
		color: #646464;
	}
	
#nav {display:block; width:240px; height:160px;}
	#nav ul {margin:0; padding:0; list-style-type:none;}
	#nav li {float:left; list-style-type:none;}
	#nav a {display:block; width:80px; height:0; padding-top:80px; color:#000; overflow:hidden;}

	/* hack for older versions of IE with incorrect box model */
	* html #nav a:link, * html #nav a:visited {height:80px; he\ight:0;}

	#nav li.hylo a {background:transparent url(../images/nav/hylo.jpg) -0px -0px no-repeat;}
	#nav li.sitescope a {background:transparent url(../images/nav/sitescope.jpg) -0px -0px no-repeat;}
	#nav li.layla a {background:transparent url(../images/nav/layla.jpg) -0px -0px no-repeat;}
	#nav li.rybb a {background:transparent url(../images/nav/rybb.jpg) -0px -0px no-repeat;}
	#nav li.lavabo a {background:transparent url(../images/nav/lavabo.jpg) -0px -0px no-repeat;}
	#nav li.comingsoon a {background:transparent url(../images/nav/comingsoon.jpg) -0px -0px no-repeat;}

	* html #nav a:hover {height:80px; he\ight:0;}


	#nav li.active a, #nav li.comingsoon a{
		cursor: default;
	}

	
#images {
	clear: both;
	margin: 0px 0px 0px 285px;
	display:block;
}
	#images p{
		clear: both;
		color: #969696;
		padding: 5px 0px 0px 0px;
	}
	.hylo #images{
		width: 390px;
		margin: 0px 0px 0px 240px;
		padding: 25px 0px 0px 0px;
	}
	.sitescope #images{
		margin: 0px 0px 0px 285px;
		padding: 20px 0px 0px 0px;
	}
	.layla #images{		
		padding: 20px 0px 0px 0px;
	}
	.lavabo #images{		
		padding: 20px 0px 0px 0px;
	}	
	#images ul {margin:0; padding:0; list-style-type:none;}
	#images li {float:left; list-style-type:none; margin: 0px 10px 10px 0px; border: 1px solid #cdcdcd;}
	#images img {display:block; width:80px; height:80px; color:#000; overflow:hidden;}

	/* hack for older versions of IE with incorrect box model */
	* html #images a:link, * html #nav a:visited {height:80px; he\ight:0;}

	* html #images a:hover {height:80px; he\ight:0;}





h2{
	background-repeat: no-repeat;
	text-indent: -99999px;	
}
	.hylo h2{
		margin: 10px 0px 0px 90px;
		background-image: url(../images/logos/hylo.jpg);
		width: 223px;
		height: 120px;	
	}
	.sitescope h2{
		margin: 10px 0px 0px 35px;
		background-image: url(../images/logos/sitescope.jpg);
		width: 206px;
		height: 109px;	
	}
	.rybb h2{
		margin: 28px 0px 0px 98px;
		background-image: url(../images/logos/rybb.jpg);
		width: 144px;
		height: 75px;	
	}	
	.layla h2{
		margin: 25px 0px 0px 50px;
		background-image: url(../images/logos/layla.jpg);
		width: 190px;
		height: 99px;	
	}	
	.lavabo h2{
		margin: 30px 0px 0px 55px;
		background-image: url(../images/logos/lavabo.jpg);
		width: 186px;
		height: 61px;	
	}