sizl.css

body {
	margin: 0; 	padding: 0;
	color: #000;
	background: #fff;	
	}

.preload {
position:absolute;
top:0px;
left:0px;
width:1px;
height:1px;
visibility:hidden;
overflow:hidden;
}

#logo {
	position: absolute;
	left: 116px;
	top: 8px;
	width: 288px;
	height: 135px;
	/* background: url(images/OtaSizzle.png) no-repeat ; */
	}

#SignUp {
	position: absolute;
	left: 140px;
	top: 103px;
	width: 168px;
	height: 182px;
	font: normal 70%/1.5em 'Trebuchet MS', Tahoma, sans-serif;
	color: #333;
	text-align: left;
	}

#background {
	position: absolute;
	left: 337px;
	top: 111px;
	width: 540px;
	height: 501px;
	background: url(images/bubbles.png) no-repeat;
	}

#News_title {
	position: absolute;
	left: 835px;
	top: 180px;
	width: 61px;
	height: 23px;
	background: url(images/News_title.png) no-repeat;
	}
	
#News {
	position: absolute;
	left: 836px;
	top: 197px;
	width: 254px;
	height: 178px;
	font: normal 70%/1.4em 'Trebuchet MS', Tahoma, sans-serif;
	text-align: left;
	}
	
#MySizl {
	position: absolute;
	left: 562px;
	top: 186px;
	width: 200px;
	height: 200px;
	background: url(images/MySizl.png) no-repeat;
	}

#MySizl:hover {
	position: absolute;
	left: 562px;
	top: 186px;
	width: 200px;
	height: 200px;
	background: url(images/MySizl_hover.png) no-repeat;
	}
	
	
	
	
#HUBI {
	position: absolute;
	left: 182px;
	top: 410px;
	width: 144px;
	height: 144px;
	background: url(images/HUBI.png) no-repeat;
	}

#HUBI:hover {
	position: absolute;
	left: 182px;
	top: 410px;
	width: 144px;
	height: 144px;
	background: url(images/HUBI_hover.png) no-repeat;
	}

#HUBILayer {
	display: none;
	position: absolute;
	left: 210px;
	top: 160px;
	width: 301px;
	height: 280px;
	color: #333;
	text-align: left;
	text-decoration: none;
	padding: 15px;
	background: url(images/HUBI_bg.png) no-repeat;
	}

#HUBIText {
	position: absolute;
	left: 13px;
	top: 15px;
	width: 279px;
	height: 173px;
	font: normal 70%/1.5em 'Trebuchet MS', Tahoma, sans-serif;
	color: #333;
	text-align: left;
	text-decoration: none;
	}

#CloseHUBI {
	position: absolute;
	left: 271px;
	top: 6px;
	width: 24px;
	height: 24px;
	background: url(images/x.png) no-repeat;
	}
	
#CloseHUBI:hover {
	position: absolute;
	left: 271px;
	top: 6px;
	width: 24px;
	height: 24px;
	background: url(images/x_hover.png) no-repeat;
	}
	
#CloseHUBI:active {
	position: absolute;
	left: 271px;
	top: 6px;
	width: 24px;
	height: 24px;
	background: url(images/x_active.png) no-repeat;
	}
	

/* Aalto Lunch */
#Aaltolunch {
	position: absolute;
	left: 147px;
	top: 295px;
	width: 144px;
	height: 144px;
	background: url(images/Aaltolunch.png) no-repeat;
	}

#Aaltolunch:hover {
	position: absolute;
	width: 144px;
	height: 144px;
	background: url(images/Aaltolunch_hover.png) no-repeat;
	}

#AaltolunchLayer {
	display: none;
	position: absolute;
	left: 273px;
	top: 184px;
	width: 291px;
	height: 217px;
	color: #333;
	text-align: left;
	text-decoration: none;
	padding: 15px;
	background: url(images/Aaltolunch_bg.png) no-repeat;
	}

#AaltolunchText {
	position: absolute;
	left: 29px;
	top: 15px;
	width: 279px;
	height: 226px;
	font: normal 70%/1.5em 'Trebuchet MS', Tahoma, sans-serif;
	color: #333;
	text-align: left;
	text-decoration: none;
	}

#CloseAaltolunch {
	position: absolute;
	left: 287px;
	top: 9px;
	width: 24px;
	height: 24px;
	background: url(images/x.png) no-repeat;
	}
	
#CloseAaltolunch:hover {
	background: url(images/x_hover.png) no-repeat;
	}
	
#CloseAaltolunch:active {
	background: url(images/x_active.png) no-repeat;
	}
	
	

	
	

