@charset "utf-8";
/* CSS Document */

* {
	padding:0;
	margin:0;
	}
#wrapper {
	width:800px;
	margin:0 auto;
	position:relative;
	}
#wrapper #head {
	position:relative;
	height:150px;
	}
#wrapper #head #logo {
	position:absolute;
	top:10px;
	left:10px;
	width:200px;
	height:120px;
	}
#wrapper #head #headtext {
	position:absolute;
	top:80px;
	right:40px;
	width:375px;
	height:20px;
	}
#wrapper #head ul {
	margin: 0;
	padding: 0;
	position: absolute;
	right: 20px;
	bottom:0;
	float: left;
	width: 560px;
	list-style:none;
	background:url(../images/main/header/navback.gif) repeat-x left top;
	}
#wrapper #head ul li {
	float:left;
	}
#wrapper #head ul li a {
	display:block;
	color:#666666;
	text-decoration:none;
	padding:15px;
	line-height:10px;
	font-size:13px;
	font-weight:normal;
	background:url(../images/main/header/navbacksep.gif) no-repeat left top;
	font-family:neuropol,Copperplate Gothic Bold,veranda;
	}
#wrapper #head ul li a:hover {
	color:#FFFFFF;
	}
#wrapper #head ul li a.first {
	background-image: url(../images/main/header/navbacksepfirst.gif);
	padding-left: 28px;
	}
#wrapper #main {
	position:relative;
	height: 1270px;
	}
#wrapper #main #flash {
	position:absolute;
	top:2px;
	left:10px;
	width:780px;
	height:230px;
	background:url(../images/main/home/flashback.gif) no-repeat left top;
	}
#wrapper #main #mainright {
	position:absolute;
	top: 230px;
	width: 326px;
	height: 49px;
	right: 0px;
	}
#wrapper #main #mainright #webport {
	position:absolute;
	width:150px;
	height:45px;
	right: 175px;
	}
#wrapper #main #mainright #graphicport {
	position:absolute;
	width:150px;
	height:45px;
	right: 20px;
	}
#wrapper #main #quote {
	position:absolute;
	top:250px;
	width:780px;
	height:900px;
	background:url(../images/main/quote/quoteback2.gif) no-repeat left top;
	left:10px;
	}

@charset "utf-8";
/* CSS Document */

* {
	padding:0;
	margin:0;
	}
#wrapper {
	width:800px;
	margin:0 auto;
	position:relative;
	}
#wrapper #head {
	position:relative;
	height:150px;
	}
#wrapper #head #logo {
	position:absolute;
	top:10px;
	left:10px;
	width:200px;
	height:120px;
	}
#wrapper #head #headtext {
	position:absolute;
	top:80px;
	right:40px;
	width:375px;
	height:20px;
	}
#wrapper #head ul {
	margin: 0;
	padding: 0;
	position: absolute;
	right: 20px;
	bottom:0;
	float: left;
	width: 560px;
	list-style:none;
	background:url(../images/main/header/navback.gif) repeat-x left top;
	}
#wrapper #head ul li {
	float:left;
	}
#wrapper #head ul li a {
	display:block;
	color:#666666;
	text-decoration:none;
	padding:15px;
	line-height:10px;
	font-size:12px;
	font-weight:normal;
	background:url(../images/main/header/navbacksep.gif) no-repeat left top;
	font-family: "Copperplate Gothic Bold", "arial black";
	}
#wrapper #head ul li a:hover {
	color:#FFFFFF;
	}
#wrapper #head ul li a.first {
	background-image: url(../images/main/header/navbacksepfirst.gif);
	padding-left: 28px;
	}
#wrapper #main {
	position:relative;
	}
#wrapper #main #flash {
	position:absolute;
	left:10px;
	width:750px;
	height:220px;
	background:url(../images/main/home/flashback.gif) no-repeat left top;
	padding-top: 10px;
	padding-left: 30px;
	}
#wrapper #main #mainright {
	width:800px;
	position:absolute;
	top:230px;
	right:10px;
	z-index: 1;
	}
#wrapper #main #mainright #webport {
	position:absolute;
	width:150px;
	height:45px;
	right: 175px;
	z-index: 1;
	}
#wrapper #main #mainright #graphicport {
	position:absolute;
	width:150px;
	height:45px;
	right: 20px;
	z-index: 1;
	}
#wrapper #main #mainright #mainweb {
	position:absolute;
	width:570px;
	height:310px;
	top:10px;
	left:5px;
	background:url(../images/main/home/webcontentback.gif) no-repeat left top;
	}
#wrapper #main #mainright #mainweb #webtext {
	position:absolute;
	width:310px;
	top:80px;
	left:16px;
	}
#wrapper #main #mainright #mainweb #weblogo {
	position:absolute;
	width:230px;
	height:60px;
	top:5px;
	left:5px;
	}
#wrapper #main #mainright #mainweb #webpic {
	position:absolute;
	width:225px;
	height:200px;
	top:55px;
	left:325px;
	}
#wrapper #main #mainright #maingraph {
	position:absolute;
	width:570px;
	height:310px;
	top:299px;
	left:5px;
	background:url(../images/main/home/contentback.gif) repeat-x left top;
	}
#wrapper #main #mainright #maingraph #graphtext {
	position:absolute;
	width:350px;
	top:90px;
	left:15px;
	}
#wrapper #main #mainright #maingraph #graphlogo {
	position:absolute;
	width:260px;
	height:60px;
	top:5px;
	left:5px;
	}
#wrapper #main #mainright #maingraph #graphpic {
	position:absolute;
	width:170px;
	height:165px;
	top:60px;
	left:380px;
	}
#wrapper #main #mainleft {
	position:absolute;
	top:230px;
	left:0px;
	width:210px;
	height: 610px;
	}
#wrapper #main #mainleft #leftpic {
	position:absolute;
	top:10px;
	left:8px;
	width:195px;
	height:250px;
	}
#wrapper #main #mainleft #leftinfo {
	position:absolute;
	top:270px;
	left:8px;
	width:195px;
	height:340px;
	background:url(../images/main/home/sideinfo.gif) no-repeat left top;
	}
#wrapper #main #mainleft #leftinfo #form1 {
	position:absolute;
	top:60px;
	left:25px;
	width:160px;
	height:250px;
	}
#footer {
	position:absolute;
	width: 660px;
	left: 10px;
	top: 1160px;
	padding-left: 130px;
	background-image: url(../images/main/footer/footback.gif);
	background-repeat: no-repeat;
	}
#footer ul {
	margin: 0;
	padding: 0;
	list-style:none;
	}
#footer ul li {
	float:left;
	}
#footer ul li a {
	display:block;
	color:#666666;
	text-decoration:none;
	padding:15px;
	line-height:10px;
	font-size:12px;
	font-weight:normal;
	background:url(../images/main/header/navbacksep.gif) no-repeat left top;
	font-family:"Copperplate Gothic Bold", veranda, "arial black";
	}
#footer ul li a:hover {
	color:#FFFFFF;
	}
#footer ul li a.first {
	background-repeat: no-repeat;
	}
#botinfo {
	width:480px;
	height:30px;
	position: absolute;
	top: 45px;
	left: 160px;
	}