@charset "utf-8";

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background: #000;
	margin: 0;
	margin-top: 20px;
	padding: 0;
	text-align: center;
	color: #FFF;
}

.indexPage #container {
	width: 930px;
	margin: 0 auto;
	overflow: hidden;

}

.indexPage #logo {
	float: left;
	height: 30px;
	width: 234px;
	text-align:left;
}

.indexPage #menubar {
	float:left;
	height: 27px;
	width: 696px;
	text-align:right;

}

.indexPage #shoes {
	padding-top: 21px;
	float:left;
	height: 491px;
	width: 930px;
	background: url(../images/background.jpg) no-repeat;

}

.indexPage #technology {
	padding-top: 21px;
	float:left;
	height: 491px;
	width: 930px;
	background: url(../images/teknologi.jpg) no-repeat;

}

.indexPage #wrapper {
	margin: 0 auto;
	height:303px;
	width:772px;

}

.indexPage #shoebg {
	opacity: 0;
	MozOpacity: 0; 
	KhtmlOpacity: 0;
	filter: alpha(opacity="0"); 
	margin-left: 322px;
	padding-top:51px;
	height:303px;
	width:407px;
	background: url(../images/shoebg.png) no-repeat;

}

.indexPage #welcome {
	height:303px;
	width:772px;
	background: url(../images/welcome.png) no-repeat center;

}

.indexPage #welcometext {
	width: 772px;
	float: left;
	height: 30px;
	margin-top:15px;
}

.indexPage #header {
	float:left;
	margin-top:110px;
	width: 772px;
	height: 31px;
}

.indexPage #contact {
	padding-top:20px;
	margin-top:41px;
	margin-left: 450px;
	float:left;
	text-align: center;
	width:429px;
	height:371px;
	background: url(../images/contact.png) no-repeat;

}

.indexPage #info {
	font-size: 8pt;
	padding-left:15px;
	margin-top: 35px;
	text-align:left;

}

.indexPage #scroll {
	float:left;
	margin-left: 130px;
	margin-top: 20px;
	width: 680px;
	height: 130px;

}

.distribution {
	color: #2C2C2C;
}

h1 {
	height:6pt;
	font-size: 10pt;
	font-weight: normal;
}

a:link {
	color: #FFFFFF;
	font-weight:normal;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	font-weight:normal;
	color: #FFFFFF;
}
a:hover {
	text-decoration: underline;
	font-weight:normal;
	color: #FFFFFF;
}
a:active {
	font-weight:normal;
	text-decoration: none;
}