* {margin: 0;
	padding: 0;}
a {
   outline: none;
}
ul {list-style: none;}
body {background: #b3e58d;}
#pagewrap {width: 800px;
			height: 648px;
			margin: 0 auto;
			background: url(images/mainpage-header.jpg) #fff top right no-repeat;
}
#header h1 {
	height: 138px;
	width: 438px;
	background: url(images/mainpage-textheader.jpg) no-repeat;
	text-indent: -9999px;}
/*div.nav*/
.clear {clear: both;}
ul#topnav {padding-top: 25px;
			padding-bottom: 65px;}

	ul#topnav li {
				display: inline;}
			ul#topnav li a {
					display: block;
					height: 25px;
					text-indent: -9999px;
					float: left;}
				ul#topnav li.service a {
								width: 222px;
								background: url(images/nav-services.jpg) bottom center;}
				ul#topnav li.contact a {
								width: 214px;
								background: url(images/nav-contact.jpg) bottom center;}
				ul#topnav li a:hover {
						background-position: top center;} 
ul#lownav {padding-bottom: 21px;}
ul#lownav li {
				display: inline;}
			ul#lownav li a {
					display: block;
					height: 39px;
					text-indent: -9999px;
					float: left;}
				ul#lownav li.aboutus a {
								width: 330px;
								background: url(images/nav-aboutus2.jpg) bottom center;}
				ul#lownav li.careers a {
								width: 209px;
								background: url(images/nav-careers.jpg) bottom center;}
				ul#lownav li a:hover {
						background-position: top center;}
#info {
		}
#branch {float: right;
		padding-top: 80px;
		padding-right: 225px;}
#number {float: right;
		padding-right: 150px;}
		
.hope {height: 415px;
		background: url(images/mainpage-footer.jpg) bottom left no-repeat;}
		
ul#email {padding-bottom: 21px;}
ul#email li {
				display: inline;}
			ul#email li a {
					display: block;
					height: 32px;
					text-indent: -9999px;
					float: right;
					margin-right: 50px;}
				ul#email li.mail a {
								width: 373px;
								background: url(images/e-mail.jpg) bottom center;}
				ul#email li a:hover {
						background-position: top center;}