@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", veranda, "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;
	height: 1450px;
	}
#wrapper #main #flash {
	position:absolute;
	top:0;
	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:590px;
	position:absolute;
	top:230px;
	right:0;
	height: 1230px;
	}
#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:580px;
	height:330px;
	top:10px;
	left:5px;
	background:url(../images/main/webdesign/basicback.gif) no-repeat left top;
	}
#wrapper #main #mainright #mainweb #webtext {
	position:absolute;
	width:350px;
	top:50px;
	left:40px;
	}


#wrapper #main #mainright #maingraph {
	position:absolute;
	width:570px;
	height:310px;
	top:308px;
	background:url(../images/main/webdesign/premiumback.gif) repeat-x left top;
	left: 5px;
	}
#wrapper #main #mainright #maingraph #graphtext {
	position:absolute;
	width:354px;
	top:50px;
	left:25px;
	}


#wrapper #main #mainleft {
	position:absolute;
	left:0px;
	width:210px;
	height: 1230px;
	top: 230px;
	}
#wrapper #main #mainleft #leftpic {
	position:absolute;
	top:10px;
	left:10px;
	width:195px;
	height:250px;
	}
#wrapper #main #mainleft #leftinfo {
	position:absolute;
	top:269px;
	left:10px;
	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;
	}
#wrapper #main #mainleft #addservices {
	width:200px;
	height:600px;
	position:absolute;
	top:620px;
	background:url(../images/main/webdesign/addservices.gif) no-repeat top left;
	left: 7px;
	}
#wrapper #main #mainright #plat{
	width:580px;
	height:325px;
	position:absolute;
	top:590px;
	background:url(../images/main/webdesign/platback.gif) no-repeat top left;
	left: 5px;
	}
#wrapper #main #mainright #plat #plattext{
	width:371px;
	height:200px;
	position:absolute;
	top:50px;
	left: 25px;
	}
#wrapper #main #mainright #ecomm #ecommtext {
	width:432px;
	height:200px;
	position:absolute;
	top:50px;
	left: 25px;
	}
#wrapper #main #mainright #ecomm{
	width:580px;
	height:330px;
	position:absolute;
	top:890px;
	background:url(../images/main/webdesign/ecomm.gif) no-repeat top left;
	left: 5px;
	}
#footer {
	position:absolute;
	width: 660px;
	left: 10px;
	top: 1460px;
	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;
	}

#wrapper #main #mainright #mainweb #btn {
	position:absolute;
	width:140px;
	top:280px;
	height: 20px;
	right: 50px;
	}
#wrapper #main #mainright #maingraph #btn {
	position:absolute;
	width:140px;
	top:274px;
	right:50px;
	height: 20px;
	}
#wrapper #main #mainright #plat #btn {
	position:absolute;
	width:140px;
	top:280px;
	right:50px;
	height: 20px;
	}
#wrapper #main #mainright #ecomm #btn {
	position:absolute;
	width:140px;
	top:280px;
	right:50px;
	height: 20px;
	}
#wrapper #main #mainleft #addservices #addsertext {
	width: 180px;
	position: absolute;
	left: 20px;
	top: 100px;
}
#wrapper #main #mainleft #addservices #btn {
	height: 20px;
	width: 140px;
	position: absolute;
	top: 530px;
	left: 33px;
}