#NSM {
	position: absolute;
	left: 276px;
	top: 481px;
	width: 147px;
	height: 145px;
	background: url(images/NSM.png) no-repeat;
	}

#NSM:hover {
	position: absolute;
	left: 276px;
	top: 481px;
	width: 147px;
	height: 145px;
	background: url(images/NSM_hover.png) no-repeat;
	}

#NSMLayer {
	display: none;
	position: absolute;
	left: 308px;
	top: 289px;
	width: 291px;
	height: 199px;
	color: #333;
	text-align: left;
	text-decoration: none;
	padding: 15px;
	background: url(images/Ossi_bg.png) no-repeat;
	}

#NSMText {
	position: absolute;
	left: 13px;
	top: 15px;
	width: 279px;
	height: 173px;
	font: normal 70%/1.5em 'Trebuchet MS', Tahoma, sans-serif;
	color: #333;
	text-align: left;
	text-decoration: none;
	}

#CloseNSM {
	position: absolute;
	left: 271px;
	top: 6px;
	width: 24px;
	height: 24px;
	background: url(images/x.png) no-repeat;
	}
	
#CloseNSM:hover {
	position: absolute;
	left: 271px;
	top: 6px;
	width: 24px;
	height: 24px;
	background: url(images/x_hover.png) no-repeat;
	}
	
#CloseNSM:active {
	position: absolute;
	left: 271px;
	top: 6px;
	width: 24px;
	height: 24px;
	background: url(images/x_active.png) no-repeat;
	}

#Kassi {
	position: absolute;
	left: 367px;
	top: 393px;
	width: 152px;
	height: 156px;
	background: url(images/Kassi.png) no-repeat;
	}

#Kassi:hover {
	position: absolute;
	left: 367px;
	top: 393px;
	width: 152px;
	height: 156px;
	background: url(images/Kassi_hover.png) no-repeat;
	}
	
#KassiLayer {
	display: none;
	position: absolute;
	left: 494px;
	top: 303px;
	width: 291px;
	height: 217px;
	color: #333;
	text-align: left;
	text-decoration: none;
	padding: 15px;
	background: url(images/Kassi_bg.png) no-repeat;
	}

#KassiText {
	position: absolute;
	left: 29px;
	top: 15px;
	width: 279px;
	height: 226px;
	font: normal 70%/1.5em 'Trebuchet MS', Tahoma, sans-serif;
	color: #333;
	text-align: left;
	text-decoration: none;
	}

#CloseKassi {
	position: absolute;
	left: 287px;
	top: 9px;
	width: 24px;
	height: 24px;
	background: url(images/x.png) no-repeat;
	}
	
#CloseKassi:hover {
	position: absolute;
	left: 287px;
	top: 9px;
	width: 24px;
	height: 24px;
	background: url(images/x_hover.png) no-repeat;
	}
	
#CloseKassi:active {
	position: absolute;
	left: 287px;
	top: 9px;
	width: 24px;
	height: 24px;
	background: url(images/x_active.png) no-repeat;
	}

#Ossi {
	position: absolute;
	left: 474px;
	top: 438px;
	width: 160px;
	height: 152px;
	background: url(images/Ossi.png) no-repeat;
	}

#Ossi:hover {
	position: absolute;
	left: 474px;
	top: 438px;
	width: 160px;
	height: 152px;
	background: url(images/Ossi_hover.png) no-repeat;
	}
	
#OssiLayer {
	display: none;
	position: absolute;
	left: 506px;
	top: 242px;
	width: 291px;
	height: 199px;
	color: #333;
	text-align: left;
	text-decoration: none;
	padding: 15px;
	background: url(images/Ossi_bg.png) no-repeat;
	}

#OssiText {
	position: absolute;
	left: 13px;
	top: 15px;
	width: 279px;
	height: 173px;
	font: normal 70%/1.5em 'Trebuchet MS', Tahoma, sans-serif;
	color: #333;
	text-align: left;
	text-decoration: none;
	}

#CloseOssi {
	position: absolute;
	left: 271px;
	top: 6px;
	width: 24px;
	height: 24px;
	background: url(images/x.png) no-repeat;
	}
	
#CloseOssi:hover {
	position: absolute;
	left: 271px;
	top: 6px;
	width: 24px;
	height: 24px;
	background: url(images/x_hover.png) no-repeat;
	}
	
#CloseOssi:active {
	position: absolute;
	left: 271px;
	top: 6px;
	width: 24px;
	height: 24px;
	background: url(images/x_active.png) no-repeat;
	}
	
#YourApp {
	position: absolute;
	left: 638px;
	top: 410px;
	width: 155px;
	height: 151px;
	background: url(images/YourApp.png) no-repeat;
	}

