/* BODY */

html, body, header, links, h1, h2, h3, h4, h5, h6, ul, ol, li a { margin: 0; padding: 0;}

body {
	font: .85em "Arial",sans-serif;
	background: #fefefe url(images/background.jpg) top repeat-x;
	color: #555;
}

/* HEADER */

#header {
	position: relative;
	width: 751px;
	height: 100px;
	margin: 0 auto;
	background: url(images/header_bg.gif) center bottom no-repeat;
}
	
#logo {
	position: absolute;
	top: 18px;
	left: -47px;
	width: 143px;
	height: 108px;
	background: url(images/logo.jpg) top no-repeat;
	z-index: 10;
}

#header h1 {
	position: absolute;
	top: 19px;
	left: 98px;
	width: 657px;
	height: 65px;
	text-indent: -9999px;
	background: url(images/title.jpg) top no-repeat;
}

#header h2 { text-indent: -9999px; }

/* CONTENT */

#content {
	position: relative;
	width: 751px;
	height: 558px;
	margin: 0 auto;
	background: #fff url(images/content_bg.gif) center top no-repeat;
}

/* LINKS */

a {
	overflow: hidden;
	text-decoration: underline;
	color: #f1ae21;
}

a:hover { text-decoration: none; }
a:active, a:focus { outline: thin dotted #ccc; }

#links {
	position: absolute;
	left: 75px;
	width: 228px;
	height: 258px;
	list-style: none;
}

#links li {
	width: 228px;
	height: 31px;
}

#links a {
	width: 228px;
	height: 31px;
 	background-image: url(images/menu.gif);
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;
}

#home a { background-position: 0 0 ; }
#home a:hover, #home a.active { background-position: -228px 0; }

#news a { background-position: 0 -31px ; }
#news a:hover, #news a.active { background-position: -228px -31px; }

#about a { background-position: 0 -62px ; }
#about a:hover, #about a.active { background-position: -228px -62px; }

#founder a { background-position: 0 -93px ; }
#founder a:hover, #founder a.active { background-position: -228px -93px; }

#system a { background-position: 0 -124px ; }
#system a:hover, #system a.active { background-position: -228px -124px; }

#contact a { background-position: 0 -155px ; }
#contact a:hover, #contact a.active { background-position: -228px -155px; }

#merchant { height: 62px; }

#merchant a { height: 62px; background-position: 0 -186px; }
#merchant a:hover { height: 62px; background-position: -228px -186px; }

/* PAGE IMAGE */

#pageimage {
	position: absolute;
	width: 406px;
	height: 233px;
	right: 20px;
}

/* MAIN TEXT */

#maintext {
	position: absolute;
	top: 255px;
	left: 27px;
	width: 705px;
	height: 300px;
	overflow: auto;
}

#maintext p, #maintext li {
	line-height: 1.2em;
	padding-right: 25px;
}

h2 {
	font-size: 1em;
	color: #000;
}

.bold {
	font-weight: bold;
	color: #000;
}

ul {
	padding-left: 15px;
	list-style-type: disc;
}

ul.system {
	padding-left: 15px;
	font-size: 1.15em;
	list-style-type: disc;
}

ol {
	padding-left: 20px;
	list-style-type: decimal;
}

ol.alpha {
	padding-left: 20px;
	list-style-type: lower-alpha;
}

#solutions {
	position: absolute;
	top: 30px;
	right: 20px;
	width: 488px;
	height: 187px;
	text-indent: -9999px;
	background: url(images/solutions.jpg) top no-repeat;
}

/* CONTACT FORM */

#contactform {
	position: absolute;
	right: 0;
	width: 410px;
}

#l50 {
	float: left;
	width: 200px;
	padding-bottom: 25px;
}

#r50 {
	float: right;
	width: 200px;
	padding-bottom: 25px;
}

#contactform p { clear: both; }

/* FOOTER */

#footer {
	position: relative;
	width: 751px;
	height: 19px;
	margin: 0 auto;
	background: url(images/footer_bg.gif) center top no-repeat;
}