/* TOP */

div.sm-table0 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 500px;
	background: #5E91B3;
	overflow: hidden;
}
div.topshadow {
	position: absolute;
	width: 100%;
	height: 20px;
	left: 0px;
	top: 0px;
	background: url(/index-images/index-undly.png) repeat-x;
	z-index: 1000;
}

div.sm-table1 {
	position:absolute;
	bottom: 50px;
	height: 400px;
    width: 100%;
	
	overflow:hidden;
}

div.sm-table1-grad {
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 50px;
	background: url(/index-images/table1-bkg.png) repeat-x;
}

div.sm-menu-container {
	position: relative;
	float: left;
	left: 50%;
	margin-left: -350px;
	width: 700px;
	height: 400px;
}

div.sm-aluin {
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 146px;
	font: 194px/146px "Abril Fatface", cursive;
	color: #406080;
}

div.sm-aluinfade {
	position: absolute;
	top: 15px;
	left: 50%;
	margin-left: -100px;
	width: 200px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	z-index: 2000;
}

/* @group menu items */

div.sm-webdesign {
	position: absolute;
	height: 44px;
	width: 300px;
	top: 15px;
	left: 427px;
}

div.sm-graphics {
	position: absolute;
	height: 44px;
	width: 300px;
	top: 56px;
	left: 496px;
}

div.sm-video {
	position: absolute;
	height: 44px;
	width: 300px;
	top: 100px;
	left: 425px;
}

div.sm-photos {
	position: absolute;
	height: 44px;
	width: 300px;
	top: 141px;
	left: 333px;
}

div.sm-babel {
	position: absolute;
	height: 44px;
	width: 300px;
	top: 192px;
	left: 234px;
}

div.sm-writing {
	position: absolute;
	height: 44px;
	width: 300px;
	top: 234px;
	left: 372px;
}

/* @end */

/* BOTTOM */

div.sm-table2{
	position: absolute;
	bottom: -15px;
	width: 100%;
	height: 65px;
	background-color: #406080;
}


div.sm-table2-grad {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 70px;
	background: url(/index-images/table2-bkg.png) repeat-x;
}

div.sm-content-holder {
	position: absolute;
	left: 50%;
	margin-left: -400px;
	top: 0px;
	width: 800px;
}

div.sm-content {
	position: absolute;
	left: 0px;	
	top: 0px;
	width: 800px;
	padding-top: 60px;

}

div.sm-aluin-flip {
	position: absolute;
	top: 0px;
	left: 50px;
	width: 494px;
	height: 70px;
	background-image: url(/index-images/aluin-flipped.png);
}

/* TEXT */

.sm-table1 a:link {
	font: 44px "Abril Fatface", cursive;
	color: #C2DCED;
	text-decoration: none;
}

.sm-table1 a:visited {
	font: 44px "Abril Fatface", cursive;
	color: #C2DCED;
	text-decoration: none;
}

.sm-table1 a:hover {
	font: 44px "Abril Fatface", cursive;
	color: white;
	text-decoration: none;
}

.sm-table1 a:active {
	font: 44px "Abril Fatface", cursive;
	color: #406080;
	text-decoration: none;
}

/* My Comment */

.smallwhite {
	margin: 0px;
	color: white;
	font: 400 18px "Gentium Basic", serif;
}

.smallaluin {
		font: 24px "Abril Fatface", cursive;
	color: white;
	text-decoration: none;

}

.btn-slide {
	position: absolute;
	top: 320px;
	left: 510px;
	font: normal 44px "Abril Fatface", cursive;
	color: #C2DCED;
	text-decoration: none;
}

.btn-slideout {
	position: absolute;
	top: 470px;
	left: 510px;
		font: normal 44px "Abril Fatface", cursive;
	color: #C2DCED;
	text-decoration: none;
}