#YourApp:hover {
	position: absolute;
	left: 638px;
	top: 410px;
	width: 155px;
	height: 151px;
	background: url(images/YourApp_hover.png) no-repeat;
	}

#YourAppLayer {
	display: none;
	position: absolute;
	left: 347px;
	top: 281px;
	width: 291px;
	height: 200px;
	color: #333;
	text-align: left;
	text-decoration: none;
	padding: 15px;
	background: url(images/YourApp_bg.png) no-repeat;
	}

#YourAppText {
	position: absolute;
	left: 16px;
	top: 15px;
	width: 279px;
	height: 202px;
	font: normal 70%/1.5em 'Trebuchet MS', Tahoma, sans-serif;
	color: #333;
	text-align: left;
	text-decoration: none;
	}

#CloseYourApp {
	position: absolute;
	left: 274px;
	top: 8px;
	width: 24px;
	height: 24px;
	background: url(images/x.png) no-repeat;
	}
	
#CloseYourApp:hover {
	position: absolute;
	left: 274px;
	top: 8px;
	width: 24px;
	height: 24px;
	background: url(images/x_hover.png) no-repeat;
	}
	
#CloseYourApp:active {
	position: absolute;
	left: 274px;
	top: 8px;
	width: 24px;
	height: 24px;
	background: url(images/x_active.png) no-repeat;
	}

#Info {
	position: absolute;
	left: 414px;
	top: 290px;
	width: 92px;
	height: 112px;
	background: url(images/Info.png) no-repeat;
	}

#Info:hover {
	position: absolute;
	left: 414px;
	top: 290px;
	width: 92px;
	height: 112px;
	background: url(images/Info_hover.png) no-repeat;
	}

#InfoLayer {
	display: none;
	position: absolute;
	left: 487px;
	top: 103px;
	width: 309px;
	height: 344px;
	color: #333;
	text-align: left;
	text-decoration: none;
	padding: 15px;
	background: url(images/Info_bg_bigger.png) no-repeat;
	}

#InfoText {
	position: absolute;
	left: 29px;
	top: 15px;
	width: 279px;
	height: 250px;
	font: normal 70%/1.5em 'Trebuchet MS', Tahoma, sans-serif;
	color: #333;
	text-align: left;
	text-decoration: none;
	}

#CloseInfo {
	position: absolute;
	left: 287px;
	top: 8px;
	width: 24px;
	height: 24px;
	background: url(images/x.png) no-repeat;
	}
	
#CloseInfo:hover {
	position: absolute;
	left: 287px;
	top: 8px;
	width: 24px;
	height: 24px;
	background: url(images/x_hover.png) no-repeat;
	}
	
#CloseInfo:active {
	position: absolute;
	left: 287px;
	top: 8px;
	width: 24px;
	height: 24px;
	background: url(images/x_active.png) no-repeat;
	}
	
#NewsLayer {
	display:none;
	position: absolute;
	left: 879px;
	top: 199px;
	width: 309px;
	height: 475px;
	color: #333;
	text-align: left;
	text-decoration: none;
	padding: 15px;
	background: url(images/News_bg.png) no-repeat;
	}

#NewsText {
	position: absolute;
	left: 26px;
	top: 15px;
	width: 279px;
	height: 361px;
	font: normal 70%/1.5em 'Trebuchet MS', Tahoma, sans-serif;
	color: #333;
	text-align: left;
	text-decoration: none;
	}

#CloseNews {
	position: absolute;
	left: 287px;
	top: 8px;
	width: 24px;
	height: 24px;
	background: url(images/x.png) no-repeat;
	}
	
#CloseNews:hover {
	position: absolute;
	left: 287px;
	top: 8px;
	width: 24px;
	height: 24px;
	background: url(images/x_hover.png) no-repeat;
	}
	
#CloseNews:active {
	position: absolute;
	left: 287px;
	top: 8px;
	width: 24px;
	height: 24px;
	background: url(images/x_active.png) no-repeat;
	}

#LinksBottom { 
	position: absolute;
	left: 333px;
	top: 629px;
	width: 500px;
	height: 51px;
	font: normal 80%/1.5em 'Trebuchet MS', Tahoma, sans-serif;
	color: #333;
	text-align: center;
	text-decoration: none;
	}

A:link {text-decoration: underline; color: #333}
A:visited {text-decoration: underline; color: #333}
A:active {text-decoration: underline; color: #333}
A:hover {text-decoration: underline; color: #111}

A.bottom:link {text-decoration: none; color: #333}
A.bottom:visited {text-decoration: none; color: #333}
A.bottom:active {text-decoration: none; color: #333}
A.bottom:hover {text-decoration: underline; color: #111}